body,html{}
body{font-family: 'Ubuntu', sans-serif; font-weight: normal; background: #f6f6f6; line-height: 1.5; color: #000; position: relative; height: 100%; overflow-x: hidden;}
body{transition: padding 0.2s}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px;}
b,strong{font-weight: bold}
h1,h2,h3,h4,h5,h6{font-family: 'Ubuntu'; font-weight: bold; line-height: 1.2; margin-bottom: 20px}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight: 500;}
.text-center p{text-align: center}
h1{font-size:50px;}
h1 strong{color: #000}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
a{color: #0b617f}
.btn{line-height: 1.2; text-transform: uppercase;font-size: 15px;padding: 10px 26px; border-radius: 0}
.form-control{min-height: 40px; border-radius: 0}
.btn-primary{background: #ef8322; border-color:#ef8322; color: #fff; transition: ease-in-out 0.3s; padding: 10px 26px; text-transform: uppercase; border-radius: 0}
.btn-primary.btn-lg{padding: 10px 24px; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:focus-within,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: #d57016;border-color: #d57016; color: #fff;}

.btn-secondary{background: #f0f0f0; border-color:#eee;color: #000;transition: ease-in-out 0.3s}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background: #333;border-color: #000; color: #fff}

.text-primary{color: #c00!important}
.bg-primary{background: #c00!important; color: #fff}
.lead{font-size: 20px; font-weight: 500}
.color-333{color: #333}
.color-666{color: #666}
.color-999{color: #999}
.color-aaa{color: #aaa}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 36px; height: 36px; font-size: 20px; line-height: 36px; padding: 0; background: rgba(0,0,0,0.4); color: #fff; z-index: 100; border-radius: 50%; margin: 0}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: rgba(0,0,0,0.8); color: #fff;}
.owl-theme .owl-nav{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 5}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -30px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 50%; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #000}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}

.navbar-toggler i{color: #065b83}
.navbar-toggler.collapsed .la-times{display: none}
.navbar-toggler.collapsed .la-bars{display: block}
.navbar-toggler .la-times{display: block}
.navbar-toggler .la-bars{display: none}

header{background: #065b83; color: #fff; line-height: 1.2; padding:0; font-size: 14px}
header a{color: #fff; font-size: 14px; display: inline-block}
header i{font-size: 16px; padding: 0 5px; display: inline-block}
header a:hover{color: #f60;text-decoration: none}

.hdr-phone{display: flex;justify-content:right; align-items:center; }
.hdr-phone .phn-icon{width: 44px; height: 44px; display: flex; justify-content:center; align-items:center; background: #30d5c8; border-radius: 50%; color: #000; margin-left: 5px}
.hdr-phone .phn-icon i{font-size: 18px;}
.hdr-phone .phn-no{width: calc(100% - 50px)}
.hdr-phone .phn-no p{font-size: 15px; color: #30d5c8; margin: 0; line-height: 1; font-weight:300}
.hdr-phone .phn-no a{font-size: 24px; color: #fff; font-weight: 500}
.hdr-phone .phn-no a:hover{text-decoration: none; color: #30d5c8}

.navbar{background: #fff; }
.navbar-brand{padding: 0; margin: 0}
.navbar-brand img{max-width: 140px}
.navbar-expand-lg .navbar-nav .nav-link{color: #065b83; padding: 8px 14px; font-size: 17px; font-weight: 500; transition: ease-in-out 0.2s}
.navbar-expand-lg .navbar-nav .nav-link:hover{background: #065b83; color: #fff}

.fixed-top{background: transparent; transition: ease-in-out 0.3s; border-bottom: 1px solid rgba(255,255,255,0.5)}
.fixed-top.fixed{background: #101010; border-bottom: 1px solid #101010}

.dropdown-menu{border-radius: 0; margin-top:-1px }
.dropdown-item{padding: 8px 18px; transition: ease-in-out 0.1s;  font-weight: 500}
.dropdown-item:hover{background: #30d5c8; color: #000}

.owl_home_main .item .content{position: absolute; left:0; right: 0; top: 50%; transform: translateY(-50%); z-index: 5}
.owl_home_main .banner-wrapper{width: 100%; max-width: 700px}
.owl_home_main .banner-wrapper h1{margin: 0 0 30px; color: #fff; font-weight: bold; font-size: 50px}
.owl_home_main .banner-wrapper p{color: #fff; font-weight: 500; font-size: 24px}
.owl_home_main.owl-theme .owl-dots {bottom: 0}
.owl_home_main .owl-nav{left: 50px; right: 50px; transform: translateY(-50%); z-index: 5}

p.title{font-size: 22px; font-weight: 300; text-transform: uppercase; margin-bottom: 10px}
.text-blue{color: #065b83!important}
.text-warning{color: #ef8322!important}
.text-grey{color: #777}


.line{display: inline-block; width: 90%; max-width: 90px; height: 4px; background: #fff; margin: 10px 0}
.line.center{margin: 10px auto}
.line.blue{background: #ef8322}
.line.grey{background: #aaaaaa}

/*home welcome*/
.sec-home-welcome{}
.img-border{position: relative}
.img-border:after{position: absolute; content: ''; top: 15px; left: 15px; border: 2px solid #30d5c8; z-index: 5; width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 2px}

.text-gold{color: #30d5c8!important}
.home-services{background: url(../images/bg-services.jpg) fixed top center no-repeat; padding: 80px 0}

/*home services*/
.card-service {position: relative; transition: ease-in-out 0.3s; margin-bottom: 20px}
.card-service:hover .card-service-image:after{top: 0; left: 0; width: 100%; height:100%; background: rgba(0,0,0,0.3)}
.card-service h4{margin-bottom: 5px; color: #065b83; font-size: 18px}
.card-service p{font-size: 16px; font-weight: 300}
.card-service .line{height: 2px}
.card-service .card-header{height: 250px; background: no-repeat center; background-size: cover}
.card-service .card-body{position: relative; padding-bottom: 70px; min-height: 300px}
.card-service .card-body .btn{position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 5}

.home-booking-info{background:url(../images/bg-booking.jpg) center no-repeat; background-size: cover; padding: 50px 15px}
.home-booking-info h1{font-size: 50px}
.why-us{}

.service-box{text-align: center}
.service-box-img{width: 170px; height: 170px; border:2px solid #065b83; padding: 10px; border-radius: 50%; overflow: hidden; margin: 0 auto 15px; background: #fff; display: flex; justify-content:center; align-items:center;transition: ease-in-out 0.2s}
.service-box-img:hover{box-shadow: 0 0 30px #aaa}
.service-box-img img{max-width: 80%; max-height: 80%; object-fit: contain; opacity: 0.75; transition: ease-in-out 0.2s}
.service-box-img:hover img{opacity: 1;}

.service-box-txt{text-align: center}
.service-box-txt h2{color: #065b83; font-weight: 300; margin: 0; line-height: 1}
.service-box-txt p{margin: 0}

.owl_services{padding: 0 50px}

footer .btn-primary:hover, footer .btn-primary:focus, footer .btn-primary:active, footer .btn-primary:focus-within, footer .btn-primary:not(:disabled):not(.disabled).active, footer .btn-primary:not(:disabled):not(.disabled):active, .show>footer .btn-primary.dropdown-toggle{background: #222; border-color: #222}
/*home testimonial*/
.sec-testimonial{position: relative; background:url(../images/map.png) #fff center no-repeat;}
.owl_testimonial .owl-stage-outer{padding: 40px 0}
.owl_testimonial .card{background: #fff; border-radius: 10px; border: 0; box-shadow: 0 10px 20px -10px #999}
.owl_testimonial .card-header{background: #fff;padding: 50px 15px 15px; position: relative; border: 0;border-radius:10px 10px 0 0; min-height: 100px}
.owl_testimonial .card-header .quote{position: absolute; bottom: 0; left: 15px}
.owl_testimonial .card-header .usering{position: absolute; bottom: 0; right: 15px; width: 95px; height: 130px;}
.owl_testimonial .card-header .usering{max-width: 95px; max-height: 130px;}
.owl_testimonial .card-body{background: #fff;padding: 15px; border: 0}
.owl_testimonial .card-body p{margin: 0 0 5px}
.owl_testimonial .card-footer{background: #fff; padding: 0 15px 15px; border: 0; border-radius: 0 0 10px 10px}
.owl_testimonial .card-footer h5{margin-bottom: 5px}
.owl_testimonial .card-footer i{color: #f90; font-size: 18px}

footer{background: #065b83; color: #fff;}
footer a{color: #fff}
footer a:hover{color: #e1d485; text-decoration: none}
footer h4{margin-bottom: 0;  font-weight: 500; color: #fff;}
.list-contact{margin-bottom: 40px}
.list-contact li{display: flex; margin-bottom: 15px}
.list-contact li i{width: 30px; height: 30px; background: #fff; color: #333; text-align: center; border-radius: 50%; line-height: 30px; font-size: 18px; margin-right: 10px}
.list-contact li a,.list-contact li{color: #ddd;}
.list-contact li a:hover{text-decoration: none; color: #ef8322}

footer .line{height: 2px; max-width: 50px}

.list-social {display: inline-block}
.list-social li {display: inline-block}
.list-social li i{width: 36px; height: 36px; background: #333; color: #fff; text-align: center; border-radius: 50%; line-height: 36px; font-size: 18px; margin-right: 10px; transition: ease-in-out 0.2s}
.list-social li a:hover i{background: #000;}
.list-social .fb i{background: #3b5998}
.list-social .fb:hover i{color: #3b5998}
.list-social .tw i{background: #00aced}
.list-social .tw:hover i{color: #00aced}
.list-social .ln i{background: #007bb5}
.list-social .ln:hover i{color: #007bb5}

.list-quick-links{}
.list-quick-links li{}
.list-quick-links li a{display: block; padding: 6px 0;  color: #fff }
.list-quick-links li a i{padding-right: 4px; }
.list-quick-links li a:hover{text-decoration: none; color: #ef8322}

.copyright{background: #033750; color: #fff; font-size: 14px;}
.copyright a{color:#e1d485;}
.copyright a:hover{text-decoration:none; color: #fff}

.copyright hr{border-top: 1px solid #0c0f13;border-bottom: 1px solid #292f35; margin-top: 0; margin-bottom: 15px}

.static-banner{position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff; /*height: 50vh; min-height: 300px; background-size: cover; background-attachment: fixed; background-position: center */}
.static-banner h2{position: absolute; color: #fff; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px #000; font-size: 30px;}
.whyus-inner{background: #fff}
.cmspages h1,.cmspages h2,.cmspages h3,.cmspages h4,.cmspages h5,.cmspages h6{font-weight: 500; margin: 0; line-height: 1.4;color:#000; display: block}
.cmspages h1{font-size:36px; margin: 0 0 20px}
.cmspages h2{font-size:30px; margin: 15px 0; color: #777}
.cmspages h3{font-size:24px; margin: 15px 0}
.cmspages h4{font-size:22px; margin: 15px 0;  color: #777}
.cmspages h5{font-size:20px; margin: 15px 0}
.cmspages h6{font-size:18px; margin: 15px 0}
.cmspages ul{padding: 0; margin: 0}
.cmspages ul li{list-style: none}
.cmspages a:hover,.cmspages a:focus,.cmspages a:active, .cmspages button:hover,.cmspages button:focus,.cmspages button:active{outline: 0;}
.cmspages button,.cmspages a{outline: none; outline: 0}
.cmspages img{margin-bottom: 1rem; max-width: 100%; height: auto}
.cmspages p{text-align: justify}
.cmspages  ul,.cmspages  ol {margin: 0 0 1rem; padding: 0}
.cmspages  ul ul,.cmspages  ol ol{margin-bottom: 0}
.cmspages  ul ul ul,.cmspages  ol ol ol{margin-bottom: 0}
.cmspages ul li{list-style: none; position: relative; padding-left: 30px; margin: 8px 0}
.cmspages ul li:before{content: '\f105'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ul ul li:before{content: '\f04b'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ul ul ul li:before{content: '\f00c'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ol li{position: relative; padding-left: 0; margin: 8px 0}
.cmspages ol ol li,.cmspages ol ol ol li{padding-left: 30px;}
.cmspages ol { counter-reset: item }
.cmspages ol li { display: block }
.cmspages ol li:before { content: counters(item, " . ") " "; counter-increment: item; padding-right: 20px }
.cmspages blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
.cmspages blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 1px;margin-right: 0.25em;vertical-align: -0.4em;}
.cmspages blockquote p {display: inline;}
.cmspages blockquote h2,.cmspages blockquote h3,.cmspages blockquote h4,.cmspages blockquote h5,.cmspages blockquote h6 {margin-top: 0}
.cmspages table{margin-bottom: 20px}
.cmspages .card-service{padding-bottom: 0}
.cmspages .card-service img{margin: 0}
.sidebar-service h3{line-height: 1}
.sidebar-service .form-group{margin: 0}
.sidebar-service .service-name{padding: 10px 0 0;}
.sidebar-service .service-name:hover{color: #333}
.sidebar-service .card-service{padding-bottom: 0; margin: 0}

footer .img-fluid{max-width: 180px;}

.contactus-info i{width: 100px;
    height: 100px;
    background: #ef8322;
    color: #fff;
    font-size: 36px;
    line-height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;}
.contactus-info,.contactus-info a{color: #333}
.contactus-info a:hover{color: #0b617f; text-decoration: none}
.contactus-info h5{margin: 0; font-weight: 400}

.float-div {
  animation: MoveUpDown 2s linear infinite;
  position: fixed;
  right: -56px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99
}

@keyframes MoveUpDown {
  0%, 100% {
    margin-top:15px
  }
  50% {
    margin-top:0
  }
}
.book-div{
  transform: rotate(90deg);
  padding: 15px 20px;
  border-radius: 0;
  background: #ef8322;
  text-align: center;
  text-transform: uppercase;
  display: block;
  color: #fff;
  transition: ease-in-out 0.2s
}
.book-div:hover{text-decoration: none; background: #222; color: #fff}
.book-div h5{margin: 0; font-size: 20px; font-weight: normal}


@media screen and (min-width: 1250px){
    .container-fluid{padding-left: 100px; padding-right: 100px;}
}
@media screen and (max-width: 1400px){


}
@media screen and (max-width: 1200px){
.container{width: 100%; max-width: 100%;}
.owl-carousel{padding-left: 30px; padding-right: 30px;}
.owl-theme.owl_home_main .owl-nav{left: 20px; right: 20px;}
.owl-carousel.owl_home_main{padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 1024px){

}

@media screen and (min-width: 992px){
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
  .dropdown>.dropdown-toggle:active {
    pointer-events: none;
  }
}
@media screen and (max-width: 991px){
.navbar{justify-content:end}
footer{text-align: center}
.list-contact li{display: block}
.owl_home_main .banner-wrapper h1{font-size: 36px}
.owl_home_main .banner-wrapper p{font-size: 16px}
.card-team{margin-top: 30px}
.hdr-phone{flex-direction:row-reverse; justify-content:left}
.hdr-phone .phn-no p{display: none}
.hdr-phone .phn-icon{margin: 0 5px 0 0; width: 36px; height: 36px}
.hdr-phone .phn-no a{font-size: 20px}
.navbar{position:relative;}
#collapsibleNavbar{position:absolute;z-index:999;top:100%;min-width: 250px;right:0;background:rgba(255,255,255,0.95);padding:10px 5px;}
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 575px){
  .owl-carousel{padding: 0}  
  .navbar.fixed-top{position: relative; background: #c00}
  .fixed-top.fixed img,.fixed-top img{max-width: 150px}
  .toggleLeftNav.active .la-bars{display: none}
  .toggleLeftNav.active .la-times{display: block}
  .owl_home_main .banner-wrapper p,.banner-wrapper .line{display: none}
  .owl_home_main .banner-wrapper h1{font-size: 18px; text-align: center}
  .owl_home_main .banner-wrapper .input-group{display: none}
  .owl_home_main .item .content{bottom: 10px; top: auto; transform: translate(0)}
  h2{font-size: 30px}
  h3{font-size: 24px}
  .navbar-brand img{max-width: 100px}
  .book-div{padding: 10px 20px}
  .book-div h5{font-size: 20px}
  .static-banner h2{font-size: 18px; text-align: center}
  .cmspages h1{font-size:30px; margin: 0 0 20px}
  .cmspages h2{font-size:24px; margin: 10px 0;}
  .cmspages h3{font-size:20px; margin: 10px 0}
  .cmspages h4{font-size:18px; margin: 10px 0;}
  .cmspages h5{font-size:16px; margin: 10px 0}
  .cmspages h6{font-size:15px; margin: 10px 0}
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){

}