@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px 'Lora', serif; color:#343434;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#000;}
ul li{ list-style-type:none;}
#navbtn{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left; }
.nav-menu li + li{ border-left:solid 1px #058077;}
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:normal 15px/52px 'Lora', serif; color:#fff;  white-space:nowrap; display:block; padding:0 21px; text-transform:uppercase;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ background:#000;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}

header{ background:#fff; padding:13px 0;}
#navigation{ background:#05978c; padding-left:24px;}

#logo{ float:left;}
.search-btn{ float:left; width:365px; position:relative; margin:20px 0 0 137px;}
.search-btn input[type="submit"], .search-btn input[type="button"], .search-btn button[type="submit"]{ position:absolute; top:0; bottom:0; right:0; width:65px; background:url(../images/search-top2.png) no-repeat 50% 50% #006860; margin:0; border:0; border-radius:0 4px 4px 0;}
.search-btn input[type="text"], .search-btn input[type="email"], .search-btn input[type="password"], .search-btn input[type="tel"], .search-btn input[type="search"]{ margin:0; line-height:41px; height:41px; font-family:'Lora', serif; font-style:italic;}
.top-right{ float:right;}

.social-icon{ float:left; padding-left:10px; margin:20px 0 0;}
.social-icon ul li{ float:left; margin:0 4px;}
.call-sac{ float:left; padding-left:50px; padding-right:10px; border-right:solid 2px #666; background:url(../images/icon1.png) no-repeat 0 50%; margin:16px 0 0;}
.call-sac h6{ font:400 18px/24px 'Lora', serif;}
.call-sac h6 a{ font-style:italic;}

.teft-part{ float:left; width:23%;}
.right-part{ float:right; width:77%;}
.services-sac ul{ background:#05978c;}
.services-sac ul li + li{ border-top:solid 1px #02aea1;}
.services-sac ul li a{ font:400 italic 16px/20px 'Lora', serif; color:#fff; padding:13px 20px; display:block;}
#content .ser-btn h4{ background:#353434; padding:12px 30px;}
.white-text{ color:#fff;}

.services-sac li ul{ position:relative; left:0; right:0; top:100%; background:#05978c; min-width:220px; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.services-sac ul li{ position:relative;}
.services-sac ul li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(../images/plus.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.services-sac ul li.active > .menuarrow{ background:url(../images/minus.png) no-repeat 50% 50%;}

#content #banner h1{ font:700 48px/53px 'Lora', serif;}#content #banner h2.my-heading{ font:700 48px/53px 'Lora', serif;} 
#content #banner h5{ font:700 21px/25px 'Lora', serif;}
#content #banner h2{ font:400 italic 36px/53px 'Lora', serif;}
.contact-btn{ font:400 italic 18px/44px 'Lora', serif; margin:20px 0 0; padding:0 25px; border-radius:5px; color:#fff; background:#05978c; display:inline-block;}

.green-text{ color:#05978c;}
#content .border-bottom{ background:url(../images/border.jpg) no-repeat 0 100%; padding-bottom:10px;}
#content .border-bottom.aligncenter{ background:url(../images/border.jpg) no-repeat 50% 100%; padding-bottom:10px;}

#content .border-bottom2{ background:url(../images/border3.jpg) no-repeat 0 100%; padding-bottom:10px;}
#content .border-bottom2.aligncenter{ background:url(../images/border3.jpg) no-repeat 50% 100%; padding-bottom:10px;}

#content h1{ font:400 italic 44px/50px 'Lora', serif; padding:15px 0 0;}
#content h2{ font:700 32px/35px 'Lora', serif; padding:15px 0 0;}
#content h4{ font:400 25px/28px 'Lora', serif; padding:15px 0 0;}
#content p{ font:400 italic 16px/21px 'Lora', serif; padding:15px 0 0;}
#content h4.fontstyle{ font-style:italic;}
.cus-heading{ font:400 italic 44px/50px 'Lora', serif; padding:15px 0 0;}
.call-us{ margin:20px 0 0;}
#content .call-us h4{ background:#f43785; padding:10px 0;}
.call-btn{ background:#05978c; padding:10px 0;}
.call-btn a{ font:700 22px/26px 'Lora', serif; color:#fff;}

#banner{ margin:0 auto; text-align:center; position:relative;}
#banner img{ width:100%;}
.banner-text{ position:absolute; top:18px; right:45px; width:47%;}
.innerbanner-text{ position:absolute; top:50%; left:70%; width:42%; transform:translate(-50%, -50%);}

.services-img{ width:250px; height:250px; border-radius:100%; background:#05978c; margin:40px auto 0; padding:16px; position:relative;}
.services-img:before{ position:absolute; width:235px; height:235px; border-radius:100%; background:#fff; right:2px; top:50%; content:""; transform:translateY(-50%); z-index:1; transition: all 300ms ease-out 0s;}
.img-box{ width:100%; height:100%; border-radius:100%; position:relative; z-index:2; display:block; overflow:hidden;}
.img-box > img{ width:100%; height:100%; border-radius:100%; object-fit:cover;}
.services-img:hover:before{ right:13px;}
.img-box > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(5, 151, 140, 0.5); padding:10px; width:0; height:0; transition: all 300ms ease-out 0s; border-radius:100%; opacity:0;}
.img-box > div > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.services-img:hover .img-box > div{ width:100%; height:100%; opacity:1;}
.img-box a{ font-size:17px; color:#fff; margin:10px 0 0; display:inline-block;}

.services-saction{ background:url(../images/bg.jpg) no-repeat 0 0; background-size:cover; padding:50px 0 60px;}
.video-sac{ padding:60px 30px; background:url(../images/bg2.jpg) no-repeat 0 0; background-size:cover;}
.video-box{ width:50%; float:left; position:relative; margin:55px -4% 0 0;}
.video-text{ background:#fff; width:54%; float:right; padding:44px 30px 58px 80px;}

.logo-li ul li{ float:left; width:16.666%; padding:20px 10px;}
.testmo-sac{ background:#f0f0f0; padding:35px 30px 50px;}
.text-box{ border:solid 1px #666; background:#fff; padding:25px; border-radius:30px; margin:30px 0 0; min-height:202px;}
.text2{ float:right; width:37%; padding-left:48px; background:url(../images/border2.jpg) no-repeat 0 30px;}

.serve-sac{ background:#04b4a7; padding:30px 20px 50px}

footer{ background:#048a80; padding:30px 20px 0;}
footer p{ font:400 italic 16px/21px 'Lora', serif; padding:15px 0 0;}
footer h2{ font:700 italic 24px/30px 'Lora', serif; padding:15px 0 0;}
.foot-menu ul li a{ font:400 italic 16px/21px 'Lora', serif; background:url(../images/nav-arrow2.png) no-repeat 0 50%; padding-left:20px; color:#fff; margin:10px 0 0; display:inline-block;}
.foot-menu{ display:table; margin:0 auto;}
.location{ background:url(../images/icon4.png) no-repeat 0 20px; padding-left:20px;}
#content .location{ padding-left:20px; }
.copy{ text-align:center; background:#181919; font:400 italic 16px/21px 'Lora', serif; padding:20px 0;}

.abouttext{ padding:0 40px;}
.aboutlist ul li{ font:400 italic 16px/29px 'Lora', serif; background:url(../images/ulbg.png) no-repeat 0 8px; padding-left:20px;}
.aboutlist ul li ul li{ background:url(../images/arrow.png) no-repeat 0 8px;}

#enquiry input[type="text"], #enquiry input[type="email"], #enquiry input[type="password"]{ height:46px; background:none; border:1px solid #c9c9c9; text-indent:10px;font:400 italic 15px/48px 'Lora', serif; width:100%; margin:9px 0 0; box-sizing:border-box; color:#000; background:#fff;  border-radius:0;}
#enquiry textarea{ height:82px; background:none; border:1px solid #c9c9c9; padding:4px;font:400 italic 15px/22px 'Lora', serif; width:100%; resize:none; margin:9px 0 0; box-sizing:border-box;text-indent:10px; color:#000; background:#fff;  border-radius:0;}
#enquiry input[type="submit"], #enquiry input[type="button"]{ cursor:pointer; color:#fff; background:#05978c; font:400 16px/54px 'Roboto', sans-serif; text-transform:uppercase; padding:0 64px; border-radius:0; margin:30px 0 0; border:none;}

.map{ border:1px solid #ccc;}
iframe{ width:100%;}
.contactbtn{ position:relative; padding-left:38px; font:400 italic 24px/26px 'Lora', serif; float:left; margin:0 20px;}
.contactbtn img{ position:absolute; left:0;}

.totalcontactpart{ display:table; margin:0 auto;}
.box{ border:1px solid #9d9d9d; padding:10px; margin:20px 0 0;}
.box p a{font:400 italic 16px/21px 'Lora', serif; border-bottom:1px solid #05978c; color:#05978c;}

@media only screen and (max-width: 1198px) {
#navigation{ padding-left:0;}
#content .services-sac h4{ padding:12px 17px;}
.nav-menu li > a{ padding:0 11px;}
.banner-text{ width:50%;}
.text2{ width:46%;}
.text-box{ min-height:243px;}
#content h1{ font-size:40px; line-height:44px;}.cus-heading{ font-size:40px; line-height:44px;}
.services-sac ul li a{ padding:10px 15px;}
.search-btn{ margin: 20px 0 0 40px;}
#content #banner .innerbanner-text h1{ font-size:40px; line-height:42px;}#content #banner .innerbanner-text h2.my-heading{ font-size:40px; line-height:42px;}
}
@media only screen and (max-width: 990px) {
#navigation{ position:relative;}
#navbtn{ display:block; background:url(../images/navigation.png) no-repeat 0 50%; width:auto; height:40px; font-size:14px; line-height:40px; font-family:'Lora', serif; font-style:italic; color:#fff; cursor:pointer; float:right; padding:0 5px 0 40px; text-transform:capitalize;}
.nav-menu{ display:none; position:absolute; top:100%; right:0; width:250px; background:#048a80; z-index:9999;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #058077; border-left:0;}
.nav-menu li > a{ font:normal 15px/40px 'Lora', serif;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(../images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(../images/nav-arrow.png) no-repeat 50% 50% #0089cf;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}	
	
.total-box{ position:relative;}	
.teft-part{ position:absolute; top:0; left:0; z-index:9999; width:auto;}	
#content .ser-btn h4{ font-size:14px; line-height:40px; padding:0; background:nonel;}
.ser-btn{ padding:0 8px 0 45px; background:url(../images/navigation.png) no-repeat 5px 50% #353434; cursor:pointer; position:relative; height:40px; width:}
.services-sac ul{ display:none; position:absolute; top:100%; left:0; width:300px;}
.right-part{ float:none; width:100%;}
.call-us{ display:none;}

.video-box, .video-text{ width:100%; float:none; margin:0;}
.text2{ width:66%;}
.search-btn{ margin:20px 0 0 0; width:300px;}
.contactbtn{ font-size:20px; line-height:20px;}
#logo{ float:none; text-align:center;}
}
@media only screen and (max-width: 740px) {
#logo{ float:none; text-align:center;}
.search-btn{ margin:15px auto 0; display:table; float:none;}
.top-right{ float:none; display:table; margin:0 auto;}
.search-btn input[type="submit"], .search-btn input[type="button"], .search-btn button[type="submit"]{ width:50px;}
#content #banner h2{ font-size:20px; line-height:25px;}
#content #banner h1{ font-size:30px; line-height:35px; padding:0;}
#content #banner h5{font-size:12px; line-height:16px;}
.banner-text{ width:54%;}
.video-text, .video-sac{ padding:15px 10px;}
.logo-li ul li{ width:50%;}
.text-box{ min-height:auto;}
#content h1{ font-size:30px; line-height:35px;}.cus-heading{ font-size:30px; line-height:35px;}
.testmo-sac{ padding:20px 10px 30px;}
.foot-menu{ float:left;}
#content h4{ font-size:20px; line-height:24px;}
#content #banner h1{ font-size:25px; line-height:25px;}
.contactbtn{ margin:10px 0;}
}
@media only screen and (min-width: 740px) {
/*.nav-menu{ display:block !important;}*/
}
@media only screen and (max-width: 450px) {
.banner-text{ left:20px; width:90%;}
.banner-text p{ display:none;}
.contact-btn{ font-size:15px; line-height:38px;}
.services-saction{ padding:20px 0 30px;}
#content h1{ font-size:24px; line-height:28px;}.cus-heading{ font-size:24px; line-height:28px;}
.logo-li ul li{ width:100%; float:none; padding:0; margin:10px 0 0; text-align:center;}
.serve-sac{ padding:10px 0 30px;}
footer{ padding-top:0;}
.abouttext{ padding:0 7px;}
.innerbanner-text{ top:40px;}
.search-btn{ float: none; margin:10px auto;}
.call-sac{ float:none; display:table; margin:0 auto; border-right:0;}
#content #banner .innerbanner-text h1{ font-size:20px; line-height:20px;}#content #banner .innerbanner-text h2.my-heading{ font-size:20px; line-height:20px;}
}

.screen-reader-text{display: none;}
svg:not(:root){
	display:none !important;
}
.current_page_item{
	background: #000 !important;
}
.cus-heading {    font: 400 italic 44px/50px 'Lora', serif !important;    padding: 15px 0 0 !important;}