body{font-family: 'Poppins', sans-serif; color: #252525;}

.sprite{background: url(../images/sprite.png) no-repeat 0 0; display:inline-block; vertical-align: middle;}
.tra{transition: all .3s linear;}
strong.medium {font-weight: 500;}
strong.semibold {font-weight: 600;}

.container-fluid{padding: 0 80px;}

#wrapper{overflow: hidden;}

/* main-menu */
.navbar{left: 0; right: 0; top: 0; margin: 0 auto; z-index: 99; position: fixed;  padding: 40px 0;}
.navbar.fixed{background-color: rgba(255,255,255,1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); padding: 20px 0;}

.navbar a img { max-width: 196px; }

#main-menu li a{color: #0a2b34; padding: 10px 12px;}
#main-menu li a:hover{color: #067a93; 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); }

body#home #search-button{display: none;}
#search-button{width: 60px; height: 60px; display: inline-block; background-color: #41c0a4; border-radius: 50%; position: relative;}
#search-button .icon{ background: url(../images/search.png) no-repeat  center center; width: 25px; height: 25px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

/* 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:#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: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:#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;}


/* button custom */
.btn-cust{background-color: rgba(65,192,164,0.15); border-radius:30px; text-decoration: none;position: relative;margin-top: 50px; padding: 7px; z-index: 2;}
.btn-cust span{background-color: #41c0a4; color: #000; border-radius:30px; font-size:0.875rem; padding:13px; display: block; min-width: 150px; position: relative; z-index: 1;}
.btn-cust:before{content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 30px; opacity: 0; visibility: hidden; z-index: -1; height: 63px; width: 166px; transition: all 0.4s linear; margin: auto;}
.btn-cust:hover:before{background-color:#96e0d0; opacity: 1; visibility: visible;}
.btn-cust.focus, .btn-cust:focus{box-shadow: none;}

/* Typography */
h2.title{font-size: 2.25rem; color: #067a93; margin: 0 0 45px; font-weight: 600;}
h2.title span{display: block; position: relative; font-size: 1.25rem; font-weight: 400; margin-top: 10px; color: #41c0a4; }
h2.title span .icon{background-position: -7px -43px; width: 22px; height: 22px; position: absolute; left: 0; top:0;}
h2.title.md {font-size: 1.5rem; color: #067a93; margin: 0 0 25px;}
h2.title.has-circle {position: relative;}
h2.title.has-circle:before {content: ''; width: 60px; height: 60px; background-color: #71d0bb; border-radius: 50%; position: absolute; left: -24px; top: -18px; z-index: -1;}

.padding{padding: 150px 0;}
.padding130{padding: 130px 0;}
.padding100{padding: 100px 0;}
.padding-btm150{padding-bottom: 150px;}
.padding30{padding: 30px 0;}

/* 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: #0a2b34;}
#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{}
#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: -31px -1px;}
#footer #top .social-share .tw i{background-position: -72px -1px;}
#footer #top .social-share .yt i{background-position: -113px -1px;}
#footer #top .social-share .ld i{background-position: -153px -1px;}
#footer #top .social-share .fb:hover i{background-position: -31px -37px;}
#footer #top .social-share .tw:hover i{background-position: -72px -37px;}
#footer #top .social-share .yt:hover i{background-position: -113px -37px;}
#footer #top .social-share .ld:hover i{background-position: -153px -37px;}
#footer #top h3{color: #41c0a4; font-size: 1.375rem; font-weight: 300; margin: 15px  0 35px;}
#footer #top .links{margin: 0l; padding: 0; list-style: none;}
#footer #top .links li {margin-bottom: 15px;}
#footer #top .links li a{position: relative; padding-left: 15px; color: rgba(255,255,255,0.5); text-decoration: none; display: block;}
#footer #top .links li a:before{content: ""; width: 6px; height: 6px; background-color: rgba(255,255,255,0.5); border-radius: 50%; position: absolute; left: 0; top: 8px;}
#footer #top .links li a:hover{color: rgba(255,255,255,1);}
#footer #top .links li a:hover:before{background-color: rgba(255,255,255,1);}
#footer #top form .form-control{color: #fff; border: 1px solid #3b555d; border-radius: 25px; height: 50px; font-size: 0.9375rem; padding:5px 15px 5px 25px; background-color: transparent;}
#footer #top form .form-control::-webkit-input-placeholder {color: rgba(255,255,255,0.25); font-style: italic;}
#footer #top form .form-control::-moz-placeholder {color: rgba(255,255,255,0.25); font-style: italic;}
#footer #top form .form-control:-ms-input-placeholder {color: rgba(255,255,255,0.25); font-style: italic;}
#footer #top form .form-control:-moz-placeholder {color: rgba(255,255,255,0.25); font-style: italic;    }
#footer #top form .form-control:focus{outline: none; box-shadow: none;}
#footer #top form .btn-cust{margin-left: 0; margin-top: 30px;}
#footer #top form .btn-cust:hover:before{background-color: #12715c;}
#footer #top form textarea.form-control { height: 70px; resize: none; }

.wpcf7-submit.btn.btn-cust{background-color: #41c0a4; color: #000; border-radius:30px; font-size:0.875rem; padding:10px; display: block; min-width: 160px; position: relative; z-index: 1; border: 10px solid #134244; }
.wpcf7-submit.btn.btn-cust:before{display: none;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{padding: 8px 10px; background-color: #fff;}
form div.wpcf7-validation-errors,div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border: 1px solid #FF5722;padding: 10px 15px;font-size: 85%;margin: 10px 0 20px 0;color: #9c1f1f;background-color: #FBE9E7;}
form .wpcf7-not-valid { border: 1px solid #ea4646;}
span.wpcf7-not-valid-tip { color: #f00; font-size: 85%; margin-left: 15px; font-weight: normal; display: block;}
div.wpcf7-mail-sent-ok{ background-color: #d2ffbf;}
form .wpcf7-not-valid { border: 1px solid #ea4646 !important; }

#footer #bottom{padding: 25px 0; color: #000000; font-size: 0.9375rem; text-align: center;}
#footer #bottom a{color: #067a93;}
#footer #bottom a:hover{color: #0a2b34;}
#footer #bottom .divider{margin: 0 15px;}

#totop{bottom:-60px;cursor:pointer;display:block; position:fixed;right:20px;width:50px; height: 50px; line-height: 45px; border-radius: 50%; background-color: #0a2b34; z-index:9;text-align:center;}
#totop:before{content: "";border: 10px solid rgba(10,43,52,0.15); position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border-radius: 50%; display: block; transition: all .3s linear;}
#totop .angle-up{ background-position:-3px -57px;width: 18px;height: 14px; transform: rotate(-90deg); position: relative; top: 2px; text-align: center;}
#totop:hover{background-color: #41c0a4;}
#totop:hover:before{border-color: rgba(65,192,164,0.15);}

.loader{position: relative;  width: 100px; margin:50px auto; padding-top: 30px;}
.loader .dot{width: 20px; height:20px; border-radius:50%;display: inline-block; bottom:0; margin: 0 10px; position: absolute;animation: move 1.5s infinite ease-in; top: 0;}
.loader .dot-one{ animation-delay:0.2s; background-color:#067a93; left: -15px;}
.loader .dot-two{animation-delay:0.4s; background-color:#067a93; left:28px;  }
.loader .dot-three{animation-delay:0.6s; background-color: #067a93; left:70px; }
@keyframes move {
    0%,100% { opacity:0; transform:scale(0);}
    50% {opacity:1; transform:scale(1);}
}

.custom-control-input:checked~.custom-control-label::before {border-color: #41c0a4; background-color: #41c0a4;}
.custom-control-input:focus~.custom-control-label::before {box-shadow: none;}

.alert-error {
    color: #FF0000;
    text-align: center;
}