body{ font-weight:normal;}
*{position: relative;}
@font-face {
    font-family: 'hindmedium';
    src: url('../fonts/hind-medium-webfont.eot');
    src: url('../fonts/hind-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-medium-webfont.woff2') format('woff2'),
         url('../fonts/hind-medium-webfont.woff') format('woff'),
         url('../fonts/hind-medium-webfont.ttf') format('truetype'),
         url('../fonts/hind-medium-webfont.svg#hindmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('../fonts/raleway-extrabold-webfont.eot');
    src: url('../fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('../fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'hindbold';
    src: url('../fonts/hind-bold-webfont.eot');
    src: url('../fonts/hind-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-bold-webfont.woff2') format('woff2'),
         url('../fonts/hind-bold-webfont.woff') format('woff'),
         url('../fonts/hind-bold-webfont.ttf') format('truetype'),
         url('../fonts/hind-bold-webfont.svg#hindbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{font-family: 'hindmedium';}
.sec-title h2 {
    background: #202e31;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    padding: 10px 30px 10px 15px;
    position: relative; font-family: 'ralewayextrabold';
    text-transform: uppercase; margin-bottom:30px; margin-top:0;
}
.sec-title h2::after {
    background: #202e31;
    content: "";
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    transform: skewX(-15deg);
    width: 20px;
}
.sec-title h2 span {color: #3ec8f4; position: relative;}
.navbar-brand{ padding-left: 0px;}
.navbar-brand img{ width: 250px; z-index: 1;}
.text-line{ margin-top: 30px; margin-bottom: 60px;}
a:hover{ text-decoration:none;}
.header-top li{ padding-left:15px; position:relative;}
.header-top li:after{position:absolute; left:0; top:15px; color:#3ec8f4;font-family:'FontAwesome';}
.header-top li.mail:after{ content:"\f0e0";}
.header-top li.call:after{ content:"\f098";}
.header-top a{ font-size:13px; color:#777777; font-family: 'hindmedium';}
.header-top .navbar-default .navbar-nav > li > a:hover, 
.header-top .navbar-default .navbar-nav > li > a:focus{ color:#777777;}
.header-mn{ border-bottom:1px solid #dddddd; background:url(../images/menu-bg.png); background-size: 30px;}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus{color:#3ec8f4;}
.header-mn .navbar-nav > li > a{ padding:38px 20px; font-family: 'hindmedium'; text-transform:uppercase; color:#3ec8f4;}
.navbar-default{ background:none; border:none;}
.header-top{ background:#202e31;}

.carousel-caption{ color: #000;text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, 0); top: 50%; max-width: 500px; padding: 0;}
.carousel-caption h2 { text-transform:uppercase;  font-size:60px; font-family: 'ralewayextrabold';}


.menu-mn{ margin-top: 20px;}
#slidemenu ul{margin-top:29px;}
.header-mn .navbar-nav > li > a {
	padding: 10px 10px;
	color: #3ec8f4;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;font-family: 'hindbold';
}

.header-mn .navbar-nav > li > a::before,
.header-mn .navbar-nav > li > a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #202e31;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.header-mn .navbar-nav > li > a::before {
	top: -20px;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.header-mn .navbar-nav > li > a::after {
	bottom: -20px;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.header-mn .navbar-nav > li > a:hover,
.header-mn .navbar-nav > li > a:focus {color: #202e31;}
.header-mn .navbar-nav > li > a:hover::before,
.header-mn .navbar-nav > li > a:focus::before{
    opacity: 1;
   -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
}
.header-mn .navbar-nav > li > a:hover::after,
.header-mn .navbar-nav > li > a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}
.top-services .post {margin: 0 auto 50px; padding: 0 15px; position: relative;}
.top-services .post-inner {position: relative;}
.top-services .post * {transition: all 700ms ease 0s;}
.top-services .post .image {overflow: hidden; position: relative; width: 100%; z-index: 1;}
.top-services .post .image::after {
    background: #3ec8f4;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: -100%;
    transition: all 700ms ease 0s;
    width: 100%;
    z-index: 0;
}
.top-services .post:hover .image::after {top: 0;}
.top-services .post .image img {display: block; position: relative; width: 100%;}
.top-services .post .image .curve {
    background: #fff;
    height: 150%;
    position: absolute;
    right: -100px;
    top: 100%;
    transform: rotate(-13deg);
    width: 250%;
    z-index: 1;
}
.top-services .post:hover .image .curve {transform: rotate(0deg);}
.top-services .post .content {margin: -44px 30px 0; position: relative; top: 0; z-index: 2;}
.top-services .post:hover .content {top: 44px;}
.top-services .post .content::before {
    background: #ffffff;
    border: 1px solid #f1f1f1;
	border-top: 6px solid #f1f1f1;
    content: "";
    height: 96%;
    position: absolute;
    right: 0;
    top: -31px;
    transform: skewY(-10deg);
    transition: all 700ms ease 0s;
    width: 100%;
    z-index: 0;
}
.top-services .post:hover .content::before, 
.top-services .post:hover .content .inner-box {
    border-color: #3ec8f4;
}
.top-services .post .content .inner-box {
    background: #ffffff;
    border-color: -moz-use-text-color #f1f1f1 #f1f1f1;
    border-color: #f1f1f1 #f1f1f1;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 1px 30px 30px 30px;
    position: relative;
    z-index: 5;
}
.top-services .post .content h3 {
    border-left: 5px solid #3ec8f4;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;font-family: 'hindbold';
    padding-left: 15px;
    position: relative;
    text-transform: uppercase;
}
.top-services .post:hover .content h3{ color:#3ec8f4;border-left: 5px solid #202e31;}
.top-services .post .content h3 span{ color:#cecece; font-size:12px;}
.top-services .post .content .text {
    color: #6e6e6e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6em;
    margin-bottom: 15px;
    position: relative; text-align: justify;
}
.contact-mid .media-left, 
.contact-mid .media-right, 
.contact-mid .media-body{ vertical-align:middle;}

.testimonials-area {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
    width: 100%; margin-top: 80px;
}
.testimonials-area::before {
    background: rgba(62, 200, 244, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.testimonials-area .icon-quote {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.testimonials-area h2 {
    color: #313232;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase; font-family: 'ralewayextrabold';
}
.testimonials-area h2 span {color: #ffffff;}
.testimonials-area p{
    color: #fff;
    font-size: 15px;
    font-style: italic;
    line-height: 1.8em;
    padding: 0 15px; position:relative;
    text-align: center;
}


.news-area .slide-item {position: relative;}
.news-area .slide-item .image {position: relative; width: 100%;}
.news-area .slide-item .image::before {
    background: #fff;
    content: "";
    height: 100%;
    left: 300px;
    position: absolute;
    top: 0;
    transform: skewX(-10deg);
    width: 56px;
    z-index: 1;
}
.news-area .slide-item .image img {display: block;position: relative;width: auto !important;}
.news-area .slide-item .content-box {padding: 25px 0;position: absolute;right: 15px;top: 0;}
.news-area .slide-item .content-box .text-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff;
    border-color: #f1f1f1 #f1f1f1 #f1f1f1 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    padding: 25px 20px 25px 30px;
    position: relative;
    width: 280px;
    z-index: 5;
}
.news-area .slide-item .content-box .text-content h3, 
.news-area .slide-item .content-box .text-content .text{z-index: 3;}
.news-area .slide-item .content-box .text-content::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff;
    border-color: #f1f1f1 -moz-use-text-color #f1f1f1 #3ec8f4;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 4px;
    content: "";
    height: 101%;
    left: -24px;
    margin-bottom: -1px;
    position: absolute;
    top: -0.5%;
    transform: skewX(-10deg);
    width: 44px;
    z-index: 1;
}
.news-area .slide-item .content-box .text-content h3 {
    font-size: 14px;
    margin-bottom: 7px;
    position: relative;
    text-transform: uppercase;font-family: 'hindbold';
}
.news-area .slide-item .content-box .text-content h3{color: #202e31;}
.news-area .slide-item .content-box .text-content h3:hover {color: #3ec8f4;}
.news-area .slide-item .content-box .text-content .text {
    color: #595959;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative; text-align: justify;
}
.quality{ margin-bottom: 80px;}
.news-area{ padding:80px 0;}
.fruits,.consultancy{ margin-top: 30px;}
.projects-consultancy{ margin-bottom: 60px;}
.tabs-left  .nav-tabs {border-bottom: 0;}
.tab-content  .tab-pane,.pill-content  .pill-pane {display: none;}
.tab-content  .active,.pill-content  .active {display: block;}
.tabs-left  .nav-tabs > li,.tabs-right  .nav-tabs > li {float: none; margin-bottom:20px;}
.tabs-left  .nav-tabs > li > a,
.tabs-right  .nav-tabs > li > a {min-width: 74px; margin-right: 0; margin-bottom: 3px;}
.tabs-left  .nav-tabs > li > a {position:relative; font-size:19px; color:#202e31; padding:10px 15px 10px 70px; border:none; background:#3ec8f4;-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;}

.tabs-left  .nav-tabs > li > a:after{position:absolute;left:10px; font-family:'FontAwesome';font-size:50px; top:0; color:#FFF;}
.tabs-left  .nav-tabs > li > a.refinery{padding:25px 15px 25px 70px;}
.tabs-left  .nav-tabs > li > a.effluent:after{ content:"\f0b0";}
.tabs-left  .nav-tabs > li > a.solar:after{content: "\f185";}
.tabs-left  .nav-tabs > li > a.refinery:after{content:"\f06d";}

.tabs-left .nav-tabs > li.active > a:after,
.tabs-left .nav-tabs > li.active > a:hover:after,
.tabs-left .nav-tabs > li.active > a:focus:after{color:#3EC8F4; border-right:none;}

.tabs-left  .nav-tabs > li.active > a,
.tabs-left  .nav-tabs > li.active > a:hover,
.tabs-left  .nav-tabs > li.active > a:focus
{ background:#fff; border-right:none;  color:#202e31; border-bottom:1px solid #3EC8F4;
    border-left:1px solid #3EC8F4;border-top:1px solid #3EC8F4;}
.tab-pane{ border:1px solid #3ec8f4;padding:10px 20px; min-height: 268px;}
.left-side{padding-right:0px; z-index:1}
.right-side{padding-left:0px; margin-left:-1px;}

footer{ font-size:14px; color:#c1c2c2; font-family: 'hindmedium';}
.footer-top ul{ margin:0; padding:0;}
.footer-top{background:#202e31; padding:75px 0 50px 0;}
.footer-top h4{ margin:20px 0; font-size:18px; color:#FFF; text-transform:uppercase;}
.footer-top li{ padding-left:15px; position:relative; list-style:none; margin-bottom:10px;}
.footer-top li a{ color: #c1c2c2;}
.footer-top ul.contact li{ padding-left:25px;}
.footer-top li.address:after{content:"\f041"; top:2px;}
.footer-top li.call:after{content:"\f098"; top:2px;}
.footer-top li.mail:after{content:"\f0e0"; top:2px;}
.footer-top li:after{position:absolute; left:0; top:0px; color:#3ec8f4;font-family:'FontAwesome'; content:"\f105";}
.footer-bottom{ background:#1d282b; text-align:center; text-align:center; color:#c1c2c2; font-size:14px; padding:20px 0;}



body.slide-active {overflow-x: hidden}
.no-margin-top {margin-top: 0px!important}
#page-content {position: relative; padding-top: 133px; left: 0;}
#page-content.slide-active {padding-top: 0;}
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
#slide-nav .navbar-toggle > .icon-bar {width: 100%; display: block; height: 3px; margin: 5px 0 0 0;}
#slide-nav .navbar-toggle.slide-active .icon-bar {background: orange;}
.navbar-header {position: relative;}
.navbar.navbar-fixed-top.slide-active {position: relative;}

.services1{ background:url(../images/global.jpg) no-repeat scroll; position: relative;overflow:hidden;}
.services2{ background:url(../images/EXPORT.jpg) no-repeat scroll; position: relative;overflow:hidden;}
.services3{ background:url(../images/LEGAL.jpg) no-repeat scroll; position: relative;overflow:hidden;}

.services1,.services3{ background-position: left center;}
.services2{ background-position: right center;}
.services-mn.services2::after{background: #fff;}
.services-mn::after {
    background: #202e31;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 70%;}

.services1::after,.services3::after{transform: skewX(-15deg);right: -5%;}
.services2::after{transform: skewX(-15deg);left: -5%;}


.services-mn .sec-title h2{ background: #3ec8f4; color: #ffffff;
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    padding: 10px 30px 10px 15px;
    position: relative; font-family: 'ralewayextrabold';
    text-transform: uppercase; margin-bottom:30px; margin-top:0;}

.services1 .sec-title h2,
.services3 .sec-title h2{text-align:left;}  
.services2 .sec-title h2{text-align:right;} 

.services1{ margin:60px 0px 0px 0px;}
.services3{ margin:0px 0px 60px 0px;}
.services-mn .sec-title h2::after {
    background: #3ec8f4;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transform: skewX(-15deg);
    width: 20px;right: -10px;
}


.services-mn .sec-title h2 span{ color:#202e31;}
.services-mn .text-side {
    color: #ffffff;
    position: relative;
    z-index: 5;
}
.services-mn.services2 .text-side{ color: #202e31;}
.services1 .text-side,
.services3 .text-side{padding: 60px 15px 60px 15px; text-align: justify;}
.services2 .text-side{padding: 60px 15px 60px 15px; text-align: justify;}



.text-side ul{ margin:0; padding:0;}
.text-side ul li{ list-style:none; text-align:left; font-size:20px; position:relative; margin-bottom:30px;}
.text-side ul li:before{content: "\f067"; color:#FFF; background:#3ec8f4; left:0; font-size:14px; margin-right:15px; padding:5px; font-family:'FontAwesome';}
.carousel-caption{ left: 5%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%); font-size: 30px;font-family: 'ralewayextrabold';
}
.navbar-nav > li > .dropdown-menu{margin-top: 0px;padding: 5px 0px;}
.dropdown-menu>li>a{padding: 10px 20px; text-transform: uppercase; font-family: 'hindbold'; font-size: 13px;}
html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100vh;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#page-content {left: 0!important;}
.slider{ height: 100%;}
#lightbox .modal-content {display: inline-block; text-align: center;}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}
.page-banner {
    background-attachment: fixed;
    background-color: #555555;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    padding: 60px 0 50px;
    position: relative;
    margin-bottom: 50px;
}
.page-banner::before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.page-banner h1 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 5;
}
.page-banner h1 span{ color: #3ec8f4;}
.page-banner h1::after {
    background: #ffffff;
    content: "";
    display: block;
    height: 3px;
    margin: 5px auto 0;
    position: relative;
    top: 5px;
    width: 35px;
}
.info-strip {
    background: #3ec8f4;
    color: #202e31;
    padding: 60px 0 30px;
    position: relative;
    text-align: center; margin-bottom:50px;
}
.info-strip .info-block {
    margin-bottom: 30px;
    position: relative;
}
.hvr-radial-out {
    backface-visibility: hidden;
    background: #e1e1e1;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
.info-strip .info-block * {transition: all 500ms ease 0s;}
.info-strip .info-block .icon {
    background: #a8e6fa;
    border: 4px solid #cff1fc;
    border-radius: 50%;
    color: #ffffff;
    height: 70px;
    line-height: 20px;
    margin: 0 auto 20px;
    padding: 21px;
    width: 70px;
}
.info-strip .info-block .icon i{ font-size: 22px; color: #202e31;}
.hvr-radial-out::before {
    background: #2098d1;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.info-strip .info-block .icon.hvr-radial-out::before {
    background: #ffffff;
}
.info-strip .info-block h4 {
    color: #202e31;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
}
.info-strip .info-block p, 
.info-strip .info-block a {
    color: #202e31;
    font-size: 16px;
    margin: 0;
}
.primary-btn .btn-text {
    display: block;
    font-size: 12px;
    line-height: 30px;
    padding: 12px 40px 8px 25px;
    position: relative;
    text-transform: uppercase;font-family: 'hindbold';
}
.primary-btn * {transition: all 700ms ease 0s;}
.hvr-bounce-to-left {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
}
.primary-btn {
    background: #3ec8f4;
    color: #202e31 !important;
    display: inline-block;
    left: 0;
    overflow: hidden;
    padding-right: 60px;
    position: relative; border:none;
}
.hvr-bounce-to-left::before {
    background: #2098d1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100% 50% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}

.primary-btn.hvr-bounce-to-left::before {background: #202e31;}
.primary-btn .icon {
    background: #202e31;
    color: #ffffff;
    display: block;
    font-size: 12px;
    height: 100%;
    line-height: 30px;
    padding: 13px 30px 10px 25px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: 0;
    transform: skewX(-20deg);
}
.primary-btn .icon i {font-size: 20px;}
.primary-btn .icon i {
    display: block;
    position: relative;
    transform: skewX(20deg);
}
.hvr-bounce-to-left:hover::before, 
.hvr-bounce-to-left:focus::before, 
.hvr-bounce-to-left:active::before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.primary-btn:hover .btn-text {color: #ffffff; opacity: 1;}
.contact-us-area{ margin-bottom: 50px;}
.contact-us-area .form-control{ border-radius:0; padding: 15px 12px; height: 45px;}
footer .social-icon{ margin: 0; padding: 0;}
footer .social-icon li{ margin: 0 20px 0 0; float: left; padding: 0; font-size: 20px;}
footer .social-icon li:after{ display: none;}
.footer-top li.ti{ padding-left: 0; text-transform: uppercase; font-weight: bold;}
.footer-top li.ti:after{ display: none;}


.aboutus1 .sec-title,
.gallery .sec-title{ margin-top: 30px;}
.contact-us-area textarea { min-height: 166px;}
.cycle-overlay{background: rgba(0,0,0,0.6); position: absolute;color: #fff; width: 800px;}
.slide > .cycle-overlay  h3{ font-size: 40px; text-transform: uppercase;}
.slide > .cycle-overlay  p{ font-size: 20px;}
.cycle-slideshow{ position: relative;}
.cycle-slideshow img{ width: 100%;}
.slider1 .cycle-overlay{ bottom: 100px; padding: 20px; left: 0;}
.slider2 .cycle-overlay{ bottom: 100px; padding: 20px;}
.slider3 .cycle-overlay{ top: 100px; padding: 20px;}
.slider4 .cycle-overlay{ bottom: 100px; padding: 20px;}
.slider5 .cycle-overlay{ top: 100px; padding: 20px; right: 0;}
.nav1{ position: absolute; top: 50%;-webkit-transform: translate(-50% 0;);
-ms-transform: translate(-50% 0;);
-o-transform: translate(-50% 0;); padding: 10px; background: rgba(0,0,0,0.5);
transform: translate(-50% 0;); font-size: 50px; color: #fff; z-index: 100;}
.nav1:hover{ color: #fff;}
.nav1.slide-left{ left: 30px;}
.nav1.slide-right{ right: 30px;}

.list{ margin: 0; padding: 0;}
.list li{ position: relative; padding-left: 20px; margin-bottom: 5px; list-style: none;}
.list li:after{ content: "\f138"; position: absolute; left: 0; top: 0;font-family:'FontAwesome';}
.footer-top .flist{ margin-top: 10px;}
.footer-top .flist li:after{ display: none; margin-bottom: 0px;}
.footer-top .flist li{ margin-bottom: 5px;}

.gallery-item a .overlay{  position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3);top:0px; left:0px; display:none; color: #fff; text-align: center;}
.gallery-item a:hover .overlay{display: block;}
.gallery-item a .overlay span{ top: 50%; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); position: absolute; width: 100%; padding: 0 10px; font-weight:bold;}


@media screen and (max-width: 1200px) {
.carousel-caption h2{ font-size:40px;}
.fruits .top-services .post .content{ min-height: 290px;}
.top-services .post .content:before{ height: 85%;}
.we-are-best .text-side{ padding-left: 0;}
.we-are-best:after{ display: none;}
.we-are-best{ background: #202e31 !important;}
.cycle-overlay{width: 500px;}
.slide > .cycle-overlay  h3{ font-size: 30px;}
.slide > .cycle-overlay  p{ font-size: 20px;}
.services1::after,.services3::after{transform: skewX(-13deg);}
.services2::after{transform: skewX(-13deg);}
}



@media screen and (max-width: 989px) {
.top-services .post .content .inner-box{min-height: 240px;}
#page-content{ padding-top: 100px;}
.carousel-caption h2{ font-size: 20px;}
.carousel-caption{ font-size: 14px;}
.carousel-caption ul{ padding-left: 10px;}
.header-top{ display: none;}
.navbar-right{ float: left !important;}
.navbar-nav > li{ float: none;}
.header-mn .navbar-nav > li > a:hover, 
.header-mn .navbar-nav > li > a:focus{ color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar{ background:#202e31; }
.navbar-toggle{ margin-left: 15px; margin-top: 27px; display: block;}
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus{ background-color:#3ec8f4;}
.side-collapse-container{width:100%; position:relative; left:0; transition:left .4s;}
.side-collapse-container.out{left:200px;}
.side-collapse {
  top:98px;
  bottom:0;
  left:0;
  width:280px;
  position:fixed;
  overflow:hidden;
  transition:width .4s; background: #202e31;}
      
.side-collapse.in {width:0;}
.cycle-overlay{ width: 100%; text-align: center;} 
.slider1 .cycle-overlay{ bottom: 0px; padding: 10px;}
.slider2 .cycle-overlay{ bottom: 0px; padding: 10px;}
.slider3 .cycle-overlay{ top: auto; bottom: 0;padding: 10px;}
.slider4 .cycle-overlay{ bottom: 0px; padding: 10px;}
.slider5 .cycle-overlay{ top: auto; bottom: 0; padding: 10px;}
#page-content{ padding-top: 83px;}
.services1,.services3{ background: #202e31; }
.services2{ background: #fff; }
      }

@media (max-width:800px) {
.news-area .slide-item .content-box .text-content:before,
.news-area .slide-item .image:before{ display: none;}
.news-area .slide-item .content-box{ position: static;}
.news-area .slide-item .content-box .text-content{ padding: 0;}
}

@media (max-width:768px) {
.navbar-brand > img{ width: 198px;} 
.side-collapse{ top: 80px;}
.top-services .post .content:before,
.top-services .post .image .curve{ display: none;}
.news-area .slide-item .image{text-align: center;}
.news-area .slide-item .image img{ display: inline-block;}
.news-area .slide-item .content-box .text-content{ width: 100%; text-align:center; }
.top-services .post .content .inner-box{ min-height: auto;}
.tabs-left > .nav-tabs{ float: none;}
.tab-content{ padding-left: 0;}
.sec-title h2:after{ display: none;}
.hvr-bounce-to-left{ margin-top: 20px;}
.carousel-caption{ max-width: 300px;}
.left-side{padding-right:15px;}
.right-side{padding-left:15px; }
.tabs-left  .nav-tabs > li > a.solar,
.tabs-left  .nav-tabs > li > a.effluent{padding:25px 15px 25px 70px;}
}

@media (min-width:768px) {
.navbar.navbar-fixed-top.slide-active {position: fixed;}
.navbar-header {left: 0!important;}
}