/* Header Section Start Here */

body{background-repeat: repeat-x;background-attachment: fixed;background-position: center 0px;background-color: #b4d1be;background-image: url(../images/bg.png); margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#outer-header{ width:100%; /* position:fixed;height:60px; */ z-index:999; background:#3A5F60; box-shadow: 2px 0px 4px #000; display:inline-block;}
#container{ margin:0 auto;  width:1170px; overflow:hidden;     }

#header{ /* width:1000px; margin:5px auto 0px auto; background:url(../images/header-bg.jpg) center top no-repeat; height:130px; */}
.logo{ float:left; /* margin:20px 0px 0px 0px; */}
.slogan{float:right; /* margin:20px 20px 0px 0px;*/ padding-top: 15px; font-size:18px; color:#054491; text-align:right; line-height:24px; font-family: 'Courgette', cursive; }
.banner{ border:1px solid #ccc; width:998px; height:360px; margin-top:15px;}
#outer-footer{ clip-path: ellipse(140% 100% at 50.96% 100%);width:100%; padding:30px 0px 0px 0px; overflow:hidden; background:#293533; box-shadow: 2px 0px 4px #000;}
#footer{ max-width: 959px;  padding:0px 20px 0px; margin:0 auto; overflow:hidden;}
.navigation{width:1170px; margin:0 auto;}
#menu{width: 100%; /*margin:33px 0px 0px 0px; */ list-style: none; }
#menu li{/*float: left; line-height: 0; padding: 0 0 15px 0; margin-right:30px;*/ padding: 20px 5px;display:inline-block; position: relative;  }
#menu li.menu-item-has-children:after {content: ' ▾'; color:#fff;}
#menu a {/*float: left; height: 25px;*/ color: #fff;text-transform: uppercase;text-decoration: none;font-size:15px;letter-spacing: 1px;}
#menu li:hover > a{color: #fafafa;}
#menu li:last-child{margin-right:0px;}
*html #menu li a:hover /* IE6 */{color: #fafafa;}
#menu li:hover > ul{display: block;}
/* Sub-menu */
#menu ul{list-style: none; margin: 0; padding: 0; display: none;position: absolute;top: 55px;left: 0;z-index: 99999;  background: #405f5a; -moz-box-shadow: 0 0 2px rgba(255,255,255,.5); -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5); box-shadow: 0 0 2px rgba(255,255,255,.5); -moz-border-radius: 5px; border-radius: 5px;}
#menu ul ul{top: 0;left: 150px;}
#menu ul li{ float: none; margin: 0;padding: 0;display: block;  -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}
#menu ul li:last-child{   -moz-box-shadow: none; -webkit-box-shadow: none;box-shadow: none;    }
#menu ul a{   padding: 10px;height: 10px;min-width: 130px;height: auto;line-height: 1; display: block;white-space: nowrap;float: none;text-transform: none;}
*html #menu ul a /* IE6 */{ height: 10px;}
*:first-child+html #menu ul a /* IE7 */{  height: 10px;}
#menu ul a:hover{background: #293533;}
#menu ul li:first-child > a{-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
#menu ul li:first-child > a:after{ content: '';position: absolute;left: 30px;top: -8px;width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #293533;}
#menu ul ul li:first-child a:after{ left: -8px; top: 12px;width: 0;height: 0;border-left: 0;border-bottom: 5px solid transparent; border-top: 5px solid transparent;border-right: 8px solid #444;}
#menu ul li:first-child a:hover:after{ border-bottom-color: #293533 }
#menu ul ul li:first-child a:hover:after{ border-right-color: #293533;  border-bottom-color: transparent; 	}
#menu ul li:last-child > a{ -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
#menu:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
#content { padding: 19px 20px 20px;}
#content p{ color:#444; padding-bottom:14px; font-size:15px; line-height:20px; text-align:justify;}
#content h1{ color:rgb(41, 81, 107); padding:10px 0px 7px 0px; margin:15px 0px 30px 0px; font-size:24px; font-family: 'Droid Serif', serif; font-weight:normal; line-height:30px; text-align:center; text-transform:uppercase; background:rgba(41, 81, 107, 0.1);}
.feature{margin:10px 0px 25px 0px;padding:8px;-moz-transition: box-shadow 0.5s ease-out 0s;-webkit-transition: box-shadow 0.5s ease-out 0s;box-shadow: 0 0 0 #534a43 inset;-o-transition: box-shadow 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;border-top: 0px solid #ebebeb; background:url(../images/yellow-pattern.jpg) left top repeat; }
.quality1 {border-top: 1px solid rgba(41, 81, 107, 1);float: none !important;margin: 30px auto 30px auto!important;position: relative;z-index: 40; width:100%;}
.quality1 small{color: #323232;display: block;float: none;font-size: 1.1em;line-height: normal;margin: -11px auto 0;padding: 0 43px;text-align: center;width: 245px;z-index: 8; background:#fff; text-transform:uppercase; font-family: 'Droid Serif', serif; font-weight:normal;}
.feature ul{ margin:0px!important; padding:20px 20px 0px 20px!important; border:1px dashed #d8d1cb; overflow:hidden;}
 .feature ul li{ float:left; width:100%; padding-bottom:12px!important; color:#31404f; list-style:none!important; font-size:14px; line-height:20px; background:url(../images/list-icon.png) left 3px no-repeat; padding-left:25px!important; text-align:left!important;}
.feature ul li ul{background:none; border:none; padding:0px 0px 0px 20px!important;}
.feature ul li ul li{ background:none!important; list-style:disc!important; padding:6px 0px 2px 0px!important;}
.feature:hover{transition: all 0.5s ease-out 0s;box-shadow: 0 0 60px #9f9080 inset;}
.quality {border-top: 1px solid rgba(41, 81, 107, 1);float: none !important;margin: 50px auto 30px auto!important;position: relative;z-index: 40; width:100%;}
.quality small{color: #323232;display: block;float: none;font-size: 1.1em;line-height: normal;margin: -11px auto 0;padding: 0 43px;text-align: center;width: 245px;z-index: 8; background:#fff; text-transform:uppercase; font-family: 'Droid Serif', serif; font-weight:normal;}
.quality ul{ border-radius:0px;padding:16px 10px!important; margin:26px 0px 0px 0px!important; overflow:hidden; background:url(../images/quality-bg.png) repeat; box-shadow: 0px 0px 7px #000;}
.quality ul li { padding:0px!important; line-height:0px!important;float:left; list-style:none!important; margin:0px 60px 0px 25px; /* margin:0px 23px 0px 24px;*/ box-shadow: 0 0 2px rgba(255,255,255,.5); position:relative; z-index:10; }
.quality ul li:last-child{ margin-right:0px;}
.quality ul li a span{ background:rgba(0,0,0, 0.4); color:#fff; display:none; position:absolute; left:0px; top:0px; width:100px; height:130px; text-align:center; transition: all 0.3s ease 0s; padding:70px 20px 0px 20px; font-size:16px; line-height:24px; font-family: 'Droid Serif', serif;}
.quality ul li a:hover span{display:block;}
ul.sliders-wrap-inner li img{ height:377px;}
.first{ float:left; border-right:1px dotted #8C8C8C; padding-right:15px; margin-right:40px; width:215px; min-height:412px}
.first h2{  color:#fff; padding-bottom:8px; font-size:15px; line-height:23px; font-family: 'Droid Serif', serif; font-weight:normal;}
.first ul{ margin:0px; padding:0px; list-style:none}
.first ul li{ padding-bottom:10px;}
.first ul li a{ text-decoration:none; color:#8C8C8C; font-size:14px; text-transform:capitalize; line-height:24px;}
.first ul li a:hover{ color:#ff7730;transition: all 200ms ease-in;}
.first ul li.current-menu-item a{ color:#ff7730;}
.sub-contact{ margin:20px auto 0px auto; border-top:1px dotted #8C8C8C; width:195px; padding-top:32px;}
.sub-contact h2{}
.first.last{ width:140px; margin-right:0px; border:0px; padding-right:0px;}
.footer-bottom{overflow: hidden; border-top: 1px dotted #099; width:100%; padding:15px 0px 15px 0px; margin-top:30px;background:#122320;}
.coptright{width: 1000px;  padding: 0px 0px 0px 0px; overflow:hidden; margin:0 auto;}
.coptright span{ float:right; color:#fff; font-size:13px; line-height:30px; font-family:"Courier New", Courier, monospace;}
.sub-contact.sub-contact1{ width:146px;}
#content h2{ font-size:16px; padding:14px 0px; color:#003}
#content ul{ margin:10px 0px 10px 17px;}
#content ul li{ padding-bottom:10px; padding-left:10px; color: #444; list-style:disc;font-size: 15px;line-height: 20px;text-align: justify;}
.bredcrum li{ list-style:none!Important; margin:0px!Important; padding:0px!Important;}
.bredcrum{ margin:0px 0px 10px 0px!Important; padding:0px!Important;}
.bredcrum li a{ text-decoration:none; color:#360; margin:0px 5px 0px 5px;}
.bredcrum li a:hover{text-decoration:underline;}
.listing{ margin:0px; padding:0px; list-style:none!Important;}
.listing li{ padding-bottom:12px;}
.listing li h2{ text-transform:capitalize;}
.listing li p{ font-size:14px; line-height:22px;}
.listing li span{ font-size:12px;}
.listing li span a{text-decoration:none;}
/* Alignment */
.alignleft {	display: inline;	float: left;	margin-right: 1.625em;}
.alignright {	display: inline;	float: right;	margin-left: 1.625em;}
.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}
tr.heading{ background: none repeat scroll 0% 0% rgba(41, 81, 107, 0.4);}
tr.heading td{ font-weight:bold; text-align:center;padding:10px 0px; font-size:12px;  border: 1px solid #fff;vertical-align:middle;}
tr.cont td{background: none repeat scroll 0% 0% rgba(41, 81, 107, 0.2); border:1px solid #fff; text-align:left; padding:10px 0px; vertical-align:middle;}
table{width:100%}
.cont td{font-size:12px; color:#333; text-align:center!important;}
.cement{margin-bottom:12px;}
.cement h3{ padding:6px 10px; background:#099; color:#fff; font-size:14px; margin:0px 0px 10px 0px; line-height:20px; text-align:center;}
ul#wpsimplegallery{ margin:0px!important; padding:0px;}
ul#wpsimplegallery li{ margin: 9px 9px 9px 0 !important;   float:left;}
ul#wpsimplegallery li span{ display:block;
    text-align: center;
    width: 171px;}
ul#wpsimplegallery li img {border:1px solid #ccc;padding:8px 8px 8px 8px!important;}
.right1 ul{ margin:0px!important}
.right1 ul li{ border-bottom:1px solid #ccc; padding:6px 0px!Important; margin:5px 0px;}
.right1 ul li a{text-decoration:none; font-size:14px; color:#336;}
.right1 ul li a:hover{color:#099;}
.right1 ul li:first-child{margin-top:0px;}
.list{ width:100%; margin:15px 0px;}
.list strong { float:right; font-size:14px;}
.list span{ font-size:14px;}
ul.children{ margin-left:14px!important;}
ul.children li{padding:4px 0px!Important; margin:3px 0px;}
ul.children li a{text-decoration:none; font-size:12px; color:#336;}
ul.children li:last-child{border:none!important;}
.left #wpsimplegallery li img{height:140px; width:140px;}
.left #wpsimplegallery li{ margin:9px 7px!important; padding:0px!important;}
#content h4{ font-size:12px; line-height:22px;}
#wpsimplegallery li img{height:140px; width:140px;}
#content table.sat tr{ padding:12px 0px; float:left; width:100%;}
#content table.sat tr td{width:42%; float:left; margin:0px 4%}
.fab #wpsimplegallery_container{display:none;}
.fab .gal #wpsimplegallery_container{display:block;}
#content h3, #content h4, #contenth5, #contenth6{ padding:8px 0px; width:100%;}
#content h3{font-size:15px;}
#content h4{font-size:14px;}
#content h5{font-size:13px;}
#content h6{font-size:12px;}
.contact{ width:100%; margin:20px 0px;overflow: hidden;}
.contact .left{ float:left; width:47%; margin-right:3%;}
.contact .right{ float:right; width:47%; margin-left:3%;}
.contact .left label, .contact .right label{ float:left; width:100%; padding-bottom:12px;}
.contact .left input{border-radius:3px; width:420px; height:22px; padding:5px; margin-bottom:14px; border:1px solid #ccc;}
.contact .right textarea{border-radius:3px; width:420px; height:152px; padding:5px; margin-bottom:12px; border:1px solid #ccc;}
.contact .right input[type="submit"]{background: none repeat scroll 0% 0% rgba(41, 81, 107, 0.3); border:none; padding:7px 30px;cursor:pointer; color:#222;}
.contact span.wpcf7-not-valid-tip{ width:99%!important; top:-14px; height:28px; left:0px;border-radius:3px;}
 div.wpcf7-validation-errors { border: 2px solid #069!important; padding:10px!important;}
div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok{ border: 2px solid #963!important; padding:10px!important;}
.inquery textarea{border-radius:3px; width:98%; height:90px; padding:5px; margin-bottom:7px; border:1px solid #ccc;}
.inquery label{display: block;float: left; padding-bottom:12px;}
.inquery h3{margin:0px 0px 12px 0px; padding:8px 12px!important;background:#396; float:left; width:97%!important; color:#fff;}
.inquery{width:90%; margin:0 auto;}
.inquery-list{margin-top:10px;width: 100%;overflow: hidden;}
.inquery-list ul{ margin:0px; padding:0px; overflow:hidden; list-style:none!important;}
.inquery-list ul li{ margin:0px; padding:0px!important;  list-style:none!important; width:100%!important; text-align:left!important;}
.inquery input{border-radius:3px; width:460px; height:22px; padding:5px; margin-bottom:14px; border:1px solid #ccc;}
.inquery-list ul li label{display: block;float: left;width: 230px !important;}
.inquery input[type="submit"]{ height:40px;background: none repeat scroll 0% 0% rgba(41, 81, 107, 0.3); border:none; padding:12px 30px;cursor:pointer; color:#222; width:250px;}
.inquery  span.wpcf7-not-valid-tip{ width:99%!important; top:-14px; height:28px; left:0px;border-radius:3px;}
.inquery-list textarea{border-radius:3px; width:54.3%; height:50px; padding:5px; margin-bottom:12px; border:1px solid #ccc;}
.content_bg{
	position: relative;
}
.content_bg:before {
    content: "";
    position: absolute;
    width: 110px;
    height: 100px;
    border: 22px solid #1abc9c;
    border-radius: 50%;
    bottom: -77px;
    right: 50px;
	
    opacity: 0.3;
}
.outer{position: relative;}
.big-circle {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: linear-gradient(to bottom, rgb(28 212 175 / 0%), #b7e9dd);
    bottom: 50%;
    right: 50%;
	left:0px;
	
    transform: translate(-40%, 38%);
}
.big-circle:after {
    content: "";
    position: absolute;
    width: 390px;
    height: 390px;
    background-color: rgb(250 250 250 / 72%);
    border-radius: 50%;
    top: calc(50% - 180px);
    left: calc(50% - 180px);
}