/*
Theme Name: BNLJ
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@charset "utf-8";

/* CSS Document */

@import url(font.css);
* {
    margin: 0;
    padding: 0;
}
ul, ol {
    list-style: none;
    margin: 0;
}
a:hover, a:focus {
    outline: none;
    border: none;
    text-decoration: none;
    color : #000000;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color : #000000;
}
div, ul, img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
body {
    background: #fff;
    font-weight: normal;
}
.header {
    background: #c83200 none repeat scroll 0 0;
    float: left;
    height: auto;
    width: 100%;
letter-spacing: 1px;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}
.topHeader {
    width: 100%;
    float: left;
    padding: 10px 0;
}
.middleHeader {
    width: 100%;
    float: left;
    padding: 10px 0;
    background-image: url(images/header-pattren-top.png);
}
.navArea {
    width: 100%;
    float: left;
}
.logo h3 {
    color: #fff;
    text-align: left;
}
.logo img {
    width: auto;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    padding-left: 25px;
}
.logo p {
    color: #fff;
    font-size: 13px;
    font-family: 'Helvetica', sans-serif;
}
ul.social-list {
    width: auto;
    float: right;
}
ul.social-list li {
    float: left;
    margin-left: 12px;
}
ul.social-list li img {
}
ul.social-list li a {
    color : #fff;
}
.social-list li a i {
    margin: 0 5px 0 0px;
}
.header.smaller {
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 0 5px #8e8e8e;
    -moz-box-shadow: 0 0 5px #8e8e8e;
    -webkit-box-shadow: 0 0 5px #8e8e8e;
    -o-box-shadow: 0 0 5px #8e8e8e;
}
.header.smaller .logo img {
    width: auto;
}
.header.smaller ul.top-list {
    margin-top: -70px;
}
.next_samagams .next-event {
    background: #c83200 url(../images/header-pattren-top.png);
    float: left;
    width: 100%;
}
.next-event {
    color: #fff;
}
.next-event h4 {
    font-size: 16px;
    display: inline-block;
    margin: 25px 0px;
    font-style: italic;
}

