body{font-family: 'Poppins', sans-serif; color: #000000;font-size:1rem;font-weight:400;}

.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-fluid {padding: 0 80px;}

.btn.focus, .btn:focus{box-shadow: none;}
/* main-menu */
.navbar{left: 0; right: 0; top: 0; margin: 0 auto; z-index: 999; position: fixed;  padding: 30px 0;}
.navbar.fixed{background-color: rgba(255,255,255,1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); padding: 15px 0;}

.navbar a img { max-width: 170px; filter: drop-shadow(0 0 68px rgba(255, 255, 255, 0.5)); transition: all 0.4s;}
.navbar.fixed a img{max-width:140px;}


#main-menu li a{color: #000000; padding: 10px 20px;font-size:0.938rem;font-weight:300;position: relative;}
#main-menu li a:hover{text-decoration: none;}
#main-menu li a.active{font-weight: 600;}
#main-menu li .dropdown-menu{border: none; border-radius: 0; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15); padding: .5rem 0 !important; }

#main-menu li a.nav-link:before{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:before,#main-menu li a.nav-link:focus:before,#main-menu li.active a.nav-link:before{width: calc(100% - 40px);opacity: 1;visibility: visible;}
#main-menu li.active a.nav-link:before{width:calc(100% - 40px);}

.navbar a.mob{display:none;}

/* menu hover effect */
#main-menu .navbar-nav li ul.dropdown-menu{width1: 250px; box-shadow: none;}
#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 > a {border: 1px solid transparent; position: relative; border-radius: 4px 4px 0 0;}
#main-menu .dropdown-submenu:hover > a {background-color: #fff; color: #067a93; border-color: rgba(6,122,147,0.3); border-bottom-color: #fff; z-index: 1001;}
#main-menu .dropdown-submenu>.dropdown-menu {top: 42px;left: 0; border: 1px solid rgba(6,122,147,0.3); border-radius: 0 4px 4px 4px;}

/*.navbar.fixed #main-menu .dropdown-submenu:hover a {background-color: #067a93; color: #fff;}
.navbar.fixed #main-menu .dropdown-submenu>.dropdown-menu {background-color: #067a93;}*/
/* 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;}


/* 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:#0f8d8e;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 #0f8d8e;position:fixed;width:250px;top:60px;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:#0f8d8e;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;}

/*btn-cust */
.btn-custom {background-color: transparent;color:#038889;border:1px solid #038889;border-radius:25px;font-size:0.938rem;font-weight: 500;text-decoration: none;padding: 16px 65px 16px 40px;position: relative;overflow: hidden;z-index: 99;cursor:pointer;}
.btn-custom .arrow {display: inline-block;background-position:-41px -22px;width: 14px;height: 9px;margin-left: 10px;transition: all 0.4s;}
.btn-custom:hover .arrow,.btn-custom:focus .arrow {transform: translateX(15px);background-position:-24px -22px;}
.btn-custom:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #ffffff;-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{background-color:#03928f;}
.btn-custom:hover:before, .btn-custom:focus:before, .btn-custom:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.btn-custom.cancel {background-color: #999; color: #fff; border-color: #999;}
.btn-custom.cancel:hover:before {background-color: #666; border-color: #666;}


.owl-carousel .owl-dots{max-width:1170px;margin: 0 auto;position: absolute;left:0;right:0;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;}


/* Typography */
h2.title{font-family: 'Exo 2', sans-serif;font-size:2.25rem; font-weight: 700;color: #038889;margin: 0 0 40px;}

.padding{padding: 130px 0;}
p{margin: 0 0 30px;}

.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-color: #028688; background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; background-position: right bottom; color:#ffffff;}
#footer #top h2.title{color:#ffffff;}
#footer #top .contact-block h3{font-size:1.25rem;font-weight:600;color:#ffffff;margin: 0 0 10px;}
#footer #top .btm-contact{margin-top: 30px;}
#footer #top .btm-contact p{margin:0 0 10px;}
#footer #top .btm-contact p span{font-size:1rem;font-weight:600;}
#footer #top .btm-contact p a{color:#ffffff;}

#footer #top .social-share{}
#footer #top .social-share a{display: inline-block; margin-right: 8px;}
#footer #top .social-share a i{width: 32px; height: 32px;}
#footer #top .social-share .fb i{background-position:-484px -18px;}
#footer #top .social-share .tw i{background-position:-525px -18px;}
#footer #top .social-share .yt i{background-position: -566px -18px;}
#footer #top .social-share .fb:hover i{background-position: -485px -58px;}
#footer #top .social-share .tw:hover i{background-position: -526px -58px;}
#footer #top .social-share .yt:hover i{background-position: -567px -58px;}

#footer #top .newsletter h3{font-family: 'Exo 2', sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 45px;color:#ffffff;}

#footer #top .btn-custom{border-color:#ffffff;color: #ffffff;}
#footer #top .btn-custom:hover,#footer #top .btn-custom:focus {color: #038889;}
#footer #top .btn-custom .arrow{background-position:-24px -22px;}
#footer #top .btn-custom:hover:before,#footer #top .btn-custom:focus:before{background-color: #ffffff;}
#footer #top .btn-custom:hover .arrow,#footer #top .btn-custom:focus .arrow {background-position:-41px -22px;}

#footer #bottom{background-color:#ffffff;padding: 30px 0; color:#838383;font-size:0.875rem;}
#footer #bottom p{margin:0px;}
#footer #bottom p a{color:#838383;}
#footer #bottom p a:hover,#footer #bottom p a:focus{color:#038889;}

#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: #37cdd8; 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:-102px -189px;width: 13px;height: 24px;position: relative;text-align: center;}
#totop:hover{background-color:#038889;}
#totop:hover:before{border-color: rgba(65,192,164,0.15);}

form .form-group{margin-bottom: 30px;}
form .form-control {height:55px;color:#ffffff; font-size:1rem;font-weight: 300;padding:20px;border-radius:25px; -moz-border-radius: 25px; -webkit-border-radius:25px;background-color: rgba(255,255,255,0.10); -moz-box-shadow: none; -webkit-box-shadow: none;border: none;box-shadow: none; margin-bottom: 10px;}
form .form-control:focus {background-color: #f5f5f5;color:#000000; 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;}

form .form-control::-webkit-input-placeholder {color:rgba(255,255,255,0.25);background-color: transparent;}
form .form-control::-moz-placeholder {color:rgba(255,255,255,0.25);background-color: transparent;}
form .form-control:-ms-input-placeholder {color:rgba(255,255,255,0.25);background-color: transparent;}
form .form-control:-moz-placeholder {color:rgba(255,255,255,0.25);background-color: transparent;}

form .form-control:focus::-webkit-input-placeholder{color:#838383;} 
form .form-control:focus::-moz-input-placeholder{color:#838383;} 
form .form-control:focus::-ms-input-placeholder{color:#838383;} 
form .form-control:focus::-moz-input-placeholder{color:#838383;} 

.text-danger{padding: 5px 8px; border-radius: 4px; font-size: 80%;}
.subscribe_error,.subscribe_success {margin-bottom: 10px;}
.error-inline{background-color: #f8d7da; border:1px solid #f5c6cb; padding: 5px 8px;}

.application{padding:100px 0;background-color: #109495;}
.application .text{font-family: 'Exo 2', sans-serif;font-size:1.375rem;font-weight:600;color:#ffffff;}
.application .app-block{}
.application .app-block .scanner{float: left;width:60px;height:60px;background-color: #ffffff;border-radius:5px;position:relative;}
.application .app-block .scanner i{position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;}
.application .app-block .scanner .scan{background-position: -299px -114px;width: 50px;height: 50px;}
.application .app-block .icon-block{position: relative;margin-left: 10px;min-width:230px;display: inline-block;background-color: #ffffff;padding:14px;height: 60px;border-radius:5px;}

.application .app-block.app-store{float: right;}
.application .app-block .icon-block i{margin-right: 20px;}
.application .app-block .icon-block .play-store{background-position: -20px -183px;width: 27px;height: 31px;}
.application .app-block .icon-block .app-icon{background-position:-56px -181px;width: 30px;height: 36px;transform: scale(0.9);}
.application .app-block .name{color: #8b8b8b;font-weight:500;font-size:1.125rem;}


.fancybox-nav span{visibility:visible;}
.fancybox-next span,.fancybox-prev span{background-color:#038889;}
.fancybox-next span{right:0;}
.fancybox-prev span{left:0;}
.fancybox-close{background-color:#038889;width:42px;height:40px;top:0;right:0;}
.fancybox-skin{background:#ffffff;}