body{font-family: 'Roboto', sans-serif; color: #666666;font-size:1rem;}

.sprite{background: url(../images/sprite.png) no-repeat 0 0; display:inline-block; vertical-align: middle;}
.tra{transition: all .3s linear;}
a:hover,a:focus{text-decoration:none;color: #00a8b4;}
a{color: #00a8b4;}
#wrapper{overflow: hidden;}
.container{max-width:1170px;}
/* main-menu */
.navbar{left: 0; right: 0; top: 0; margin: 0 auto; z-index: 99;padding:0 !important;}

#main-menu .btn-custom {background-color: transparent;color:#ffffff;background-color:#00a8b4;border-radius:30px;font-size:0.9375rem;font-weight: 700;text-decoration: none;padding:15px 30px 15px 65px;position: relative;min-width: 165px;overflow: hidden;z-index: 9;cursor:pointer;margin-top: 35px;}
#main-menu .btn-custom i {display: inline-block;background-position:-196px -14px;width: 20px;height: 20px;position: absolute;top:50%; transform: translateY(-50%);left:35px;}
#main-menu .btn-custom:hover .cal,#main-menu .btn-custom:focus .cal {background-position:-221px -14px;}
#main-menu .btn-custom:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #057f88;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
#main-menu .btn-custom:hover,#main-menu .btn-custom:focus{color:#ffffff;}
#main-menu .btn-custom:hover:before,#main-menu .btn-custom:focus:before, .btn-custom:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

#main-menu li a.nav-link{color: #002345; padding: 48px 15px;font-weight:500;position: relative;}
#main-menu li a.nav-link:after{content:"";position: absolute;left:0;right:0;bottom:0;margin: 0 auto;background-color: #00a8b4;width:0;height:2px;opacity: 0;visibility: hidden;transition: all .3s linear;}
#main-menu li a.nav-link:hover,#main-menu li.active a.nav-link{color: #067a93; }
#main-menu li a.nav-link:hover:after,#main-menu li a.nav-link:focus:after,#main-menu li.active a.nav-link:after{width: calc(100% - 20px);opacity: 1;visibility: visible;}
#main-menu li a.nav-link.active{font-weight: 600;}
#main-menu li .dropdown-menu{border: none; border-radius: 0; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15); }
#main-menu li:last-child{margin-left: 40px;}
#main-menu li:last-child:after{display: none;}

#main-menu li:last-child a:hover:after, #main-menu li:last-child a:focus:after{display: none;}

/* menu hover effect */
#main-menu .navbar-nav li ul.dropdown-menu{width: 250px;}
#main-menu .navbar-nav li ul.dropdown-menu .dropdown-item{white-space: normal; padding: 10px 20px; font-size: 94%;}
#main-menu .navbar-nav li:hover > ul.dropdown-menu {display: block;}
#main-menu .dropdown-submenu {position:relative;}
#main-menu .dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top:-6px;}
/* rotate caret on hover */
#main-menu .dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color: #f8f9fa; color: #067a93;}


.btn-custom {margin-top: 50px;color:#ffffff;background-color:#00a8b4;border-radius:30px;font-size:0.9375rem;font-weight: 700;text-decoration: none;padding:15px 60px 15px 30px;position: relative;min-width: 235px;overflow: hidden;z-index: 9;cursor:pointer;}
.btn-custom i {display: inline-block;background-position:-266px -17px;width: 14px;height: 12px;position: absolute;top:50%; transform: translateY(-50%);right:30px;}
.btn-custom:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #057f88;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn-custom:hover,.btn-custom:focus{color:#ffffff;}
.btn-custom:hover:before,.btn-custom:focus:before, .btn-custom:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.btn.focus, .btn:focus{outline: none;box-shadow: none;}


.btn-custom.reverse{background-color: #ffffff;color:#00a8b4;}
.btn-custom.reverse i{background-position: -250px -17px;}
.btn-custom.reverse:hover i,.btn-custom.reverse:focus i{background-position: -266px -17px;}
.btn-custom.reverse:hover,.btn-custom.reverse:focus{color:#ffffff;background-color: #39b4be;}
.btn-custom.reverse:hover:before,.btn-custom.reverse:focus:before, .btn-custom.reverse:active:before {}

.owl-carousel .owl-dots{max-width:1170px;margin: 0 auto;position: absolute;left:0;right:0;bottom:30px;text-align: center;}
.owl-carousel button.owl-dot{margin:0 5px;width:10px;height:10px;background-color:rgba(0,168,180,0.25);border-radius:50%;}
.owl-carousel button.owl-dot.active{background-color:#00a8b4;}

/* mobile menu */
#mobile-menu{display: none;}

/* mobile menu icon */
#mobile-menu-icon{display:none;position:absolute;right:12px;top:23px;width:30px;height:30px;z-index:9999;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after{width:30px;height:2px;background-color:#067a93;display:block;position:absolute;top:7px;transition:all 0.3s;}
#mobile-menu-icon span:before{content:'';top:-7px;}
#mobile-menu-icon span:after{content:'';top:7px;}
#mobile-menu-icon.active span{background-color:transparent;}
#mobile-menu-icon.active span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:0;}
#mobile-menu-icon.active span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:0;}

/* mobile menu */
#mobile-menu{display:none;background-color:#ffffff;border-left:4px solid #067a93;position:fixed;width:250px;top:0px;height:calc(100% - 60px);z-index:1;overflow-y:scroll;right:-250px;}
#mobile-menu ul{margin:0;padding:0;list-style:none;float:none;}
#mobile-menu ul li{float:none;padding:0;margin:0;border:none;position:relative;border-bottom:1px solid #d6d0d0;}
#mobile-menu ul li a{padding:12px 20px;display:block;color:#067a93;font-weight:400;text-decoration:none;}
#mobile-menu ul li ul li a{color:#067a93;font-size:85%;text-decoration:none;}
#mobile-menu ul li.active ul li a{color:#fff;}
#mobile-menu ul li ul li a:hover{color:#fff;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover{color:#fff;border-bottom:none;background-color:#067a93;}
#mobile-menu ul li > a:hover .submenu:before, #mobile-menu ul li.active > a .submenu:before, #mobile-menu ul li a:hover .submenu:before{background-color:#ffffff;}
#mobile-menu ul li > a:hover .submenu:after, #mobile-menu ul li.active > a .submenu:after, #mobile-menu ul li a:hover .submenu:after{background-color:#ffffff;}
#mobile-menu ul li.changebg > a{background-color:#067a93;color:#fff;}
#mobile-menu ul li > a:focus{background-color:#067a93;color:#fff;}
#mobile-menu ul li:hover > a{border-bottom:none;}
#mobile-menu ul li a .submenu{position:absolute;width:42px;height:42px;right:0;top:1px;display:block;cursor:pointer;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before,#mobile-menu ul li a .submenu:after{content:"";background-color:#212121;display:block;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before{width:1px;height:15px;position:relative;left:20px;top:12px;}
#mobile-menu ul li a .submenu:after{width:15px;height:1px;position:relative;left:13px;top:4px;}
#mobile-menu ul li.changebg>a>.submenu:before{transform:rotate(-90deg);}
#mobile-menu ul li.changebg>a>.submenu:after{display:none;}
#mobile-menu ul li > ul{padding:0;border:none;}
#mobile-menu ul li.submenu-one:hover > ul{top:0;}
#mobile-menu ul li.submenu-one ul{margin-bottom:-1px;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{width:auto;display:none;opacity:1;position:relative;left:0;top:0;visibility:visible;transition:none;box-shadow:none;}
#mobile-menu ul.mob-view{display:block;}
#mobile-menu ul.mob-view ul li a{padding:12px 30px;}
#mobile-menu ul li ul li a{padding:12px 30px;}
#mobile-menu ul li ul li ul li a{padding:12px 40px;}
#mobile-menu ul li ul li{border-bottom:1px solid #d6d0d0;}

.top-menu .container .row{border-bottom: 1px solid #d5d5d5;}
.top-menu .social-connect{text-align: center;}
.top-menu .social-connect a{display: inline-block;width: 50px;height: 50px;line-height: 50px;border-right:1px solid #d5d5d5;border-bottom:none;border-top: none;}
.top-menu .social-connect .fb i{background-position: -11px -92px;width: 10px;height: 18px;}
.top-menu .social-connect .tw i{background-position:-45px -96px;width: 18px;height: 14px;}
.top-menu .social-connect .insta i{background-position: -96px -96px;width: 18px;height: 18px;}
.top-menu .social-connect .yt i{background-position:-149px -98px;width: 20px;height: 14px;}
.top-menu .social-connect .fb:hover i{background-position:-28px -92px;}
.top-menu .social-connect .tw:hover i{background-position: -69px -96px;}
.top-menu .social-connect .insta:hover i{background-position:-122px -96px;}
.top-menu .social-connect .yt:hover i{background-position: -177px -98px;}

.top-menu .social-connect a.fb{border-left:1px solid #d5d5d5;}
.top-menu .social-connect a.yt{border-right:none;}

h3{font-family: 'Exo', sans-serif;color: #00a8b4; font-size: 1.875rem;text-align: center; font-weight: 700; margin:0px  0 50px;}

/* Typography */
h2.title{font-family: 'Exo', sans-serif;display: block; position: relative; font-size:2.25rem; font-weight: 700;color: #00a8b4; }
h2.title span{font-size: 1.125rem; color: #002345; margin: 0 0 10px; font-weight: 700;}

.padding{padding: 100px 0;}

.top-menu .call-action{font-family: 'Exo', sans-serif;line-height:50px;position: relative;margin-left: 15px;color:#00a8b4;font-weight:600;}
.top-menu .call-action i{background-position: -128px -9px;width: 25px;height: 25px;margin-right: 15px;}
.top-menu p{font-family: 'Exo', sans-serif;font-weight:600;color:#00a8b4;line-height: 50px;margin-bottom: 0px;font-size: 0.938rem;}
.top-menu p .clock{background-position: -162px -13px;width: 20px;height: 20px;margin-right: 10px;}

/* contact-now */
#contact-now{padding:50px 0; background-color: #28b294; }
#contact-now .text{font-size: 1.6875rem; font-weight: 500; color: #fff; line-height: 1.7;}
#contact-now .btn-cust:before{}
#contact-now .btn-cust:hover:before{border-color: rgba(255,255,255,0.55);}
#contact-now .btn-cust{background-color: rgba(255,255,255,0.15); }
#contact-now .btn-cust span{background-color: #fff;}
#contact-now .btn-cust:hover{background-color: rgba(255,255,255,0.55); }

/* footer */
#footer #top{background: #002345;}
#footer #top .f-logo{margin-bottom: 35px;}
#footer #top .address{color: #fefefe; font-size: 0.9375rem; text-transform: uppercase; margin-bottom: 30px;}
#footer #top .contact-info{margin-bottom: 50px;}
#footer #top .contact-info a{color: #41c0a4; font-size: 0.9375rem; }
#footer #top .contact-info a:hover{text-decoration: none; color: #fff;}
#footer #top .social-share{text-align: center;}
#footer #top .social-share a{display: inline-block; margin-right: 8px;}
#footer #top .social-share a i{width: 36px; height: 36px;}
#footer #top .social-share .fb i{background-position: -3px -49px;}
#footer #top .social-share .tw i{background-position: -87px -49px;}
#footer #top .social-share .insta i{background-position: -171px -49px;}
#footer #top .social-share .yt i{background-position: -255px -49px;}
#footer #top .social-share .fb:hover i{background-position: -45px -49px;}
#footer #top .social-share .tw:hover i{background-position: -129px -49px;}
#footer #top .social-share .insta:hover i{background-position: -213px -49px;}
#footer #top .social-share .yt:hover i{background-position: -297px -49px;}
#footer #top h3{font-family: 'Exo', sans-serif;color: #00a8b4; font-size: 1.875rem;text-align: center; font-weight: 700; margin:0px  0 50px;}
#footer #top .contact-block{margin-bottom: 20px;}
#footer #top .contact-block p,#footer #top .contact-block a{line-height: 27px;color:rgba(254,255,255,0.75);font-size:1.063rem;}
#footer #top .contact-block p{margin-bottom: 0px;}
#footer #top .contact-block .icon{margin-bottom: 20px;}
#footer #top .contact-block .icon .loc{background-position: -6px -4px;width: 19px;height: 26px;}
#footer #top .contact-block .icon .mob{background-position: -33px -6px;width: 18px;height: 24px;}
#footer #top .contact-block .icon .time{background-position: -60px -10px;width: 24px;height: 20px;}
#footer #top .contact-block .icon .link{background-position: -93px -9px;width: 22px;height: 22px;}

#footer #top hr{border-top: 1px solid rgba(255,255,255,0.10);margin:35px 0;}


#footer #top ul{margin-top: 10px;}
#footer #top ul li{margin: 0 25px;position: relative;}
#footer #top ul li:after{content:"";position: absolute;right:-24px;top:0px;width: 1px;height:100%;background-color: #2d5174;}
#footer #top ul li:last-child:after{display: none;}
#footer #top ul li a{padding:0px;color:#ffffff;font-weight:500;}
#footer #top ul li a:hover,#footer #top ul li a:focus{color:#00a8b4;}


#footer #bottom{background-color:#00a8b4;padding: 20px 0; color:#b3faff; text-align: center;}
#footer #bottom a{color: #002345;}
#footer #bottom .divider{margin: 0 15px;}

#totop{bottom:-60px;cursor:pointer;display:block; position:fixed;right:20px;width:64px; height: 64px; line-height: 64px; border: 1px solid #fff;border-radius: 50%; background-color: #00a8b4; z-index:9;text-align:center;box-shadow: 0px 19px 49px 1px rgba(0, 35, 69, 0.5);-webkit-box-shadow: 0px 19px 49px 1px rgba(0, 35, 69, 0.5);}
#totop .angle-up{ background-position:-287px -103px;width: 14px;height: 20px;position: relative;text-align: center;}
#totop:hover{background-color: #002345;}
#totop:hover:before{border-color: rgba(65,192,164,0.15);}

form .form-group{margin-bottom: 30px;}
form .form-control {height:55px; font-size:1.1rem; border: 1px solid #e5e5e5;padding:1.25rem;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;background-color: #f5f5f5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
form .form-control:focus {background-color: #f5f5f5;color: #002345;font-size:1.125rem;box-shadow:none;border-color:#e5e5e5;}
form .form-control.error {border-color:#ff0000;}
form textarea.form-control {resize:none; height:150px;}
form .has-captcha .input-group .form-control {width:44.6%; display:inline-block; border-right: 0;}
form .input-group-addon:last-child {display:inline-block; width:auto; background:#fff; border:1px solid #e9e9e9; height:auto; border-radius: 0; padding: 0; margin-left: -1px;}
form .form-group label {position: relative; font-size: 1.1rem; font-weight: 400; color: #999999;}
form .form-group.required label:before {color: red; content: "*"; position: absolute; right: -10px; top: 0;}
form .refresh {cursor: pointer; width:40px; line-height: 40px; display: inline-block; vertical-align: top; position: relative;}
form #imgCaptcha {border-right:1px solid #e9e9e9;}


#clock-modal .modal-body{font-family: 'Exo', sans-serif;padding:20px;color:#fff;background-color:#00a8b4;font-weight:600;}
#clock-modal .modal-footer{background-color:#00a8b4;}

#book-an-appointment{position: relative;}
#book-an-appointment:before{content:"";background-image:url(../images/book-an-appointment-bg.png);background-size: cover;width:867px;height:521px;position: absolute;right:-100px;}
#book-an-appointment h2.title span{margin-top:0px;}
#book-an-appointment .title-text{font-weight:500;font-size:1.0625rem;}
#book-an-appointment .call-now{margin-bottom:80px;margin-left: 65px;}
#book-an-appointment .call-now .call-text{margin: 0 0 30px;font-weight:500;text-align: left;color:#002347;text-transform: uppercase;}
#book-an-appointment .call-now .icon{margin-bottom: 20px;}
#book-an-appointment .call-now .icon .mob{background-position: -355px -12px;width: 47px;height: 47px;}
#book-an-appointment .call-now .numbers a{font-size:2.25rem;font-family: 'Exo', sans-serif;font-weight:700;color:#00a8b4;margin-bottom: 5px;}
#book-an-appointment .call-now p{margin-top: 15px;color:rgba(0,35,69,0.75);font-size:1.0625rem;}

#book-an-appointment .call-now .location {color:#002345;font-size:1.0625rem;margin-top: 50px;font-weight:500;margin-bottom: 20px;line-height: 55px;display:block;}
#book-an-appointment .call-now .location .map-icon {position: relative;background-color:rgba(0,168,180,0.10);width:55px;height:55px;border-radius:50%;line-height: 55px;display: inline-flex;vertical-align: middle;margin-right: 20px;}
#book-an-appointment .call-now .location .loc-icon {position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;background-position:-207px -97px;width: 19px;height: 26px;}

#book-an-appointment form{margin:30px 0 30px 15px;}
#book-an-appointment form .btn-custom{padding:15px 40px;min-width: 205px;font-size:1.125rem;}

#book-an-appointment form .select2-container--default .select2-selection--single .select2-selection__arrow b {content:"";background-image: url(../images/sprite.png);background-position: -235px -105px;width: 16px;height: 8px;left: 50%;margin-left: -4px;margin-top: -2px;position: absolute;top: 50%;border: none;}
#book-an-appointment form label{color:#999999;margin-left: 15px;}
#book-an-appointment form .select2-container--default .select2-selection--single {background-color: #f5f5f5;border: 1px solid #e5e5e5;height:55px;border-radius:10px;}
#book-an-appointment form .select2-container--default .select2-selection--single .select2-selection__rendered {color: #999;font-size: 120%;line-height: 55px;}
#book-an-appointment form .select2-container--default .select2-selection--single .select2-selection__arrow {height: 55px;position: absolute;top: 1px;right: 1px;width: 50px;}

#book-an-appointment form .has-icon {position: relative;}
#book-an-appointment form .has-icon:after {content: ''; position: absolute; right: 5px; top: 50%;}
#book-an-appointment form .date:after {background: url('../images/sprite.png') -257px -102px;width: 20px;height: 20px;top:52px;right:15px;}
#book-an-appointment form .time:after {background: url('../images/sprite.png') -29px -27px; width: 17px; height: 17px; margin-top: -8.5px;}

/*accordion*/
#accordion {border: 1px solid #e1e1e1; border-radius: 5px; overflow: hidden; padding:5px 30px;margin-bottom: 30px;}
#accordion .card {border: none;background-color: transparent;border-bottom: 1px solid #e1e1e1;}
#accordion .card:last-child .card-header {border-bottom: none;}
#accordion .card-header {background: none; padding:25px 0; font-size: 1.125rem; font-weight: 400; color: #067a93; border-bottom: none;position: relative;padding-right: 30px;}
#accordion .card-link {display: block;color: #00a8b3;font-family: 'Exo', sans-serif;font-weight:500;font-size: 1.25rem;}
#accordion .card-body {position: relative;padding-left: 0px;padding-right: 0px;border-bottom:none;padding-top: 0px;color: #333333;z-index:1;}
/*#accordion .card-body:after{content:'';position:absolute;top:0;bottom:0;left:-30px;right:0;background-color: #ffffff;width:calc(100% + 60px);height:100%;}*/
#accordion .collapse .card-body {background-color: #ffffff;margin:0 -30px;padding: 20px 30px;}

#accordion .card-header a:after {content: '-'; float: right; font-weight: 400;font-size: 1.3125rem;color: #00a8b3;position: absolute;right:0px;}
#accordion .card-header .card-link.collapsed{color: #002245;}
#accordion .card-header a.collapsed:after {content: '+';color:#002245;}


#statistics{background-size: cover;min-height:250px;background-position: center center;padding:90px 0;background-repeat: no-repeat;}
#statistics .text{font-family: 'Roboto', sans-serif;font-weight:500;font-size:1.3125rem; color: #fff;line-height: 178%;text-align:center;}
#statistics .text span{font-family: 'Exo', sans-serif;font-weight:700;font-size:3.4375rem;display: block;}
#statistics .text span.number:after{content: "+"}

#book-now-modal .modal-dialog{max-width:650px;}
#book-now-modal .modal-header .close {position: relative;margin: 0; opacity: 1; color: #fff; text-shadow: none; border: 1px solid #fff; width: 30px; height: 30px; border-radius: 50%; float: none; position: absolute; right: 30px;top: 32px;line-height: 32px;}
#book-now-modal .modal-header .close:after{content:"×";position: absolute;left:0;right:0;color:#fff;font-size:1.1rem;top: 0;bottom: 0px;}
#book-now-modal .modal-header .close:hover {background-color: #fff;}
#book-now-modal .modal-header .close:hover:after {color:#00a8b4;}

#book-now-modal .modal-header{padding:30px;background-color: #00a8b4;text-align: center;}
#book-now-modal .modal-header h3{margin:0px;color: #ffffff;text-align: center;}
#book-now-modal .modal-body{padding:30px;}
#book-now-modal .modal-body form .form-control{font-size:0.88rem;padding: 1rem;height: 58px;}
#book-now-modal .modal-body form .form-control#txtmessage{height: 120px;}
#book-now-modal .modal-body .btn-custom{margin-top:30px;}