@import url('https://fonts.googleapis.com/css?family=Courgette');
body{font-family: 'Courgette', cursive; font-size: 14px;}
h3.title{font-size: 30px; color: #0aa6b6; margin: 0;}
h3.title span{color: #231f20;}
.container{padding: 0 40px; width: 1097px;}
.f-row{margin: 0;}
.f-row > div{padding: 0;}
.f-row > div.col-md-2{width: 18.70%;}
.f-row > div.col-md-10{width: 81.30%;}
.menu{position: fixed; left: 0; top: 0; bottom: 0; background: #0aa6b6; z-index: 99999999999999; }
.logo{text-align: center; padding: 20px;}
.logo img{margin-left: 10px;}
.nav-menu{display: none; background: #0aa6b6;}
.nav-menu .navbar{background: #088c9a;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{color: #fff; background:#0aa6b6; }
.navbar-default .navbar-toggle .icon-bar{background: #fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.nav-menu .navbar{margin-bottom: 0; min-height: 0;}
.nav-menu .navbar-default .navbar-brand{display: block; color: #fff;}
.navbar-default{background: none; border: none;}
.navbar-default .navbar-collapse{padding: 0;}
.navbar-default .navbar-nav li{float: none; border-top: 1px solid #2db3c0; }
.navbar-default .navbar-nav li a{padding: 21px 67px 21px 55px; color: #fff; font-size: 17px; font-weight: 500; background: rgba(0, 0, 0, 0) url("../images/icon/menu-icon.png") no-repeat scroll 35px center; transition:all 0.5s; -webkit-transition:all 0.5s;}
.navbar-default .navbar-nav li a:hover{ color: #fff; font-size: 17px; font-weight: 500; background: rgba(0, 0, 0, 0) url("../images/icon/menu-icon1.png") no-repeat scroll 200px center; color: #000;}
.navbar-default .navbar-nav li.bdr{border-bottom: 1px solid #2db3c0; }
.navbar-default .navbar-brand{display: none;}
.menu .phone-btn{background: #088c9a; padding: 15px 0; font-size: 20px; color:#fff; text-align: right; position: absolute; bottom: 0;		}
.menu .phone-btn a{text-align: right; padding:0 20px 0 32px; color: #fff}
.slider{overflow: hidden; position: fixed; max-height: 669px;}
.slider img{width: 100%; -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-name: example; animation-duration: 15s;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example { 
	from {transform: scale(1);} 
	to {transform: scale(1.1)}
}
/* Standard syntax */
@keyframes example {from {transform: scale(1)} to {transform: scale(1.1)}}
.carousel-indicators{bottom: 40px; left: 10%;}
.carousel-indicators li{padding: 5px; border:5px solid #fff ;}
.carousel-indicators li.active{padding: 5px;background: #088c9a;}
.slider .carousel-control{background: none;}
.down-arrow{position: absolute; left: 50%; bottom: 20px; color: #fff; background: none !important;}
.down-arrow i{font-size: 20px;}
section.home-section{position: relative; z-index: 99999; margin-top: 667px; background: #fff;}

.welcome-section{padding: 40px 0; position: relative;}
.line{background: #088c9a; height: 2px; width: 106px; display: inline-block; margin-top: 3px; margin-bottom: 5px;}
.welcome-section p{width: 95%; display: inline-block; margin-top: 15px;}
 .price .box img{border: 5px solid #e8e8e8;}
 .price .box{position: relative;}
 .price .box .text{position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; background: rgba(00,00,00,0.5); color: #fff; padding: 40px 50px 70px; transition:all 0.2s; -webkit-transition:all 0.2s;}
 .price .box .text h4{margin: 0; font-size: 30px;}
 .price .box .text h4 span{display: block;}
 .price .box .text .line{background: #fff; width: 100%;}
 .price .box .text p{line-height: 30px; margin-top: 20px;}
 .price .box .text p.price{font-size: 30px;}
 .price .box .text a{background: #fff; color: #231f20; padding: 5px 20px; margin-top: 20px; display: inline-block; text-decoration: none; transition:all 0.3s; -webkit-transition:all 0.3s; border: 2px solid #fff;}
 .price .box .text:hover{background:#231f20; color: #fff;  }
 .price .box .text a:hover{border: 2px solid #fff; background: none; color: #fff;}
 .price .box {margin-top: 30px;}
.services-section{background: #f1f1f1; padding: 50px 0;}
.sevvices-box{border: 1px solid #0aa6b6; padding: 40px 20px; margin-top: 20px;}
.sevvices-box .srv-img {}
.sevvices-box h4.title{color: #1aa1ef; margin-top: 0;}
.sevvices-box a{border:1px solid #0aa6b6; background: #0aa6b6; color: #fff; padding: 5px 20px; display: inline-block; transition:all 0.5s;}
.sevvices-box a:hover{border:1px solid #0aa6b6; text-decoration: none; background: none; color: #0aa6b6;}
.srv-box{position: relative; margin-top: 62px;}
.sevvices-box p{line-height: 30px;}
footer{background: #231f20; color: #fff; padding: 40px 0; z-index: 9999; position: relative;}
footer h4.title{color: #0aa6b6; font-size: 24px; margin-bottom: 20px;}
footer h4.title span{color: #fff;}
footer p.locat{background: url('../images/icon/location.png') no-repeat left center; padding-left: 30px;}
footer p.phone{background: url('../images/icon/phone.png') no-repeat left center; padding-left: 30px;}
footer p.email{background: url('../images/icon/email.png') no-repeat left center; padding-left: 30px;}
footer .social p{float: left; width: 50%;}
footer .social p i{margin-right: 10px; width: 30px; height: 30px; line-height: 30px; border: 1px solid #fff; text-align: center; }
footer .copy{border-left:1px solid #312e2f; }
footer .copy p{padding: 40px 0;}

.about-page{ color: #fff;}
.about-page .about-section1{padding: 40px 0;  background: #0aa6b6 url("../images/about/about-pic-bg.png") repeat scroll right bottom;}
.about-page .about-section1 h3.title{color: #fff;}
.about-section2{background: #f1f1f1; padding: 40px 0; color: #333;}
.about-section2 .price .box .text h4, .about-section2 .price .box .text p.price{font-size: 20px; }
.about-section2 .price .box .text{padding: 40px 20px 70px;}
.about-page .line{background: #fff;}
.gallery-page .gallery-section{background: url('../images/gallery/gallery.png') left bottom; padding: 40px 0;}
.gallery-page .gallery-section .row > div{margin-top: 15px; margin-bottom: 15px;}
.gallery-page .gallery-section img{border: 10px solid #fff;}
.gallery-page .gallery-section .box{position: relative; overflow: hidden;}
.gallery-page .gallery-section .sml-box{position: absolute; top: 0; left: 0; background: rgba(00,00,00,0.5) url('../images/icon/logo-icon.png') center center no-repeat; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition:all 0.5s;}
.gallery-page .gallery-section .sml-box1{position: absolute; top: 0; left: 0; background: rgba(00,00,00,0.5) url('../images/icon/logo-icon1.png') center center no-repeat; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition:all 0.5s; }
.gallery-page .gallery-section .box:hover .sml-box,.gallery-page .gallery-section .box:hover .sml-box1{opacity: 1; visibility: visible;}
.review-page .review-section{background: url('../images/review/image-bg.png') no-repeat right center; padding: 50px 0 400px; color: #fff;}
.review-page .review-section .box{border: 1px solid #fff; padding: 10px; margin-bottom: 20px; }
#map{pointer-events: none;}
.contact-page .contact-form{padding: 40px 0;}
.contact-page .contact-form .input {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 15px 10px;
  width: 100%;
}
.contact-page .contact-form .contact-bth {
  background: #23aae1 none repeat scroll 0 0;
  border: medium none #23aae1;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  transition: all 0.2s ease 0s;
}
.contact-page .contact-form .contact-bth:hover{background: #333;}
.contact-page{}
/*********************/
/*-------------------------*/
.mobile-icon{display: none;}

.mobile-icon .material-button-anim {
  position: fixed;
  bottom:-1%;
  left:0;
  padding: 127px 16px 27px 16px;
  text-align: center;
  max-width: 320px;
  z-index: 999;

}
.mobile-icon1 .material-button-anim {
  position: fixed;
  bottom:-1%;
  right:0;
  padding: 127px 16px 27px 16px;
  text-align: center;
  max-width: 320px;
  z-index: 999;

}

.material-button {
    position: relative;
    top: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    font-size: 1.5em;
    color: #fff;
    background: #0aa6b6;
    border: none;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.275);
    outline: none;
}
.material-button-toggle {
    z-index: 3;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    text-align: center; 
    line-height: 50px;
}
.map{padding: 40px 0;}



@keyframes bounce {
  0% {margin-top:0;}
  50% {margin-top:-15px; margin-bottom:15px;}
  100% {margin-top:0;}
}
@keyframes roket-roket-circle-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(0deg);
    opacity: 0.1; }
  30% {
    transform: rotate(0deg) scale(1.25) skew(0deg);
    opacity: 0.25; }
  100% {
    transform: rotate(0deg) scale(1.5) skew(0deg);
    opacity: 0; } }
.material-button-toggle:not(:hover):not(:focus):not(:active) {
  transition:.25s !important;
  animation: 2.25s bounce infinite !important;
}
.material-anim {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: none;
}
.material-anim.one {
    -webkit-animation: roket-roket-circle-anim 1.2s infinite ease-in-out !important;
  -moz-animation: roket-roket-circle-anim 1.2s infinite ease-in-out !important;
  -ms-animation: roket-roket-circle-anim 1.2s infinite ease-in-out !important;
  -o-animation: roket-roket-circle-anim 1.2s infinite ease-in-out !important;
  animation: roket-roket-circle-anim 1.2s infinite ease-in-out !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
   
      
}
.material-anim.two {
     border: 2px solid #0aa6b6 !important;
  opacity: 0.1 !important;
  background:none !important;
    -webkit-animation: roket-roket-circle-anim 1.9s infinite ease-in-out !important;
  -moz-animation: roket-roket-circle-anim 1.9s infinite ease-in-out !important;
  -ms-animation: roket-roket-circle-anim 1.9s infinite ease-in-out !important;
  -o-animation: roket-roket-circle-anim 1.9s infinite ease-in-out !important;
  animation: roket-roket-circle-anim 1.9s infinite ease-in-out !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important; 
}
#cd-top{ display: none; }