.event-time {
    width: 53%;
    float: right;
    margin-right: 40px;
    margin-top: 10px;
}
.next-event span {
    display: inline-block;
    width: 100px;
    border: 3px solid;
    border-radius: 50%;
    height: 100px;
    margin: 0px 4px 0 4px;
    padding: 28px 25px 15px 20px;
    text-align: center;
}
.latest_samagam h4 {
    font-size: 24px;
    margin-right: 0px;
    width: 30%;
    text-align: right;
    float: left;
    padding: 24px 0;
}
.latest_samagam .event-time {
    width: 70%;
    float: right;
    margin-right: 0px;
    margin-top: 10px;
    text-align: left;
    padding-left: 50px;
}
a.call-btn {
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 17px;
    padding: 9px 10px;
}
a.call-btn > img {
    padding-right: 6px;
}
.navigation {
    width: 100%;
    float: left;
}
.navbar {
    border: none;
    margin-bottom: 0;
    min-height: 1px;
    background: none;
}
.navbar-default .navbar-nav > li > a {
    color: #231f20;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    font-size: 15px;
    padding: 20px 15px;
    text-transform: uppercase;
}
.header .navbar-default .navbar-nav > li > a {
    padding: 10px 15px;
    border-top: 3px solid transparent;
    color: #fff;
}
.navbar-nav {
    float: left;
}
.navbar-collapse {
    padding: 0;
}
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #ffffff;
    border-top: 3px solid #631900 !important;
    background: #8c2300;
}
.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus {
    background-color: transparent;
    color: #ffffff;
    border-top: 3px solid #631900 !important;
    background: #8c2300;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #ffffff;
    border-top: 3px solid #631900 !important;
    background: #8c2300;
}
section { letter-spacing : 1px; }
.banner-section {
    width: 100%;
    float: left;
    position: relative;
    min-height: 310px;
    height: auto;
}
.banner-con {
    background: rgba(34, 31, 31, 0.6) none repeat scroll 0 0;
    left: 10%;
    padding: 35px 0;
    position: absolute;
    text-align: center;
    top: 245px;
}
.banner-con h1 {
    font-size: 63px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.banner-con span {
    color: #1bace9;
}
.scrool-more {
    position: absolute;
    text-align: center;
    top: 600px;
    left: 40%;
}
.scrool-more p {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.environmental {
    width: 100%;
    float: left;
    padding: 50px 0 0;
    background: #fff;
}
section.environmental.committe_section {
    padding-bottom: 20px;
}
.envir-con {
    margin-bottom: 30px;
    border-left: 7px solid #8c2300;
}
   .environmental.committe_section .envir-con {
    margin-bottom: 10px;
}

.envir-con h1 {
    font-size: 25px;
    color: #2f2f2f;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.envir-con span {
    color: #c83200;
}
.history_section img {
    max-width: 100%;
    border: 2px solid #ccc;
    min-width: 100%;
}
.aeramix-con {
    width: 100%;
}
.aeramix-con img {
    width: 100%;
    float: right;
}
.aera-managment {
    width: 100%;
    padding: 0px 0;
}
.aera-managment p{
    font-size: 17px;
    color: #2f2f2f;
    line-height: 24px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.aera-managment a {
    color: #c83200;
    line-height: normal;
    padding-bottom: 0;
    font-size: 14px;
    font-style: italic;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal; margin-right: 13px;
}
.solution-sec {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
}
.solution-sec .col-md-6 {
    position: relative;
}
.solution-block {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.solution-block p {
    bottom: 10%;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 19px;
    font-weight: normal;
    position: absolute;
    right: 25%;
    text-align: right;
}
.solution-block2 p, .solution-block4 p {
    bottom: 26%;
}
.solution-block img {
    width: 100%;
    float: left;
}
.right-title p {
    left: 25%;
    text-align: left;
}
.sb-border-left {
    border-left: solid 1px #fff;
}
.sb-border-right {
    border-right: solid 1px #fff;
}
.sb-border-top {
    border-top: solid 1px #fff;
}
.sb-border-bottom {
    border-bottom: solid 1px #fff;
}
.solution-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(16, 183, 254, 0.7);
    transition: all 0.3s ease-out;
}
.solution-block:hover .solution-overlay {
    top: 100%;
}
.solution-con {
    min-height: 200px;
    position: absolute;
    right: -207px;
    top: 12%;
    width: 415px;
    z-index: 9999;
    text-align: center;
}
.solution-con h1 {
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
}
.solution-circel-main {
    width: 330px;
    height: 330px;
    padding: 7px;
    border-radius: 200px;
    margin: 20px auto 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
}
.solution-circel-inner {
    background: #23418e none repeat scroll 0 0;
    border-radius: 200px;
    height: 100%;
    width: 100%;
    padding: 30px 15px 0;
}
.solution-circel-inner h2 {
    font-size: 25px;
    color: #fff;
    padding-bottom: 13px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}
.solution-circel-inner p {
    font-size: 15px;
    color: #fff;
    padding-bottom: 30px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.solution-circel-inner a {
    border: 3px solid #fff;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 14px;
    text-transform: uppercase;
}
.solution-circel-inner a:hover {
    background: #25bdfd;
    border-color: #25bdfd;
}
.s-left-img {
    left: 0;
    position: absolute;
    top: 0;
    width: 280px;
}
.samagams_section {
    margin-bottom: 8px;
}
.samagams {
    min-height: 500px;
    padding: 60px 0 0;
}
ul.upcoming_section li {
    margin-bottom: 12px;
    width: 100%;
    float: left;
}
.event_date {
    margin: 0;
    padding: 0;
}
.event_date span {
    float: left;
    border: 1px solid #c83200;
    width: 66px;
    font-size: 15px;
    font-weight: normal;
    background: #c83200;
    color: #fff;
    text-align: center;
    padding: 12px 7px;
}
.event_date span b {
    font-size: 19px;
}
.event_detail {
    border: 2px solid #c83200;
    padding: 13px 0;
}
ul.event_detail_list {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.event_detail_list li {
    float: left;
    padding: 10px 15px 10px 22px;
    margin: 0px;
}
li.event_title {
    width: 50% !important;
    margin-bottom: 0 !important;
}
li.event_day_tym, li.event_location {
    width: 25% !important;
    font-size : 16px;
    border-left: 1px solid #c83200;
    margin-bottom: 0 !important;
}
li.event_day_tym i, li.event_location i {
    color: #c83200;
}
li.event_title h3 {
    font-size: 23px;
}
.event_detail_list li:last-child {
    border-right: none;
}
.client-sec {
    width: 100%;
    float: left;
    background: #f2f2f2;
}
.map-sec {
    width: 100%;
    float: left;
    background: #f2f2f2;
}
.left-sec {
    float: left;
    min-height: 593px;
    position: relative;
    width: 100%;
}
.left-sec h1 {
    font-size: 35px;
    color: #221f1f;
    padding: 35px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.right-sec {
    float: left;
    min-height: 593px;
    position: relative;
    width: 100%;
}
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.client-block {
    width: 75%;
    float: right;
    margin-top: 50px;
}
.right-sec img {
    max-width: 100%;
    float: left;
    height: 592px;
}
.chris-mccullum {
    float: right;
    padding: 0 40px 0 0;
}
.chris-mccullum img {
    margin-bottom: 20px;
}
.chris-mccullum h2 {
    font-size: 18px;
    color: #727272;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.chris-mccullum span {
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    color: #29abe2;
    text-transform: lowercase;
}
.shortcomings {
    float: right;
    padding: 30px 10px;
    width: 75%;
}
.client-sec {
    position: relative;
}
.industry {
    width: 100%;
    float: left;
    min-height: 124px;
    background: rgba(35, 65, 142, 0.8);
    position: absolute;
    bottom: 0px;
}
.view-project {
    width: 100%;
    min-height: 124px;
    background: rgba(35, 65, 142, 0.8);
    position: absolute;
    bottom: 0px;
}
.geosynthetics a {
    background: #29abe2 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-family: 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin-left: 12px;
    padding: 13px 12px;
    text-transform: uppercase;
    margin-top: 15px;
}
.geosynthetics p {
    font-size: 14px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.geosynthetics h2 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.shortcomings a {
    background: #29abe2 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin-right: 12px;
    padding: 13px 12px;
    text-transform: uppercase;
    margin-top: 6px;
}
.shortcomings p {
    font-size: 14px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.geosynthetics {
    float: left;
    padding: 20px 10px;
    width: 75%;
}
a.client-arr {
    width: 47px;
    height: 47px;
    position: absolute;
    opacity: 0.6;
    transition: all 0.2s ease-out;
}
a.client-arr.left {
    right: 34%;
    bottom: 22%;
    background: url(../images/slider-arr.png) left top no-repeat;
}
a.client-arr.right {
    right: 26%;
    bottom: 22%;
    background: url(../images/slider-arr.png) right top no-repeat;
}
a.client-arr:hover {
    opacity: 1;
}
/*---------------------------------------about css------------------------------------------------*/

.about-banner {
    width: 100%;
    float: left;
    position: relative;
    background: url(../images/about-banner.jpg) center center repeat scroll;
    min-height: 254px;
    padding-top: 90px;
    text-transform: uppercase;
}
.about-con h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.about-con span {
    color: #29abe2;
}
.enhance-sec {
    width: 100%;
    float: left;
}
.enhance-sec h1 {
    font-size: 22px;
    color: #23418f;
    padding: 50px 0 30px 0;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.enhance-sec p {
    font-size: 17px;
    color: #2f2f2f;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.about-left-sec {
    padding: 50px 0;
}
.about-left-sec img {
    width: 100%;
}
.about-left-sec p {
    font-size: 17px;
    color: #2f2f2f;
    padding: 40px 0;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.about-right-sec {
    padding: 50px 0 0 0;
}
.about-right-sec img {
    width: 100%;
}
.about-right-sec p {
    font-size: 17px;
    color: #595959;
    padding: 40px 0;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.our-core-sec {
    width: 100%;
    float: left;
    min-height: 550px;
    padding: 35px 0 0;
    position: relative;
    text-align: left;
}
.our-core-sec h1 {
    border-left: 7px solid #8c2300;
    color: #2f2f2f;
    font-size: 30px;
    font-weight: normal;
    line-height: 35px;
    margin-bottom: 18px;
    padding-left: 15px;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
}
.our-core-sec span {
    color: #c83200;
}
.our-core-sec p {
    font-size: 15px;
    color: #2f2f2f;
    padding-bottom: 5px;
    text-align: left;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal; 
	line-height: 25px; text-align:justify;
}
.our-core-right p {
    font-size: 15px;
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal; line-height: 25px; text-align:justify;
}
.ourcore-left {
    margin-top: 8px;
}
.ourcore-left img {
    max-width: 100%;
    min-width: 100%;
    border: 2px solid #ccc;
}
.history-section {
    width: 100%;
    float: left;
    min-height: 550px;
    padding: 60px 0 0;
    position: relative;
    text-align: left;
}
.history-section h1 {
    border-left: 7px solid #8c2300;
    color: #2f2f2f;
    display: inline-block;
    font-family: 'Helvetica', sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 35px;
    margin-bottom: 25px;
    padding-left: 15px;
    text-align: center;
    text-transform: uppercase;
}
.history-section span {
    color: #c83200;
}
.history-section p {
    font-size: 17px;
    color: #2f2f2f;
    padding-bottom: 50px;
    text-align: left;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.performance {
    width: 100%;
    float: left;
    padding: 60px 0;
    background : #f3f3f3;
}
.performance h1 {
    font-size: 22px;
    color: #2f2f2f;
    padding: 0 0 30px 0;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.performance p {
    font-size: 17px;
    color: #2f2f2f;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.solu-banner {
    width: 100%;
    float: left;
    position: relative;
    background: url(../images/solution-bg.jpg) center center repeat scroll;
    min-height: 254px;
    padding-top: 90px;
    text-transform: uppercase;
}
.solu-con h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.solution-middle-sec {
    width: 100%;
    float: left;
    background: #f2f2f2;
}
.geosy-main {
    float: right;
    padding-top: 74px;
    width: 510px;
}
.geosy-img {
    width: 20%;
    float: left;
}
.geosy-inner {
    width: 80%;
    float: left;
}
.geosy-inner h1 {
    font-size: 30px;
    color: #221e1f;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.geosy-inner p {
    font-size: 17px;
    color: #4c4849;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.geosy-list {
    padding: 30px 0;
    width: 100%;
    float: left;
}
ul.geosy-list li {
    line-height: 21px;
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-bottom: 10px;
    background: url("../images/listing-arrow.png") no-repeat scroll 0 8px;
}
ul.geosy-list li a {
    font-size: 14px;
    color: #29abe2;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.image-sec {
    background: url(../images/sol-right-img.jpg) left top / cover no-repeat;
    width: 100%;
    float: left;
    min-height: 550px;
}
.detail-btn {
    width: 100%;
    float: left;
}
.detail-btn a {
    background: #29abe2 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding: 13px;
    text-transform: uppercase;
}
.image-sec2 {
    background: url(../images/backwash.jpg) left top / cover no-repeat;
    width: 100%;
    float: left;
    min-height: 550px;
}
.image-sec3 {
    background: url(../images/constrection-img.jpg) left top / cover no-repeat;
    width: 100%;
    float: left;
    min-height: 550px;
}
.image-sec4 {
    background: url(../images/technical-ser.jpg) left top / cover no-repeat;
    width: 100%;
    float: left;
    min-height: 550px;
}
.aug-man {
    width: 20%;
    float: left;
}
.augmentation {
    float: left;
    width: 80%;
}
.augmen-main {
    float: left;
    padding: 74px 0 0 60px;
    width: 510px;
}
.augmentation h1 {
    font-size: 30px;
    color: #221e1f;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.augmentation p {
    font-size: 17px;
    color: #4c4849;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.solution-half-list {
    width: 50%;
}
.project-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/project-banner.jpg") center center no-repeat;
}
.project-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.project-content {
    width: 100%;
    float: left;
    padding: 60px 0;
}
.project-content p {
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 26px;
    padding-bottom: 25px;
    text-align: center;
}
.project-details {
    width: 100%;
    float: left;
}
.project-details-inner {
    width: 100%;
    float: left;
    min-height: 460px;
    position: relative;
}
.latest-project {
    background: url("../images/project-img1.jpg") center center / cover;
}
.local-goverment {
    background: url("../images/project-img2.jpg") center center / cover;
}
.building-services {
    background: url("../images/project-img3.jpg") center center / cover;
}
.water {
    background: url("../images/project-img5.jpg") center center / cover;
}
.infrastructure {
    background: url("../images/project-img6.jpg") center center / cover;
}
.inner-content {
    width: 100%;
    position: absolute;
    min-height: 100px;
    bottom: 0;
    background: rgba(42, 172, 227, 0.9);
}
.inner-content a {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    padding-right: 30px;
    margin-top: 25px;
    display: inline-block;
    background: url("../images/project-arrow.png") right center no-repeat;
}
.news-sec {
    width: 100%;
    float: left;
    padding-top: 100px;
}
.news-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/news-banner.jpg") center center no-repeat;
}
.news-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.news-inner {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    position: relative;
    border: solid 6px transparent;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.news-inner img {
    width: 100%;
}
.news-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 25px;
    min-height: 100px;
    background: rgba(35, 31, 32, 0.8);
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.news-content h2 {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.news-content span {
    font-size: 14px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.news-inner:hover {
    border: solid 6px #29abe2;
}
.news-inner:hover .news-content {
    background: rgba(41, 171, 226, 0.7);
}
.contact-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/contact-banner.jpg") center center no-repeat;
}
.contact-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.contact-title span {
    color: #29abe2;
}
.contact-middle-sec {
    width: 100%;
    float: left;
}
.contact-con h2 {
    font-size: 25px;
    color: #23418f;
    padding: 25px 0;
    line-height: 33px;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.contact-con h2 span {
    color: #29abe2;
}
.contact-con p {
    font-size: 17px;
    color: #3d3d3d;
    line-height: 26px;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
/*.contact-con {

        padding: 95px 0;

} */

ul.contact-list {
    border-bottom: 1px solid #e4e4e4;
    float: left;
    padding: 50px 0 25px;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}
ul.contact-list li {
    width: 33.33%;
    float: left;
}
ul.contact-list li h3 {
    float: left;
    font-family: 'Helvetica', sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding-top: 22px;
    text-align: left;
    width: 70%;
}
ul.contact-list li h3 a {
    color: #2f2f2f;
}
ul.contact-list li span.icon_1 {
    background: #c83200;
    /* padding: 47px 0 0 58px; */

    border-radius: 50%;
    text-align: center;
    float: left;
    color: #fff;
    margin-right : 8px;
}
ul.contact-list li span.icon_1 i {
    float: left;
    text-align: center;
    padding: 22px 25px;
    font-size: 24px;
}
/*ul.contact-list li img {

        padding-right: 11px;

        float: left;

}*/

.contact-sec, .gallery-sec {
    width: 100%;
    float: left;
    text-align: left;
    margin-top : 30px;
    padding-top:30px;
    min-height: 500px;
}
.form-title h1 {
    font-size: 40px;
    color: #2f2f2f;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    border-left: 7px solid #8c2300;
    line-height: 35px;
    padding-left: 15px;
    display: inline-block;
}
.form-title span {
    color: #c83200;
}
.c-half-row {
    width: 49%;
    float: left;
}
.c-full-row {
    width: 100%;
    float: left;
}
.c-f-right {
    float: right !important;
}
.contact-form {
    float: left;
    margin-top: 20px; margin-bottom : 10px;
}
.contact-form label {
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-align: left;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {
    float: left;
    font-size: 17px;
    height: 50px;
    margin-bottom: 15px;
    border: 2px solid #dfdfdf;
    width: 100%;
    padding-left: 12px;
}
.contact-form textarea {
    float: left;
    font-size: 17px;
    margin-bottom: 15px;
    border: 2px solid #dfdfdf;
    width: 100%;
    padding-left: 12px;
    padding-top: 12px;
    resize: none; height: 120px;
}
.c-half-row.c-f-right.submit_button_area {
    width: 40%;
}
.contact-form input[type="submit"] {
    float: right;
    text-transform: capitalize;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    border: none;
    margin-top: 0px;
    padding: 9px 25px;
    background: #c83200;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.contact-form input:hover[type="submit"] {
    background: #8c2300;
}
.wpcf7 form.invalid .wpcf7-response-output {
    float: left;
    width: 60%;
    margin: 0;
    padding: 0;
    color: red;
    border-color: transparent;
}
.wpcf7 form.invalid .wpcf7-response-output::before {
    font-family: 'FontAwesome';
    content: "\f071";
    font-weight: bold;
    font-size: 15px;
    padding-right: 4px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    width: 58%;
    float: left;
    margin-top: 0;
    padding-top: 0;
    color: green;
    font-size: 14px;
    margin-left: 0;
    padding-left: 0;
}
.wpcf7 form.sent .wpcf7-response-output::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    font-weight: bold;
    font-size: 15px;
    padding-right: 4px;
}
span.wpcf7-not-valid-tip {
    float: left;
}
.sub-btn {
    padding: 30px 0;
}
.map {
    float: left;
    margin: 20px 0 10px 0; 
}
.map > img {
    padding: 50px 0;
    width: 100%;
}
.map iframe {
    height: 434px;
}
.news-detail-sec {
    width: 100%;
    float: left;
    padding: 50px 0;
}
.news-detail-con img {
    width: 100%;
}
.news-detail-con h1 {
    font-size: 35px;
    color: #333333;
    padding: 30px 0;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.news-detail-con p {
    font-size: 16px;
    color: #221e1f;
    font-family: 'Helvetica', sans-serif;
    line-height: 29px;
    margin-bottom: 20px;
    font-weight: normal;
}
.news-detail-right h2 {
    background: #231f20 none repeat scroll 0 0;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: normal;
    width: 100%;
    float: left;
    padding: 12px;
    text-transform: uppercase;
}
ul.news-list {
    width: 100%;
    float: left;
    margin: 10px 0 30px 0;
}
ul.news-list li {
    width: 100%;
    float: left;
    line-height: 39px;
    border-bottom: 1px solid #dfdfdf;
}
ul.news-list li:last-child {
    border-bottom: none;
}
ul.news-list li a {
    font-size: 16px;
    color: #231f20;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.posts-list {
    width: 100%;
    float: left;
    margin: 10px 0 30px 0;
}
ul.posts-list li {
    width: 100%;
    float: left;
    line-height: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #dfdfdf;
}
ul.posts-list li a {
    font-family: 'Helvetica', sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #29abe2;
    text-transform: uppercase;
}
ul.posts-list li a span {
    font-family: 'Helvetica', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #717171;
}
ul.posts-list li:last-child {
    border: none;
}
.project1-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/project-1banner.jpg") center center no-repeat;
}
.project1-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.project1-content {
    width: 100%;
    float: left;
    padding: 60px 0;
}
.project1-content p {
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 26px;
    padding-bottom: 25px;
    text-align: center;
}
.veritatis-sec {
    width: 100%;
    float: left;
    background: #f2f2f2 none repeat scroll 0 0;
}
.veritatis-left {
    width: 100%;
    float: left;
    min-height: 490px;
}
.varitatis-lect-content {
    width: 75%;
    padding-right: 30px;
    float: right;
    margin-top: 50px;
}
.varitatis-lect-content h1 {
    font-size: 25px;
    color: #2f2f2f;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.varitatis-lect-content p {
    font-size: 17px;
    color: #2f2f2f;
    line-height: 26px;
    padding: 20px 0;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.veritatis-right {
    width: 100%;
    float: left;
    min-height: 490px;
}
.veritatis-right img {
    width: 100%;
    float: left;
    min-height: 490px;
}
.gallrey-sec {
    width: 100%;
    float: left;
    position: relative;
}
.gallery-title {
    width: 100%;
    float: left;
    background: #24428f;
    padding: 60px 0;
    text-align: center;
}
.gallery-title h1 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    border-left: 7px solid #fff;
    display: inline-block;
    line-height: 35px;
    padding-left: 15px;
    margin-bottom: 15px;
}
.gallery-title p {
    font-size: 17px;
    color: #fff;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.gallery-list {
    width: 100%;
    float: left;
}
ul.gallery-list li {
    float: left;
    width: 20%;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
ul.gallery-list li:nth-child(5n) {
    border-right: none;
}
ul.gallery-list li img {
    float: left;
    width: 100%;
}
.gallery-overlay {
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    position: absolute;
    background: rgba(41, 171, 226, 0.7);
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
ul.gallery-list li:hover .gallery-overlay {
    top: 0;
}
.client-testimonial {
    width: 100%;
    float: left;
    padding: 50px 0;
    background: #fff;
    text-align: center;
}
.testimonial-con {
    text-align: center;
}
.testimonial-con h2 {
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 40px;
    border-left: 7px solid #29abe2;
    line-height: 35px;
    padding-left: 15px;
    display: inline-block;
    text-transform: uppercase;
}
.testimonial-con h2 span {
    color: #29abe2;
}
.testimonial-inner {
    width: 100%;
    float: left;
}
.testimonial-con img {
    padding-bottom: 20px;
}
.testimonial-con h3 {
    font-size: 17px;
    color: #2f2f2f;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.testimonial-con h3 span {
    color: #29abe2;
    font-size: 14px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.testimonial-con p {
    font-size: 19px;
    color: #2f2f2f;
    line-height: 29px;
    padding-top: 20px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.testimonial-con p img {
    padding: 6px;
}
.project-category-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/project-category-banner.jpg") center center no-repeat;
}
.project-category-title {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.category-inner {
    width: 100%;
    float: left;
}
.category-inner img {
    width: 100%;
    float: left;
    min-height: 330px;
    position: relative;
}
.category-con {
    background: rgba(42, 172, 227, 0.9) none repeat scroll 0 0;
    bottom: 0;
    min-height: 100px;
    position: absolute;
    width: 100%;
    padding: 30px 0 0 60px;
}
.category-con-padding {
    padding: 30px 0 0 150px;
}
.category-con h1 {
    font-size: 30px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.category-con h1 a {
    color: #fff;
    display: inline-block;
}
.category-con h1 a:hover {
    color: #fff;
    text-decoration: underline;
}
.membrains-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/solution-memb-banner.jpg") center center no-repeat;
}
.membrains-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.sol-geosy-materials {
    width: 100%;
    float: left;
    padding: 80px 0;
}
.sol-geosy-materials h1 {
    font-size: 30px;
    color: #221f1f;
    padding-bottom: 40px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.sol-materials-con p {
    font-size: 17px;
    color: #2f2f2f;
    line-height: 30px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.range-of-geosynthetic {
    width: 100%;
    float: left;
    padding: 80px 0;
    background: #ededed;
}
.range-of-geosynthetic h1 {
    font-size: 30px;
    color: #221f1f;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 60px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.wide-range-icon {
    width: 100%;
    float: left;
}
ul.wide-range-icon li {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
}
ul.wide-range-icon h3 {
    font-size: 19px;
    color: #221f1f;
    text-transform: uppercase;
    padding: 20px 0 0;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.membranes-sec {
    width: 100%;
    float: left;
    padding: 80px 0;
}
.membranes-left img {
    padding-top: 30px;
}
.membranes-right h2 {
    font-size: 30px;
    color: #24428f;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.membranes-right p {
    font-size: 17px;
    color: #2f2f2f;
    line-height: 30px;
    padding-bottom: 25px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.membranes-list {
    width: 100%;
    float: left;
    padding: 0 0 20px 20px;
}
ul.membranes-list li {
    list-style: outside;
    font-size: 17px;
    color: #2f2f2f;
    line-height: 30px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.membranes-right h3 {
    font-size: 22px;
    color: #29abe2;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.geosynthetics-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/geosynthetics-banner.jpg") center center no-repeat;
}
.geosynthetics-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.solu-geosynthetics {
    background: rgba(0, 0, 0, 0) url("../images/geosynthetic-bg.png") no-repeat scroll 0 420px / 100% auto;
    float: left;
    padding: 50px 0;
    width: 100%;
}
.geosynthetics-inner-row {
    float: left;
    padding: 70px 0;
    width: 100%;
}
.solu-inner-content h1 {
    font-size: 30px;
    color: #221f1f;
    padding: 30px 0 20px;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.solu-inner-content p {
    font-size: 17px;
    color: #2f2f2f;
    line-height: 26px;
    padding-bottom: 25px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.our-team-banner {
    width: 100%;
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    background: url("../images/our-team-banner.jpg") center center no-repeat;
}
.our-team-title h1 {
    font-size: 63px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.our-team-title span {
    color: #29abe2;
}
.our-team-sec {
    width: 100%;
    float: left;
    padding: 50px 0;
    text-align: center;
}
.seprater {
    width: 100%;
    float: left;
    margin: 50px 0;
    border-bottom: solid 1px #d6d6d6;
}
.our-team-content h1 {
    font-size: 40px;
    color: #2f2f2f;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    border-left: 7px solid #29abe2;
    line-height: 35px;
    padding-left: 15px;
    display: inline-block;
}
.our-team-content span {
    color: #29abe2;
}
.our-team-content p {
    font-size: 17px;
    color: #2f2f2f;
    text-align: center;
    padding-bottom: 100px;
    line-height: 28px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
.our-team-con {
    float: right;
    width: 50%;
}
.our-team-img {
    float: left;
    width: 50%;
    text-align: left;
}
.our-team-con h2 {
    font-size: 17px;
    color: #29abe2;
    padding: 0 0 30px 0;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    text-align: left;
}
.our-team-right h2 {
    font-size: 17px;
    color: #29abe2;
    padding-bottom: 15px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    text-align: left;
}
.our-team-right p {
    font-size: 16px;
    line-height: 23px;
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    text-align: left;
}
.our-team-con span {
    color: #2f2f2f;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
/*---------------------------------------Footer-------------------------------------------------*/

.footer {
    float: left;
    width: 100%;
}
.top-footer {
    width: 100%;
    float: left;
}
.aera-logo {
    width: 100%;
    text-align: center;
}
.aera-logo img {
    padding-bottom: 70px;
}
.f-content h3 {
    font-size: 17px;
    color: #48c9ff;
    padding: 20px 0;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.list-item {
    width: 100%;
    float: left;
}
ul.list-item li {
    line-height: 30px;
}
ul.list-item li a {
    font-size: 14px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
ul.list-item li a:hover {
    text-decoration: underline;
}
a.view-more {
    font-size: 14px;
    color: #48c9ff;
    text-decoration: underline;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}
a.lock-btn {
    font-size: 17px;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    background: #33b9f3 none repeat scroll 0 0;
    color: #fff;
    padding: 12px;
}
a.lock-btn img {
    padding-right: 6px;
}
ul.location-list {
    padding: 50px 0;
    text-align: center;
    width: 100%;
}
ul.location-list li {
    color: #fff;
    display: inline-block;
    font-family: 'Helvetica', sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 0 20px;
}
ul.location-list li a {
    color: #fff;
}
ul.location-list li img {
    padding-right: 11px;
}
.certification-img {
    width: 100%;
    float: left;
}
.copyright {
    width: 100%;
    float: left;
    padding: 15px 0;
    text-align: center;
    background: #c83200 none repeat scroll 0 0;
}
.copyright p, .copyright p a {
    font-size: 13px;
    color: #ffffff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
}

.for-lower-mobile {
    display: none;
}
.community-banner {
    float: left;
    min-height: 254px;
    padding-top: 90px;
    position: relative;
    width: 100%;
    background: url(../images/community-banner.jpg) center center / cover;
}
.community-banner h1 {
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 63px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.community-banner h1 span {
    color: #29abe2;
}
.community-sec {
    width: 100%;
    float: left;
    padding: 80px 0;
    text-align: center;
}
.community-title h1 {
    border-left: 7px solid #29abe2;
    color: #2f2f2f;
    display: inline-block;
    font-family: 'Helvetica', sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 35px;
    padding-left: 15px;
    text-align: center;
    text-transform: uppercase;
}
.community-title h1 span {
    color: #29abe2;
}
.community-logos-main {
    float: left;
    padding: 150px 0 80px;
    width: 100%;
}
ul.community-logos {
    width: 100%;
    float: left;
    margin: -80px 0 0;
}
ul.community-logos li {
    width: 243px;
    height: 281px;
    margin: 0 -4px;
    /*padding-top: 65px;*/

    display: inline-block;
    background: url(../images/hexagon.png) left top no-repeat;
}
ul.community-logos li:hover {
    background: url(../images/hexagon-hover.png) left top no-repeat;
    position: relative;
    z-index: 99;
}
a.view-pro-btn {
    font-size: 13px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    background: #cdcdcd;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 20px;
}
/*  ----------  Slider   */



.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #fff;
}
.member_desc {
    width: 155px;
    margin: 0 auto;
}
.member_image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid;
    display: inline-block;
    overflow: hidden;
}
.tf-member-image
{
   border-radius: 50%;
    border: 2px solid; 
    overflow: hidden;
}
.member_detail {
    float: left;
    width: 100%;
    text-align: center;
}
span.mem_name {
    font-size: 16px;
    text-align: center;
}
span.mem_work {
    font-size: 14px;
    text-align: center;
}



/*-------------------  Gallery Page ----------------- */

.gallery_page {
    padding: 50px 0 0;
}
.popup-gallery .img-div {
    margin-right: 8px;
    border: 2px solid #ccc; width: 150px; height: 100px; display: inline-block; text-align: center; margin-bottom : 8px; overflow: hidden;
}
.popup-gallery .img-div a img{
    min-width: 100%; max-width: 100%; padding: 7px;
}

div.wpcf7-validation-errors {
    border: none;
    float: left;
    text-align: left;
    width: 46%;
    color: red;
    margin-left: 0;
    padding-left: 0;
}
div.wpcf7-mail-sent-ok {
    border: none;
    color: #398f14;
    margin: 0;
    float: left;
    width: 50%;
    padding: 0;
    font-size: 15px;
}

.sp-team-free-section .sp-team-free-area .sp-team-member .tf-member-name { font-size: 15px;}
/*----------------------------------------Media start----------------------------------*/

@media only screen and (max-width:1199px) {
.next-event h4{ font-size: 14px; }
    .banner-con h1 {
        font-size: 46px;
    }
    .banner-section {
        min-height: 300px;
    }
    .our-core-right p
    { 
       font-size: 14px; line-height: 23px;
    }
    .solution-circel-main {
        height: 275px;
        width: 275px;
    }
    .solution-circel-inner h2 {
        font-size: 15px;
    }
    .solution-circel-inner p {
        font-size: 13px;
    }
    .solution-circel-inner a {
        font-size: 12px;
    }
    .solution-circel-inner {
        padding: 37px 7px 0;
    }
    .solution-con {
        top: 5%;
    }
    .solution-con h1 {
        font-size: 26px;
    }
    .left-sec h1 {
        font-size: 25px;
    }
    .client-block {
        margin-top: 8px;
        width: 97%;
    }
    .shortcomings {
        width: 90%;
    }
    .shortcomings p {
        font-size: 12px;
    }
    .geosynthetics {
        width: 90%;
    }
    .geosynthetics p {
        font-size: 12px;
    }
    .geosynthetics h2 {
        font-size: 20px;
    }
    .f-content h3 {
        font-size: 14px;
    }
    img.tweest-image {
        width: 100%;
    }
    .aera-logo img {
        padding-bottom: 35px;
    }
    .environmental
    {  
       padding: 30px 0 0;
    }
    .environmental img 
    {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .envir-con 
    {
       margin-bottom: 25px;
    }
    .envir-con h1
    { 
      font-size: 23px;
    }
    .event_date span
    { font-size: 13px;
    }
    li.event_title h3 {
       font-size: 20px;
    }
    li.event_day_tym, li.event_location
    {
      font-size:14px;
    }
    ul.event_detail_list li 
    {
        width: 33.33% !important;
    }
    ul.contact-list li span.icon_1 i
    { 
      padding: 20px 22px;
      font-size: 21px;
    }
    ul.contact-list li h3
    {    font-size: 18px;
    }
    .our-core-sec p
    {
       font-size: 14px; line-height: 23px;
    }
    /* Samagams page */
    .latest_samagam .event-time
    { 
       padding-bottom: 10px; 
    }
    .samagams .event_date span {
       font-size: 13px;
       padding: 12px 9px;
    }
    .samagams li.event_title 
    {
       width: 50% !important;
    }
    .samagams li.event_day_tym {
       width: 30% !important;
    }
    .samagams li.event_location {
        width: 20% !important;
    }
}
@media only screen and (max-width:991px) {
    .header {
        height: auto;
    }
    .logo {
        text-align: center;
    }
    .next-event.header-line
    { 
       text-align: center !important;
    }
    .next-event.header-line h4
    {
      margin: 16px 0px; font-size: 14px;
    }
    ul.top-list {
        float: none;
        margin: 15px auto;
        width: 210px;
    }
    .navigation {
        text-align: center;
    }
    .navbar-nav {
        float: left;
        width: 100%;
    }
    .navbar-nav > li {
        display: inline-block;
        float: none;
    }
    .s-left-img {
        display: none;
    }
    .solution-con {
        margin: 0 auto 20px;
        min-height: 200px;
        position: relative;
        right: auto;
        top: auto;
    }
    .solution-con h1 {
        color: #231f20;
    }
    .client-block {
        float: none;
        margin: 0 auto;
        width: 500px;
    }
    .shortcomings {
        float: none;
        margin: 0 auto;
        width: 500px;
    }
    .right-sec img {
        float: left;
        height: auto;
        max-width: 100%;
        width: 100%;
    }
    .geosynthetics {
        float: none;
        margin: 0 auto;
        width: 500px;
    }
    .footer {
        text-align: center;
    }

    img.tweest-image {
        width: auto;
    }
    .sb-border-right, .sb-border-left, .sb-border-bottom {
        border: none;
    }
    .header.smaller {
        height: auto;
        position: relative;
        box-shadow: none;
    }
    .header.smaller .logo img {
        width: auto;
    }
    .header.smaller ul.top-list {
        margin-top: 12px;
    }
    body {
        padding: 0 !important;
    }
    .ourcore-left {
        text-align: center;
    }
    .our-core-sec {
        min-height: auto;
    }
    .topHeader {
        text-align: center;
    }
    .logo h3 {
        text-align: center;
    }
   .environmental 
    {
       padding: 25px 0 0;
    } 
    .event_date span {
       padding: 7px 7px;
   }
   .event_detail {
      padding: 10px 0;
    }
    ul.event_detail_list li {
        font-size: 12px;
    }
    li.event_title h3 {
        font-size: 16px;
    }
    .member_desc {
        width: 120px;
    }
    .member_image {
        width: 120px;
        height: 120px;
    }
    .our-core-right p 
    {
       font-size: 13px;
       line-height: 20px;
    }
    .our-core-sec .our-core-right p {
       font-size: 14px;
       line-height: 23px;
    }
    .form-title h1
    { 
      font-size: 36px; line-height: 33px;
    }
    ul.contact-list
    { 
       padding: 35px 0 20px;
    }
    ul.contact-list li span.icon_1 i
    {
      padding: 10px 10px;
      font-size: 13px;
    }
    ul.contact-list li h3 
    {
       font-size: 16px;
       padding-top: 10px;
    }
    /*  Samagams Page  */
    .latest_samagam .event-time
    {
        padding-left: 30px;
    }
    .samagams .event_date span {
       padding: 9px 10px;
    }
    .samagams li.event_title {
       width: 40% !important;
    }
    .samagams li.event_day_tym {
       width: 40% !important;
    }
    .samagams ul.event_detail_list li {
      font-size: 14px;
    }
    .samagams li.event_title h3 {
       font-size: 18px;
    }
}
@media only screen and (max-width:767px) {
    .media_bar {
    float: right;
    }
    .logo {
        width: 100%;
        float: left;
        text-align: center;
    }
    .logo img {
        width: auto;
    }
    .next-event {
        text-align: center !important;
    }
    .header.smaller .logo img {
        width: auto;
    }
    .h-right {
        width: 50%;
        float: left;
    }
    ul.top-list {
        float: right;
        width: auto;
        margin-right: 43px;
    }
    
    .for-desk {
        display: none;
    }
    .banner-con {
        left: 0;
        top: 100px;
        width: 100%;
    }
    .scrool-more {
        top: 350px;
    }
 
    .envir-con {
        border-left: medium none;
        text-align: center;
    }
 
    .solution-circel-main {
        display: none;
    }
    .solution-con {
        min-height: 1px;
    }
    .client-sec .left-sec {
        display: none;
    }
    .right-sec {
        min-height: 1px;
    }
    a.client-arr.right {
        bottom: 125px;
        right: 2px;
    }
    a.client-arr.left {
        bottom: 125px;
        right: 50px;
    }
    .banner-con h1 {
        font-size: 36px;
    }
    .navbar-header {
        display: none;
    }
    a.toggle {
        display: block;
    }
    .navbar-nav > li {
        float: left;
        width: 100%;
    }
    .caret {
        display: none;
    }
    .nav > li > a:hover, .nav > li > a:focus {
        background-color: #2e2e2e;
    }
    .dropdown-menu {
        background-color: transparent;
        border: medium none;
        border-radius: 0;
        box-shadow: none;
        float: left;
        font-size: 16px;
        left: 0;
        list-style: outside none none;
        margin: 2px 0 0;
        min-width: 100%;
        padding: 0;
        position: relative;
        text-align: left;
        top: 0;
        z-index: 1000;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #2e2e2e;
        color: #fff;
    }
    .our-core-right p {
       font-size: 14px;
       line-height: 23px;
    }
    .our-core-right {
        margin-top: 8px;
    }
    .event_date {
        float: left; width: 15%;
    }
    .event_detail {
        float: left;
        width: 85%;
    }
    .banner-section {
        min-height: 200px;
    }
    .our-core-sec h1 
    {
         font-size: 27px;
         line-height: 32px;
    }
}
@media only screen and (max-width:600px) {
    .member_desc {
        width: 90px;
    }
    .member_image {
        width: 90px;
        height: 90px;
    }
    .event_detail {
      padding: 10px 0;
    }
    ul.event_detail_list li { 
        padding: 10px 15px 10px 22px;
        font-size: 12px;
    }
    ul.event_detail_list li.event_title{
          width: 40% !important;
    } 
    ul.event_detail_list li.event_day_tym {
      width: 40% !important;
    }
    ul.event_detail_list li.event_location {
      width: 20% !important;
    }
    ul.contact-list 
    {
       padding: 20px 0 12px;
    }
    ul.contact-list li 
    {
      width: 100%;
      float: left;
      margin: 0px 0 8px 0; 
    }
    /*  Samagams page */
     .next-event h4
     {
       margin: 18px 0px;
      }
     .next-event span
     {
         padding: 25px 12px 15px 13px;
         font-size: 12px; width: 80px;
         height: 80px;
     }
    .samagams ul.event_detail_list li 
    {
       font-size: 12px;
    }
}
@media only screen and (max-width:568px) {
    .media_bar 
    {
       width: 100%;
    }
    ul.event_detail_list li.event_title 
    {
       width: 35% !important;
    }
    ul.event_detail_list li.event_day_tym 
    {
      width: 45% !important;
    }
    /*  Samagams page  */
    .next-event h4 {
       margin: 13px 0px;
    }
    .next-event span {
       padding: 20px 10px 15px 9px;
       font-size: 11px;
       width: 70px;
       height: 70px;
    }
    .samagams .event_date span {
       padding: 6px 9px;
    }
    .samagams li.event_title h3 {
      font-size: 13px;
    }
    .samagams ul.event_detail_list li {
      font-size: 11px;
    }
}
@media only screen and (max-width:480px) {
     ul.event_detail_list li 
     { 
       font-size: 9px; 
     }
     li.event_title h3 
     {  
        font-size: 14px;
     }
     .next-event.header-line h4 
     {
       margin: 14px 0px;
       font-size: 12px; width: 100%; padding: 0px;
      }
     .contact-sec, .gallery-sec
     {    
        margin-top: 10px;
        padding-top: 24px;
     }
    .form-title h1 
    {
       font-size: 32px;
       line-height: 32px;
    }
    .scrool-more {
        left: 33%;
    }
    .solution-con {
        width: 100%;
    }
    .banner-section {
        min-height: 170px;
    }
    .member_desc {
        width: auto;
    }
    .member_image {
        width: auto;
        height: auto;
    }
    .environmental img {
        margin-bottom: 0;
    }
    span.mem_name, span.mem_work {
        font-size: 12px;
    }
    .map-sec iframe {
        height: 300px;
    }
    /* Samagams Page */
    .next-event h4 {
       margin: 13px 0px;
       font-size: 11px;
       width: 25%;
       padding: 24px 0;
    }
    .latest_samagam .event-time
    {
        width: 75%; padding-left: 15px;
    }
    .next-event span {
       padding: 20px 10px 15px 8px;
       font-size: 11px;
       width: 68px;
       height:68px;
    }
    .samagams .event_date {
       float: left;
       width: auto;
    }
    .samagams .event_date span {
       padding: 7px 7px;
    }
    .samagams .event_detail {
       width: auto;
       padding: 10px 0;
    }
    .samagams ul.event_detail_list li, .samagams ul.event_detail_list li.event_title, .samagams ul.event_detail_list li.event_day_tym, .samagams 
     ul.event_detail_list li.event_location {
        width: 100% !important;
    }
    .samagams ul.event_detail_list li {
        padding: 7px 15px 7px 22px;
        font-size: 14px;
     }
     .samagams li.event_title h3 {
       font-size: 18px;
     }
     .samagams li.event_day_tym, li.event_location
     { 
         border-left:none;
     }
}
@media only screen and (max-width:360px) {
   .media_bar 
   {
     float: right;
   }
   .next-event.header-line h4
   {font-size:13px; padding: 0px;}
   .event_date 
   {
      width: auto;
   } 
   .event_detail 
   {
       width: auto;
    }
    ul.event_detail_list li, ul.event_detail_list li.event_title,ul.event_detail_list li.event_day_tym, ul.event_detail_list li.event_location
   {   
     width: 100% !important;
   }
   ul.event_detail_list li
   {
    padding: 7px 15px 7px 22px; font-size: 14px;
   }
   li.event_title h3 {
    font-size: 18px;
   }
    li.event_day_tym, li.event_location
   {
      border-left: none;
   }
   .aera-managment a
   {
     margin-right: 15px;
   }
   .scrool-more {
        left: 27%;
    }
    .solution-block p {
        bottom: 8%;
        right: auto;
        left: auto;
        font-size: 16px;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
    }
    .solution-block2 p, .solution-block4 p {
        bottom: 8%;
    }
    .industry {
        position: relative;
    }
    .geosynthetics {
        text-align: center;
    }
    .for-lower-desk {
        display: none;
    }
    .for-lower-mobile {
        display: block;
    }
    a.client-arr.right, a.client-arr.left {
        bottom: 172px;
    }
    .geosynthetics a {
        left: -27%;
        margin-bottom: 12px;
        position: relative;
        margin-top: 15px;
    }
    ul.social-list li a {
        font-size: 11px;
    }
    .banner-section {
        min-height: 130px;
    }
    .envir-con h1 {
        font-size: 22px;
        padding: 0;
    }
    .our-core-sec h1 
    {
       font-size: 25px;
       line-height: 29px;
    }
    /* Samagams Page */
    .next-event span
    {
        margin: 0 0px 5px 0;
    }
}