@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.btn-circle {
	width: 100px;
	height: 100px;
	margin-top: 25px;
	padding: 0px 16px;
	border: 4px solid #fff;
	border-radius: 100%!important;
	font-size: 70px;
	color: #fff;
	background: rgba(93,185,215,.7);
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	z-index: 99999999;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #0C4152;
    background: rgba(41,145,189,0.9);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.text-curly{
	font-family: 'Roboto Slab', serif;
	color: #CCC;
	font-size:30px;
	line-height: 25px;
}


 .totop {
	position: absolute;
	bottom:3rem;
    left: 0;
	right:20px;
}

.totop span {
	width: 6.2rem;
	height: 6.2rem;
	border-radius: 50% 50% 50% 50%;
	display: inline-block;
	text-align:center;
	border: thin solid #999;
	vertical-align: middle;
	padding-top: 1.5em;
	padding-left: 0.6em;
	background-color: #001688;
	  }	
	  
.totop span1 {
	width: 6.2rem;
	height: 6.2rem;
	border-radius: 50% 50% 50% 50%;
	display: inline-block;
	text-align:center;
	vertical-align: middle;
	
	  }	

	
.box{
      width: 6rem;
      height: 6rem;
      border-radius:0% 0% 0% 0%;
      display: inline-block;
	  text-align:center;
	  float:none;
	  margin-left:40px;
	 
	
	  
	  
}

.box1{
	width: 150px;
	height: 150px;
	border-radius:0% 0% 0% 0%;
	display: inline-block;
	text-align:center;
	float:right;
}

@media (max-width:576px) {

.box1{
       width: 150px;
	   height: 150px;
       border-radius:0% 0% 0% 0%;
       display: inline-block;
	   text-align:center;
	   float:left;
}
	}