body {
    font-size: 16px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    color: #333333;
}

a {
    color: #fff;
    text-decoration: none;

}

a:hover,
a:focus {
    text-decoration: underline;
    color: #243241;
}

img {
    max-width: 100%;
    height: auto;
}

.form-control::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: inherit;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.form-control:focus,
.form-control:active,
.form-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.2;
}


h1,
.h1{font-size: 37px;font-family: 'Lato', sans-serif;font-weight: 300;}

h2,
.h2 {
    font-size: 50px;
    font-family: 'Lato', sans-serif; font-weight: 100;
}

h3,
.h3 {
    font-size: 37px;font-family: 'Lato', sans-serif;font-weight: 300;
}

h4,
.h4 {
   font-size: 37px;font-family: 'Lato', sans-serif;font-weight: 100;
}

h5,
.h5 {
font-family: 'Lato', sans-serif; font-weight: 100;color: #2f9bc6;font-size: 29px;
}

h6,
.h6 {
    font-size: 21px;
    margin: 0;
    color: #2ea4c4;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.btn-blue a{
    font-size: 16px;
    padding: 13px 40px 13px 40px;
    color: #ffffff !important;
    background-color: #2ea4c4;
    border-radius: 0;
    display: inline-block;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.btn-blue a:hover{
    color: #fff;
    background-color: #1a1a1a;
    text-decoration: none;
}

.btn-black a{
    font-size: 16px;
    padding: 12px 40px 12px 40px;
    color: #ffffff;
    background-color: #1a1a1a;
    border-radius: 0;
    display: inline-block;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.btn-black a:hover{
    padding: 11px 39px 11px 39px;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    background-color: transparent;
    text-decoration: none;
}
blockquote {
    background: #ecf0f3;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 30px solid #ec272d;
    border-right: 5px solid #ec272d;
    font-weight: bold;
}

.blog-single-details p:first-child{
    font-size: 21px;
    margin: 0;
    color: #2ea4c4;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

/*------------------ HEADER AND NAVIGATION -----------------*/
.top-section{}
.top-contact-info{ background: #212121; text-align: center; padding: 10px 0;}
.top-contact-info p{margin: 0;}
.top-contact-info .address{color:#fff; font-size: 14px;}

#samplemenu.sticky{ /* give all styles an !important suffix */
	position: fixed !important;
	top: 0 !important;
	background:#3e3e40;
	z-index: 9;
    width: 100%;
    display: block;
    min-height: 129px;
}

#relativepos-clone.sticky{
	position: fixed !important;
	top: 0 !important;
}
.top-contact-info a{color:#2ea4c4;}
.top-contact-info a:hover{text-decoration: none;}
.fix-top-section{ position:absolute;  z-index: 999; width: 100%;  left: 0px;}
.fix-top-section:after{border-bottom: 1px solid #8b8b8b; content: ""; display: block;margin-top: -8px;}
.sticky.fix-top-section:after{margin-top: 0px !important; border-bottom: 1px solid #8b8b8b; content: ""; display: block;}
.navbar-brand{padding: 0px;margin-bottom: 10px;line-height: inherit;} 
.navbar{ margin-bottom: 0px;margin-top: 18px;}
#home_banner .item{height: 550px;background-size: cover; background-repeat: no-repeat; background-position-y: bottom;}
.banner-title{position: absolute;top: 55%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: table;}
.banner-title h2{color: #fff;font-family: 'Lato', sans-serif;text-transform: uppercase;font-size: 47px; font-weight: 100;}


.banner-title h1{color: #fff;font-family: 'Lato', sans-serif;font-size: 47px; font-weight: 100;}
.banner-title h1 {color: #fff;font-family: 'Lato', sans-serif;text-transform: uppercase;font-size: 47px;
font-weight: 100;}
.banner-title h6{font-size: 16px;margin-bottom: 30px;color: #fff;font-weight: 200;line-height: 26px;}

.inner-page-banner{ display: block; position: relative;}
.inner-page-banner:before{ width: 100%; background-color: rgba(0,0,0, 0.7); content: ''; position: absolute;top:0; left:0;z-index: 1; height: 300px;}

.inner-page-banner .inner-item{min-height: 300px; background-size:cover; position: relative; background-position:center;}
.inner-page-banner .banner-title{position:relative;left: 0;-webkit-transform: none;transform: none;    margin-top: 140px; z-index: 2;}
.inner-page-banner .banner-title h2{text-transform: none; }
.inner-page-banner .banner-title h1{text-transform: none; }
.top-tab{ display: block;}
.top-tab ul{ margin: 0; padding: 0;}

.top-tab ul li{display: inline-block; margin: 0;padding: 0; text-align: center;border-right: 1px solid #fff;background-color: #2ea4c4}
.top-tab ul li:last-child{ border-right: 0px;}
.top-tab ul li.tab-icon-1{background-image: url(images/tab-icon-1.png);background-position: 130px;
background-repeat: no-repeat;}
.top-tab ul li.tab-icon-2{background-image: url(images/tab-icon-2.png);background-position: 100px;
background-repeat: no-repeat; }
.top-tab ul li.tab-icon-3{background-image: url(images/tab-icon-3.png);background-position: 75px;
background-repeat: no-repeat;}
.top-tab ul li a{display: block;padding: 59px 0 59px 90px;font-size: 21px;  font-family: 'Poppins', sans-serif;font-weight: 300; color: #fff;}
.top-tab ul li a:hover{text-decoration:none;}

.top-tab ul li.tab-icon-1:hover{background-image: url(images/tab-icon-1.png);background-position: 130px;
background-repeat: no-repeat; background-color: #1a1a1a; color: #fff; text-decoration: none; }
.top-tab ul li.tab-icon-2:hover{background-image: url(images/tab-icon-2.png);background-position: 100px;
background-repeat: no-repeat;  background-color: #1a1a1a; color: #fff; text-decoration: none;}
.top-tab ul li.tab-icon-3:hover{background-image: url(images/tab-icon-3.png);background-position: 75px;
background-repeat: no-repeat; background-color: #1a1a1a; color: #fff; text-decoration: none;}


.our-story h1 {font-weight: 300;margin-bottom: 40px; text-align: center; margin-top: 20px;} 
.our-story p{margin-bottom: 70px;}
.why-chose-bg{background-image: url(images/why-chose-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; display: block;clear: both;padding: 130px 100px;}
.about-content{background: rgba(26,26,26,0.9); width: 60%;padding: 50px 50px;}
.about-content h3{font-family: 'Lato', sans-serif; font-size: 37px; color: #fff; font-weight: 400; text-transform: uppercase;margin-bottom: 20px;}
.about-content h4{ color: #fff;font-weight: 100;    margin-bottom: 18px;}
.about-content p{ color: #fff; font-weight: 200;padding-right: 40px;}
.key-service{ background-image: url(images/key-service-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.key-service h3{ color: #1a1a1a; margin-bottom: 75px;margin-top: 110px; text-align: center;}
.services-listing ul{ margin: 0 ; padding: 0;}
.services-listing ul li{ list-style-type: none;margin-bottom: 80px;}
.services-listing ul li img{ display: block;margin: 0 auto;}
.services-listing ul li span{font-family: 'Lato', sans-serif; font-size:28px; color: #1a1a1a; font-weight: 400;    margin-top: 25px; display: block;}
.services-listing ul li span:after{width: 25%; margin:16px auto; background-color: #2ea4c4; content: ''; height: 3px;display: block;}
/*.services-listing ul li span:hover{ color: #2ea4c4; text-decoration: none;}*/
.services-listing ul li p{ font-family: 'Poppins', sans-serif;    margin-top: 20px;}
.qoute-section{ background-color: #2ea4c4; padding: 70px 60px;}
.qoute-section h3{font-size: 38px;color: #fff;font-weight: 500;font-family: 'Lato', sans-serif;width: 55%;
display: table;line-height: 34px;}
.qoute-section p{color: #fff;font-weight: 100; font-family: 'Poppins', sans-serif;      margin-bottom: 30px;}
.right-col-img{ position: relative;}
.right-col-img img{ position: absolute; right:0;top: 12px;-webkit-transform: translate(26%, -85%); transform: translate(26%, -85%);}
     
.latest-project-section{margin: 100px 0px 80px 0;}
.latest-project-section h3{text-align: center;margin-bottom: 57px;}
.latest-project-section #project-carousel,.latest-project-section #project-carousel1,.latest-project-section #project-carousel2,.latest-project-section #project-carousel3,.latest-project-section #project-carousel4,.latest-project-section #project-carousel5{ position: relative;}

.latest-project-section #project-carousel .owl-item .col-1,.latest-project-section #project-carousel1 .owl-item .col-1,.latest-project-section #project-carousel2 .owl-item .col-1,.latest-project-section #project-carousel3 .owl-item .col-1,.latest-project-section #project-carousel4 .owl-item .col-1,.latest-project-section #project-carousel5 .owl-item .col-1{float: left;margin-right: 10px;height: 568px;width: 372px;}
.latest-project-section #project-carousel .owl-item .col-1 img, .latest-project-section #project-carousel2 .owl-item .col-1 img, .latest-project-section #project-carousel2 .owl-item .col-1 img, .latest-project-section #project-carousel3 .owl-item .col-1 img, .latest-project-section #project-carousel4 .owl-item .col-1 img, .latest-project-section #project-carousel5 .owl-item .col-1 img{width: 100%; height: 100%;}

.latest-project-section #project-carousel .owl-item .col-2, .latest-project-section #project-carousel1 .owl-item .col-2, .latest-project-section #project-carousel2 .owl-item .col-2, .latest-project-section #project-carousel3 .owl-item .col-2, .latest-project-section #project-carousel4 .owl-item .col-2, .latest-project-section #project-carousel5 .owl-item .col-2{float: left;margin-right: 10px;margin-bottom: 15px; width: 372px;height: 276px;}

.latest-project-section #project-carousel .owl-item .col-3, .latest-project-section #project-carousel1 .owl-item .col-3, .latest-project-section #project-carousel2 .owl-item .col-3, .latest-project-section #project-carousel3 .owl-item .col-3, .latest-project-section #project-carousel4 .owl-item .col-3, .latest-project-section #project-carousel5 .owl-item .col-3{float: left;margin-bottom: 15px; width: 372px; height:276px;}
.latest-project-section #project-carousel .owl-item .col-4, .latest-project-section #project-carousel1 .owl-item .col-4, .latest-project-section #project-carousel2 .owl-item .col-4, .latest-project-section #project-carousel3 .owl-item .col-4, .latest-project-section #project-carousel4 .owl-item .col-4, .latest-project-section #project-carousel5 .owl-item .col-4{float: left;margin-right:10px;width: 372px;height: 276px;}
.latest-project-section #project-carousel .owl-item .col-5, .latest-project-section #project-carousel1 .owl-item .col-5, .latest-project-section #project-carousel2 .owl-item .col-5{float: left;width: 372px;height: 276px;}
.owl-carousel .owl-item img{ height: 100%;}
.latest-project-section #project-carousel .owl-next, .latest-project-section #project-carousel1 .owl-next, .latest-project-section #project-carousel2 .owl-next, .latest-project-section #project-carousel3 .owl-next, .latest-project-section #project-carousel4 .owl-next, .latest-project-section #project-carousel5 .owl-next{position: absolute;top:300px;left: -6%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px 20px 20px 22px;border: 1px solid #000; font-size: 0;
background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-position: center;}
.latest-project-section #project-carousel .owl-prev, .latest-project-section #project-carousel1 .owl-prev, .latest-project-section #project-carousel2 .owl-prev, .latest-project-section #project-carousel3 .owl-prev, .latest-project-section #project-carousel4 .owl-prev, .latest-project-section #project-carousel5 .owl-prev{position: absolute;top:300px;right: -9%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px 20px 20px 22px;border: 1px solid #000; font-size: 0;
background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-position: center;
}
.latest-blog{ position: relative;}
.latest-blog .no-space{ padding: 0; margin: 0;}
.latest-blog .bdr{ border-top: 1px solid #a1a1a1;}
.latest-blog .latest-blog-details{ padding-top: 80px;}
.latest-blog .latest-blog-details h3{ margin: 0;line-height: normal;padding: 0;margin-top: -10px; margin-bottom: 10px;}
#blog-carousel {position: relative;}
#blog-carousel a{ color: #000;}
#blog-carousel .blog-box-left{width:275px; float: left; border: 1px solid #c9c9c9;margin-right:15px;}
#blog-carousel .blog-box-left img{height: 165px;}
.no-mrg-r{ margin-right:0px !important; }

#blog-carousel .blog-box-left ul{ margin: 0px; padding:22px 12px 18px 18px;}
#blog-carousel .blog-box-left ul li{list-style-type: none;margin-bottom: 18px;font-size: 17px;}
#blog-carousel .blog-box-left ul li span{ display: table;}
#blog-carousel .blog-box-left ul li:hover span{color: #2ea4c4;}
#blog-carousel .blog-box-left ul li p{font-size: 14px;color: #8d8d8d;}
#blog-carousel .blog-box-left ul li.date{font-size: 17px;font-weight:300;margin-bottom: 7px;}
#blog-carousel .blog-box-left .box-footer{ border-top: 1px solid #c9c9c9;}
#blog-carousel .blog-box-left .box-footer p{float: left;padding: 20px 20px 4px;color: #8d8d8d; font-weight: 300; font-size: 14px;}
#blog-carousel .blog-box-left .box-footer span{float: right;padding: 20px 20px 0;color: #8d8d8d;}


#blog-carousel .owl-next{position: absolute;top:190px;left: -31%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px 20px 20px 22px;border: 1px solid #000; font-size: 0;
background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-position: center;}
#blog-carousel .owl-prev{position: absolute;top:190px;left:-23%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px 20px 20px 22px;border: 1px solid #000; font-size: 0;
background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-position: center;
}

.client-logo-section{ display: block;background: #ececec; padding: 55px 0; position: relative;}
.home .client-logo-section {
    margin-top: 20px;
}
.client-logo-section .owl-next{position: absolute;top:50%;left: -6%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px 20px 20px 22px;border: 1px solid #000; font-size: 0;
background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-position: center;}
.client-logo-section .owl-prev{position: absolute;top:50%;right: -10%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px 20px 20px 22px;border: 1px solid #000; font-size: 0;
background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-position: center;
}


.main-banner {
    background: #c5cbd2;
}

.main-banner .item {
    background-color: #c5cbd2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 100%;
    width: 100%;
}

.main-banner .item .container {
    min-height: 544px;
    position: relative;
    max-width: 1170px;
}

.main-banner .item .container .caption {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 500px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-banner .item .container .caption {
    font-size: 20px;
}

.main-banner .item .container .caption h4 {
    font-family: 'Oswald', Arial, sans-serif;
    font-weight: 300;
    font-size: 36px;
    margin: 0 0 5px;
}

.main-banner .item .container .caption h1 {
    font-family: 'Oswald', Arial, sans-serif;
    font-weight: 600;
    font-size: 54px;
    margin: 0 0 30px;
}

.main-banner .our-network {
    padding: 28px 0;
    background: #243241;
    color: #fff;
    font-family: 'Hind', Arial, sans-serif;
    font-weight: 600;
}

.main-banner .our-network a {
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
}

.main-banner .our-network a span {
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
}

.main-banner .our-network a i {
    font-size: 28px;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 10px;
}

.main-banner .our-network p {
    margin: 0;
}

.main-banner .owl-dots {
    position: absolute;
    right: 0;
    bottom: -60px;
    z-index: 1;
}

.main-banner .owl-dots .owl-dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    border: 2px solid #4b5764;
    margin-left: 8px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.main-banner .owl-dots .owl-dot:hover,
.main-banner .owl-dots .owl-dot:focus,
.main-banner .owl-dots .owl-dot.active {
    border-color: #bec5cc;
    background: #bec5cc;
}

/*------------------ ABOUT US -----------------*/

.about-us{ text-align: center;}
.about-us h1{margin-bottom: 40px;margin-top: 20px;}
.about-profile{margin-top: 80px;}
.team-member{display: block;text-align: center; border-top:1px solid #b9b9b9;    margin-top: 70px; }
.team-member h1 {margin-top: 55px;margin-bottom: 40px;}
.team-member-listing{ display: block;position: relative;}
.team-title{margin-bottom: 20px;}
.team-box{min-height: 380px;}
.team-member-listing .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;background-color:rgba(0,0,0, 0.8);
}
.team-member-listing:hover .overlay {opacity: 1;}
.team-member-listing .profile-text {color: white;font-size: 14px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); width: 80%; text-align: left; font-weight:200}
.team-title .name {margin-top: 20px; margin-bottom: 0;}
.team-title .position {margin-top: 20px; color: #989898; font-size: 12px;}

/*------------------ SYSTEMS -----------------*/
.systems{margin-top: 60px; margin-bottom: 70px;}
.systems h2{ color:#2ea4c4;font-weight: 400; text-transform: uppercase; text-align: center; position: relative;margin-bottom: 50px;}
.systems h2 span{font-weight: 100;margin-top: -15px;display:block;}
.systems h2:before {content: "";display: block;position: absolute;width: 18%;left: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top: 50%;}
.systems h2:after {content: "";display: block;position: absolute;width: 18%;right: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top: 50%;}
.txt-content{width: 95%; margin: auto; }
.txt-content a{color: #2ea4c4; text-decoration: none;    font-weight: 500;}
.txt-content a:hover{text-decoration: underline;}

.systems h3{margin-top: 95px;color:#2ea4c4;text-transform: uppercase; text-align: center; position: relative;}
.systems h3 span{font-weight: 100;display:block; color: #737373; font-size: 22px;text-transform:none;}
.systems h3:before {content: "";display: block;position: absolute;width: 18%;left: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top: 50%;}
.systems h3:after {content: "";display: block;position: absolute;width: 18%;right: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top: 50%;}

.systems-content{padding: 140px 0;}
.systems-content.bg-1{background-size: cover; height: auto;}
/*
.systems-content.bg-2{background-image: url(images/systems-bg-2.jpg); background-size: cover; height: 563px;}
.systems-content.bg-3{background-image: url(images/systems-bg-3.jpg); background-size: cover; height: 563px;    margin-bottom: -80px;}
*/
.systems-content h2{ color: #fff; text-transform: uppercase; margin: 0;line-height: 0.9;}
.systems-content p{ color: #fff;margin-bottom: 40px;margin-top: 40px;font-size: 18px; }


/*------------------ SYSTEMS DETAILS-----------------*/
.systems-details{margin-top: 60px;margin-bottom: 50px;}
.systems-details h5{ line-height: 0.9; font-weight: normal; text-transform: uppercase; text-align: center;margin-bottom: 40px;} 
.systems-details h5:before {content: "";display: block;position: absolute;width: 18%;left: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:10%;}
.systems-details h5:after {content: "";display: block;position: absolute;width: 18%;right: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:10%;}
.systems-details-bg{background-image: url(images/systems-detail-bg-1.jpg); background-size: cover; height: 563px;}
.systems-details p{ margin-bottom: 22px; text-align: left;}
.systems-details h6{text-align: left;margin-bottom: 30px;}
.content-title {margin-top: 60px;}
.content-title h6{text-align: left;margin-bottom: 30px; font-size: 28px;    margin-top: 20px;}
.content-title p{}
.content-title ul{margin-top: 30px;padding-left: 20px;}

/*------------------ CONTACT US -----------------*/

.contact-us{ margin-top: 85px;}
.contact-us h1{margin-top: 0px;margin-bottom:20px;}

.about-profile{margin-top: 80px;}
.contact-us .location{ padding-left: 10px; margin-bottom: 20px;}
.contact-us .location-map{ padding-left: 10px;margin-top: 28px;}

.contact-us form{ margin-top: 40px;}
.contact-us .form-group {margin-bottom: 25px;}
.contact-us input.form-control{height: 50px;border-color: #a3a3a3; font-size: 16px; color: #8a8a8a;}
.contact-us textarea.form-control{border-color: #a3a3a3; padding-top: 12px;font-size: 16px; color: #8a8a8a;}
.contact-us .input-left{ width: 48%; float: left;}
.contact-us .input-right{ width: 49%; float: right;}

.wpcf7-form-control-wrap input[type="text"]{ width: 100%; padding: 10px;margin-bottom: 30px;}
.wpcf7-form-control-wrap input[type="tel"]{width: 48%;padding: 10px; margin-right: 21px; margin-bottom: 30px; float: left;}
.wpcf7-form-control-wrap input[type="email"]{ width: 48%; padding: 10px; margin-bottom: 30px;float: right;}
.wpcf7-form input[type="submit"]{font-size: 16px;padding: 13px 40px 13px 40px;color: #ffffff;
background-color: #2ea4c4;border-radius: 0;display: inline-block;font-weight: 300; border: 0;
font-family: 'Poppins', sans-serif;letter-spacing: 1px;text-transform: uppercase; margin-top: 10px;}
.wpcf7-form input[type="submit"]:hover{color: #fff;background-color: #1a1a1a;text-decoration: none;}

.name span{position: absolute;top: 38px;}
.phone span{position: absolute;right: 0;width: 260px;bottom: -118px;}
.email span{position: absolute;bottom: -118px;width: 260px;}
.wpcf7-form-control-wrap textarea { width:100%;}
.office-address a{color:#2d9dbc;}
/*------------------ BLOG PAGE -----------------*/

.blog .content-area{ margin-top: 90px;}
.blog .blog-box-left {border: 1px solid #c9c9c9;    float: left;margin-bottom: 30px;}
.blog .blog-box-left img{width: 100%;height: 230px;}

.blog .blog-box-left ul {margin: 0px;padding: 18px 18px 18px 12px;}
.blog .blog-box-left ul li {list-style-type: none; margin-bottom: 15px;}
.blog .blog-box-left ul li.date {font-size: 17px;font-weight: 300;}
.blog .blog-box-left .box-footer {border-top: 1px solid #c9c9c9;}
.blog .blog-box-left .box-footer {border-top: 1px solid #c9c9c9;}
.blog .blog-box-left .box-footer p {float: left;padding: 20px 10px 4px;color: #8d8d8d;font-size: 14px;
    font-weight: 300;}
.blog .blog-box-left .box-footer span {float: right;padding: 20px 20px 0;color: #8d8d8d;}
.blog .blog-box-left .entry-header{ display: block;}
.blog .blog-box-left .entry-header h2{line-height: 0.2; margin-top: -30px;font-weight: 400; font-family: 'Poppins', sans-serif;padding: 0 0 0px 10px;}
.blog .blog-box-left .entry-header .entry-title a{color: #000; font-size: 18px;line-height: 0.9;}
.blog .blog-box-left .entry-header .entry-title a:hover{color: #2ea4c4; text-decoration: none;}
.blog .blog-box-left .entry-content p{color: #8d8d8d;  font-size: 14px;font-family: 'Poppins', sans-serif;    padding: 10px;}
.bdr-blog{border-bottom: 1px solid #c8c8c8;display: block;float: left;width: 100%;margin-bottom: 30px;padding-bottom: 30px;margin-top: 30px;}
.bdr-blog {font-weight: bold;    text-transform: uppercase;}
.bdr-blog a{ color: #333333; font-weight: normal; text-transform: capitalize;}

.content-area{ margin-top: 70px;margin-bottom:80px; }

/*------------------ FOOTER SECTION -----------------*/

.site-footer {
    background-image: url(images/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;
    color: #fff;
    
}

.site-footer .footer-meta {
    padding:70px 0;
}
.site-footer .footer-meta .address{
     margin-top: 35px; 
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}

.site-footer .footer-meta .address p{margin-bottom:25px;line-height: 30px;}
.site-footer .footer-meta .address span{line-height: 30px; display: block;}
.site-footer .footer-meta .address a{ color: #2d9dbc; font-weight: 300;}

.site-footer .footer-meta .news-letter{margin-top: 32px;}

.site-footer .footer-meta .news-letter h5{position: relative;}
.site-footer .footer-meta .news-letter h5:after{background: #444444; content: ''; display: block;bottom: -28px; position: absolute; width: 200px;height: 1px;bottom: -28px;}
.site-footer .footer-meta .news-letter .input-group{ margin-top: 60px}
.site-footer .footer-meta .news-letter .input-group input[type="text"]{
background: transparent;border: 1px solid #4b4b4b;padding: 25px 15px; color: #fff;    font-weight: 200;}
.site-footer .footer-meta .news-letter .input-group .btn-send{background: #2f9bc6; color: #fff;    border-radius: 0;border: 0;    padding: 15px 25px;text-transform: uppercase;font-size: 16px;font-weight: 200;}

.site-footer .footer-meta .news-letter p{font-weight: 200;font-size: 14px; margin-top: 10px;}
.site-footer .footer-meta .news-letter .news-letter-area{display: block;margin-top: 60px;}
.site-footer .footer-meta .news-letter .news-letter-area .email span{bottom:-84px;}
.site-footer .footer-meta .news-letter .news-letter-area .wpcf7-validation-errors{border: 2px solid #2ea4c4}
.site-footer .footer-meta .news-letter .news-letter-area input[type="email"]{width: 70%; float: left;border: 1px solid #ccc;
 background: transparent;height: 44px;}
.site-footer .footer-meta .news-letter .news-letter-area input[type="submit"]{width: 30%; float: left;margin: 0;
    padding: 10px 0;height: 44px;}




.site-footer .footer-meta .social-media{margin-top: -26px;}
.site-footer .footer-meta .social-media h5{position: relative;}
.site-footer .footer-meta .social-media h5:after{background: #444444; content: ''; display: block;bottom: -28px; position: absolute; width: 200px;height: 1px;bottom: -28px;}
.site-footer .footer-meta .social-media .socical-icon-list{ display: block; margin-top: 50px;}
.site-footer .footer-meta .social-media .socical-icon-list ul{ margin-top: 50px; padding: 0;}
.site-footer .footer-meta .social-media .socical-icon-list ul li{list-style-type: none;margin-right: 8px;
display: inline-block;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-fb-icon{background-image: url(images/f-fb-icon.jpg); background-repeat: no-repeat;width: 44px;float: left;height: 43px; font-size: 0;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-fb-icon:hover{ background-position: 0 -44px;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-tw-icon{background-image: url(images/f-tw-icon.jpg); background-repeat: no-repeat; width: 44px;float: left;height: 43px;font-size: 0;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-tw-icon:hover{ background-position: 0 -44px;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-insta-icon{background-image: url(images/f-insta-icon.jpg); background-repeat: no-repeat; width: 44px;float: left;height: 43px;font-size: 0;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-insta-icon:hover{background-position: 0 -44px;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-in-icon{background-image: url(images/f-in-icon.jpg); background-repeat: no-repeat; width: 44px;float: left;height: 43px;font-size: 0;}
.site-footer .footer-meta .social-media .socical-icon-list ul li a.f-in-icon:hover{background-position: 0 -43px;}

.site-footer .footer-meta .case-studies{margin-top: 32px;font-family: 'Poppins', sans-serif;padding-left: 80px;}
.site-footer .footer-meta .case-studies h5{position: relative;}
.site-footer .footer-meta .case-studies h5:after{background: #444444; content: ''; display: block;bottom: -28px; position: absolute; width: 200px;height: 1px;bottom: -28px;}
.site-footer .footer-meta .case-studies .case-study-listing ul{ margin:0; padding:0;}
.site-footer .footer-meta .case-studies .case-study-listing { margin-top: 54px;}
.site-footer .footer-meta .case-studies .case-study-listing ul li{list-style-type: none;display:block;}
.site-footer .footer-meta .case-studies .case-study-listing ul li a{ font-size: 16px; font-weight: 200;    font-family: 'Poppins', sans-serif;line-height: 30px;}
.site-footer .footer-meta .case-studies .case-study-listing ul li a:hover{ color: #fff; text-decoration: none;}
.f-no-space{ margin: 0px; padding: 0px;}

.site-footer .footer-copyright{ background-color:#111111;padding: 20px 0; }
.site-footer .footer-copyright p{margin: 0px;font-family: 'Poppins', sans-serif;font-weight: 200;}
.site-footer .footer-copyright span{padding-top: 15px;display: table;} 
.site-footer .footer-copyright span a{color: #f10202;} 

.site-footer .footer-menu .menu {
    list-style: none;
    margin: 0;
    padding: 0 0 25px 0;
    font-size: 17px;
    font-weight: 300;
}

.site-footer .footer-menu .menu li {
    display: inline-block;
    border-right: 1px solid #52657c;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 17px;
}

.site-footer .footer-menu .menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.site-footer .footer-menu .menu li a {
    color: #fff;
    text-decoration: none;
}

.site-footer .footer-menu .menu li a:hover,
.site-footer .footer-menu .menu li a:focus {
    color: #ec272d;
}

.site-footer .footer-copy {
    background: #586c84;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 0;
    line-height: 20px;
}

.site-footer .footer-copy p {
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.site-footer .footer-social {
    float: right;
    min-width: 130px;
}

.site-footer .footer-social h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Oswald', Arial, sans-serif;
    border-bottom: 1px solid #3a4754;
    padding-bottom: 8px;
}

.site-footer .footer-social ul {
    font-size: 26px;
    line-height: 26px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer .footer-social ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.site-footer .footer-social ul li:last-child {
    margin-right: 0;
}

.site-footer .footer-social ul li a {
    color: #fff;
}

.share-left{ float: left;}
.ssba {float: left;margin-top: -5px;margin-left: 10px;}

.comment-form-url{ display: none;}
.comment-form-comment label{ display: none;}
.comment-form-author label{ display: none;}
.comment-form-author {float: left;width: 49%;margin-right: 20px;}
.comment-form-author input{width: 100%;border: 1px solid #a3a3a3;    padding: 10px;}
.comment-form-email label{ display: none;}
.comment-form-email{float: left;width: 49.2%;}
.comment-form-email input{width: 100%;border: 1px solid #a3a3a3;    padding: 10px;}

.comment-form-comment textarea{width:100%; border: 1px solid #a3a3a3;    margin-bottom: 5px;}

.comment-form .form-submit [type="submit"]{font-size: 16px;padding: 13px 40px 13px 40px;color: #ffffff;background-color: #2ea4c4;border-radius: 0;display: inline-block;font-weight: 300;border: 0;font-family: 'Poppins', sans-serif;letter-spacing: 1px;text-transform: uppercase;margin-top: 10px;
}
.comment-form .form-submit [type="submit"]:hover{color: #fff;background-color: #1a1a1a;text-decoration: none;}

.widget_text .widget-title{position: relative;font-family: 'Lato', sans-serif;font-weight: 100;color: #2f9bc6;font-size: 29px;}
.widget_text .widget-title:after{background: #444444;content: '';display: block;position: absolute;
width: 200px;height: 1px;bottom: -28px;}

.widget_nav_menu{padding-left: 80px;}
.widget_nav_menu .widget-title{position: relative;font-family: 'Lato', sans-serif;font-weight: 100;color: #2f9bc6;font-size: 29px;}
.widget_nav_menu .widget-title:after{background: #444444;content: '';display: block;position: absolute;
width: 200px;height: 1px;bottom: -28px;}

.widget_nav_menu .menu{ margin-top: 50px;padding: 0;}
.widget_nav_menu .menu li{list-style-type: none;}
.widget_nav_menu .menu li a{font-weight: 200;}
.widget_nav_menu .menu li a:hover{text-decoration: none; color: #2e9bb9;}

.fancybox.image {-webkit-box-shadow: 10px 8px 15px #c6c6c6;box-shadow: 10px 8px 15px #c6c6c6;float: left;margin-right: 30px;border: 5px solid #e6e6e6;    margin-top: 30px;}

.wp-pagenavi span.current {
    border-color: #a3a3a3;
    padding: 9px 18px;
    font-size: 16px;
    font-weight: 300 !important;
    color: #969696;
    text-decoration: none;
        background: #efefef;
}

.wp-pagenavi {
    margin-top: 50px;
    float: left;
    margin-left: 15px;
}
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 9px 16px;
    margin: 2px;
     color: #969696;
}
.larger {
    border-color: #a3a3a3 !important;
    padding: 9px 18px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #969696;
    text-decoration: none !important;
}
.smaller {
    border-color: #a3a3a3 !important;
    padding: 9px 18px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #969696;
    text-decoration: none !important;
}

.previouspostslink{
    border-color: #a3a3a3 !important;
    padding: 9px 18px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #969696;
    text-decoration: none !important;
}

.nextpostslink{
    border-color: #a3a3a3 !important;
    padding: 9px 18px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #969696;
    text-decoration: none !important;
    
}

.error-404 {
    text-align: center;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 20px;
}

.error-404 h1 {
    font-size: 54px;
    color: #ec272e;
}

.error-404 a {
    color: #ec272e;
}
.safe-strike-space{ margin-top: -80px; margin-bottom: 120px;}
.safe-strike-space .latest-project-section {margin-bottom: -40px;}
.mobile-view{ display: none;}

.system-inner-data{margin-top: 70px;}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #fff;
    background-color: rgba(41, 186, 255, 0.8);
    font-size: 16px;
    padding: 8px 14px 8px 14px;
    display: none;
        z-index: 9;
}

.back-to-top:hover {    
   background-color: rgba(41, 186, 255, 0.8);
}
    
@media screen and (min-width: 1450px) {
    .banner-title {position: relative;left: 50%;
    -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: table;
}
}
@media screen and (min-width: 1700px) {
    .banner-title{top: 55%;  -webkit-transform: translate(-48%, -50%);  transform: translate(-48%, -50%);     width: 70%;}
       
    .banner-title h2 {font-size: 50px;}
    .banner-title h1 {font-size: 50px;}
    .banner-title h6 {font-size: 20px;}
    
}

@media screen and (min-width: 1800px) {
    .banner-title{width:66%;}
}

@media screen and (min-width: 1900px) {
    .banner-title{width:60%;}
}
@media screen and (min-width: 2100px) {
    .banner-title{width:56%;}
}
@media screen and (min-width: 2300px) {
    .banner-title{width:51%;}
}

@media screen and (min-width: 3100px) {
    .banner-title{width: 37%;}
    #home_banner .item {background-position: 0 -190px;}
}



@media screen and (max-width: 1500px) {
    .top-tab ul li.tab-icon-1{background-position: 110px;}
    .top-tab ul li.tab-icon-2{background-position: 75px;}
    .top-tab ul li.tab-icon-3{background-position: 55px;}
    .top-tab ul li.tab-icon-1:hover{background-position: 110px;}
    .top-tab ul li.tab-icon-2:hover{background-position: 75px;}
    .top-tab ul li.tab-icon-3:hover{background-position: 55px;}
    .right-col-img img{ right: 60px;}
 
}

@media screen and (max-width: 1380px) {
    .top-tab ul li.tab-icon-1 {background-position: 80px;}
    .top-tab ul li.tab-icon-2 {background-position: 50px;}
    .top-tab ul li.tab-icon-3 {background-position: 35px;}
    .top-tab ul li.tab-icon-1:hover {background-position: 80px;}
    .top-tab ul li.tab-icon-2:hover {background-position: 50px;}
    .top-tab ul li.tab-icon-3:hover {background-position: 35px;}
    
}

@media screen and (max-width: 1375px) {
    .right-col-img img{width: 50%;top: -30px;}
}

@media screen and (max-width: 1330px){
    .right-col-img img {right: 100px;}
    .latest-project-section #project-carousel .owl-next, .latest-project-section #project-carousel1 .owl-next, .latest-project-section #project-carousel2 .owl-next, .latest-project-section #project-carousel3 .owl-next, .latest-project-section #project-carousel4 .owl-next, .latest-project-section #project-carousel5 .owl-next{left: -3%;}
    .latest-project-section #project-carousel .owl-prev, .latest-project-section #project-carousel1 .owl-prev, .latest-project-section #project-carousel2 .owl-prev, .latest-project-section #project-carousel3 .owl-prev, .latest-project-section #project-carousel4 .owl-prev, .latest-project-section #project-carousel5 .owl-prev{right: -7%;}
    .client-logo-section .owl-next{left: -3%;}
    .client-logo-section .owl-prev{right: -7%;}
}

@media screen and (max-width: 1280px) {
    .right-col-img img {right: 14%;top: -30px;} 
    .qoute-section {padding: 70px 0px;}
    .top-tab ul li.tab-icon-1 {background-position: 60px;}
    .top-tab ul li.tab-icon-2 {background-position: 35px;}
    .top-tab ul li.tab-icon-3 {background-position: 20px;}
    .top-tab ul li.tab-icon-1:hover {background-position: 60px;}
    .top-tab ul li.tab-icon-2:hover {background-position: 35px;}
    .top-tab ul li.tab-icon-3:hover {background-position: 20px;}
    .about-content{width: 80%;}
}

@media screen and (max-width: 1260px) {
    .latest-project-section #project-carousel .owl-next, .latest-project-section #project-carousel1 .owl-next, .latest-project-section #project-carousel2 .owl-next, .latest-project-section #project-carousel3 .owl-next, .latest-project-section #project-carousel4 .owl-next, .latest-project-section #project-carousel5 .owl-next {left: 0%;}     
    .latest-project-section #project-carousel .owl-prev, .latest-project-section #project-carousel1 .owl-prev, .latest-project-section #project-carousel2 .owl-prev, .latest-project-section #project-carousel3 .owl-prev, .latest-project-section #project-carousel4 .owl-prev, .latest-project-section #project-carousel5 .owl-prev {right: -4%;}
    .client-logo-section .owl-next {left: 0%;}
    .client-logo-section .owl-prev {right: -4%;}
}

@media screen and (max-width:1199px) {
    #blog-carousel .blog-box-left {width: 215px;}
    #blog-carousel .blog-box-left ul li span{min-height: 103px;}
    #blog-carousel .blog-box-left .box-footer p{padding: 18px 15px 4px;font-size: 12px;}
    #blog-carousel .blog-box-left .box-footer span{padding: 16px 8px 0;}
    .top-tab ul li a{font-size: 18px;}
    .right-col-img img {right: 4%;top: -52px;}
    .banner-title{-webkit-transform: translate(-53%, -50%);transform: translate(-53%, -50%);}
    .wpcf7-form-control-wrap input[type="tel"]{margin-right: 17px;}
    .phone span{width: 211px;}
    .comment-form-author {float: left;width: 100%;margin-right: 0;}
    .comment-form-email {float: left;width: 100%;}
	#samplemenu.sticky {min-height: 201px;}
}

@media screen and (max-width:1080px) {
    .top-tab ul li a{font-size: 16px;}
    .right-col-img img {right:12%;width: 35%;}
     .banner-title{top: 62%;}
}
@media screen and (max-width:1024px) {

    #samplemenu.sticky {position: relative !important; background: none; min-height:inherit;}
    .menu > .menu-main-menu-container > ul li {padding: 15px 6px 29px 10px; float: left; width: 100%;}
    .menu > .menu-main-menu-container > ul li a{ font-size: 13px;}
   
    
   
}




@media screen and (max-width: 991px) {
    .fix-top-section .menu li.menu-item-has-children {
        position: relative;
        float: left;
    width: 100%;
    }
    .fix-top-section .menu li.menu-item-has-children .dd-toggle {
        position: relative;
        z-index: 10;
        display: block;
        cursor: pointer;
    }
    .fix-top-section .menu li.menu-item-has-children .dd-toggle:after {
            content: "\f107";
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
    top: -20px;
    color: #fff;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;


    }
    .fix-top-section .menu li.menu-item-has-children .dd-toggle.active:after {
    content: "\f106";
   
    }
    .surge-protection-page h5:before{ width: 5% !important;}
    .surge-protection-page h5:after{ width: 5% !important;}
    .fix-top-section:after{ display: none; position: relative !important;}

    .banner-title h2{font-size: 42px;}
    .qoute-section h4{ width: 100%;display: block;}
    .right-col-img img {position: relative;right: 0;top: 20px; width: 95%;-webkit-transform: inherit;transform: inherit;}
    .top-tab ul li.tab-icon-1 {background-position: 40px;}
    .top-tab ul li.tab-icon-2 {background-position: 25px;}
    .top-tab ul li.tab-icon-3 {background-position: 15px;}
    .top-tab ul li a{font-size: 12px;}
    .latest-project-section #project-carousel .col-1, .latest-project-section #project-carousel1 .col-1, .latest-project-section #project-carousel2 .col-1, .latest-project-section #project-carousel3 .col-1, .latest-project-section #project-carousel4 .col-1, .latest-project-section #project-carousel5 .col-1{width: 96%; margin-bottom: 20px;}
    .latest-project-section #project-carousel .col-2, .latest-project-section #project-carousel1 .col-2, .latest-project-section #project-carousel2 .col-2, .latest-project-section #project-carousel3 .col-2, .latest-project-section #project-carousel4 .col-2, .latest-project-section #project-carousel5 .col-2{width: 96%; margin-bottom: 20px;}
    .latest-project-section #project-carousel .col-3, .latest-project-section #project-carousel1 .col-3, .latest-project-section #project-carousel2 .col-3, .latest-project-section #project-carousel3 .col-3, .latest-project-section #project-carousel4 .col-3, .latest-project-section #project-carousel5 .col-3{width: 96%; margin-bottom: 20px;}
    .latest-project-section #project-carousel .col-4, .latest-project-section #project-carousel1 .col-4, .latest-project-section #project-carousel2 .col-4, .latest-project-section #project-carousel3 .col-4, .latest-project-section #project-carousel4 .col-4, .latest-project-section #project-carousel5 .col-4{width: 96%; margin-bottom: 20px;}
    .latest-project-section #project-carousel .col-5, .latest-project-section #project-carousel1 .col-5, .latest-project-section #project-carousel2 .col-5, .latest-project-section #project-carousel3 .col-5, .latest-project-section #project-carousel4 .col-5, .latest-project-section #project-carousel5 .col-5{width: 96%; margin-bottom: 20px;}
    .contact-us .location{ margin-top: 20px; padding: 0px;    margin-left: -15px;}
    .contact-us .location-map{ padding: 0px;    margin-left: -15px;}
    .about-content {width: 100%;}
    .left-logo{ text-align: left !important;}
    .systems h2:before{width: 8%;}
    .systems h2:after{width: 8%;}
    .wpcf7-form-control-wrap input[type="tel"]{width: 100%;margin-right: 0;}
    .wpcf7-form-control-wrap input[type="email"]{ width: 100%;}
    .widget_nav_menu {padding-left: 0;}
    .widget_nav_menu .menu{ float: left;}
    #logo-carousel .owl-nav {display: block;}
    #project-carousel .owl-nav, #project-carousel1 .owl-nav, #project-carousel2 .owl-nav, #project-carousel3 .owl-nav, #project-carousel4 .owl-nav, #project-carousel5 .owl-nav {display: none;}
    .phone span {width: 211px;bottom: -200px;right: auto;}
    .qoute-section h3{width: 100%;display: block;}
    .menu .menu-main-menu-container ul li ul, .menu .menu-main-menu-container ul li:hover ul {
    display: none;
    position: relative;
    width: calc(100% - 15px);
    margin-top: 16px !important;
    float: left;
    top: 0 !important;
    padding-left: 0;
    margin-bottom: 10px;
    border-top: 4px solid #2e9bb9;
    background-color: #1a1a1a;
    animation: fadeInFull 125ms ease 0s 1 forwards;
    -webkit-animation: fadeInFull 125ms ease 0s 1 forwards;
        padding-top: 5px;
    padding-bottom: 5px;
}
    .menu .menu-main-menu-container ul li:hover ul li a ,.menu .menu-main-menu-container ul li ul li a {
    font-size: 16px !important;
}
    .menu > .menu-main-menu-container > ul > li > ul li {
    padding: 5px 20px 5px 20px !important;
}
    .menu .menu-main-menu-container ul li.current-menu-item a:before {     top: 33px; }
}


@media screen and (max-width: 767px) {
    
    .inner-page-banner:before {height: 100%;}
    .surge-protection-page h5:before{ content: none !important;}
    .surge-protection-page h5:after{ content: none !important;}
    .lightning-protection-testing-page h5:before{content: none !important;}
    .lightning-protection-testing-page h5:after{content: none !important;}
    .safe-strike-ese-system-page h6:before{content: none !important;}
    .safe-strike-ese-system-page h6:after{content: none !important;}
    .systems-content h2 {font-size: 40px;}
	#samplemenu.sticky{position:relative !important; min-height: auto;}
    .top-contact-info .address span{display: block;}
    .latest-project-section {margin: 100px 0px 0px 0;}
    .desktop-view{ display: none;}
    .mobile-view{ display: block;}
    .latest-blog .latest-blog-details {padding-top: 40px;}
    #home_banner .item{height: 480px;background-size: cover;}
    .banner-title{ width: 85%;top: 50%;left: 52%;}
    .navbar-header{ display: none;}
    .navbar-toggle{ background: #fff; display: none;}
    .navbar-collapse{ background-color: #000;}
    .fix-top-section:after {display: none;}
    .banner-title h2{ font-size: 30px;}
    #blog-carousel .owl-prev{top: 44%;right: -22px;left: initial;     background-color: rgba(255, 255, 255, 0.5); border: 0;}
    #blog-carousel .owl-next{top: 44%;left: 22px;     background-color: rgba(255, 255, 255, 0.5); border: 0;}
    #project-carousel-mobile .owl-prev{
    position: absolute;
    top: 50%;
    right: -22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
            background-color: rgba(255, 255, 255, 0.5);
    }
    #project-carousel-mobile .owl-next{
    position: absolute;
    top: 50%;
    left: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: center;
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    .client-logo-section .owl-next{left:22px;     background-color: rgba(255, 255, 255, 0.5);}
    .client-logo-section .owl-prev{right: -22px;     background-color: rgba(255, 255, 255, 0.5);    background-color: rgba(255, 255, 255, 0.5);}
    
  #project-carousel-mobile1 .owl-prev{
    position: absolute;
    top: 50%;
    right: -22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
          background-color: rgba(255, 255, 255, 0.5);
    }
    #project-carousel-mobile1 .owl-next{
    position: absolute;
    top: 50%;
    left: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: center;
            background-color: rgba(255, 255, 255, 0.5);
    }
    
    #project-carousel-mobile2 .owl-prev{
    position: absolute;
    top: 50%;
    right: -22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
            background-color: rgba(255, 255, 255, 0.5);
    }
    #project-carousel-mobile2 .owl-next{
    position: absolute;
    top: 50%;
    left: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: center;
            background-color: rgba(255, 255, 255, 0.5);
    }
    
    #project-carousel-mobile3 .owl-prev{
    position: absolute;
    top: 50%;
    right: -22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
            background-color: rgba(255, 255, 255, 0.5);
    }
    #project-carousel-mobile3 .owl-next{
    position: absolute;
    top: 50%;
    left: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 22px;
    border: 1px solid #000;
    font-size: 0;
    background-image: url(/wp-content/themes/lighting-strike/images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: center;
            background-color: rgba(255, 255, 255, 0.5);
    }
    
/*    .owl-nav {display: none;}*/
    .top-tab ul li{ text-align: left;margin-bottom: 1px; border-right: 0px;}
    .top-tab ul li a{padding: 59px 0 59px 160px;font-size: 16px;}
    .top-tab ul li.tab-icon-1 {background-position: 20px;}
    .top-tab ul li.tab-icon-2 {background-position: 20px;}
    .top-tab ul li.tab-icon-3 {background-position: 20px;}
    .top-tab ul li.tab-icon-1:hover{background-position: 20px;}
    .top-tab ul li.tab-icon-2:hover{background-position: 20px;}
    .top-tab ul li.tab-icon-3:hover{background-position: 20px;}
    .about-content{width: 100%;padding: 20px 20px;}
    .our-story{padding: 0 40px 0 40px;}
    .our-story h1{ margin-top: 50px}
    .about-content h4{font-size: 34px;}
    .about-content h5{font-size: 30px;}
    .why-chose-bg{padding: 50px 15px;}
    .latest-project-section #project-carousel .col-1, .latest-project-section #project-carousel1 .col-1, .latest-project-section #project-carousel2 .col-1, .latest-project-section #project-carousel3 .col-1, .latest-project-section #project-carousel4 .col-1, .latest-project-section #project-carousel5 .col-1{float: none;margin-right: 0;} 
 .latest-project-section #project-carousel .col-2, .latest-project-section #project-carousel1 .col-2, .latest-project-section #project-carousel2 .col-2, .latest-project-section #project-carousel3 .col-2, .latest-project-section #project-carousel4 .col-2, .latest-project-section #project-carousel5 .col-2{float: none;margin-right:0px;} 
.latest-project-section #project-carousel .col-3, .latest-project-section #project-carousel1 .col-3, .latest-project-section #project-carousel2 .col-3, .latest-project-section #project-carousel3 .col-3, .latest-project-section #project-carousel4 .col-3, .latest-project-section #project-carousel5 .col-3{float: none;} 
.latest-project-section #project-carousel .col-4, .latest-project-section #project-carousel1 .col-4, .latest-project-section #project-carousel2 .col-4, .latest-project-section #project-carousel3 .col-4, .latest-project-section #project-carousel4 .col-4, .latest-project-section #project-carousel5 .col-4{float: none;margin-right:0px;} 
 .latest-project-section #project-carousel .col-5, .latest-project-section #project-carousel1 .col-5, .latest-project-section #project-carousel2 .col-5, .latest-project-section #project-carousel3 .col-5, .latest-project-section #project-carousel4 .col-5, .latest-project-section #project-carousel5 .col-5{float: none;margin-right:0px;} 
     #blog-carousel .blog-box-left {width: 100%;margin-bottom: 30px;}
    .site-footer .footer-meta .case-studies{padding-left: 0px;}

    .qoute-section h3{width: 100%; font-size: 24px;}
    #blog-carousel .blog-box-left ul li span {min-height: auto;display: block;}
    #blog-carousel .blog-box-left .box-footer span{ float: right;}

    .team-title{margin-bottom: 35px;}
    
    .systems-details h5:before{top: 7%;}
    .systems-details h5:after{top: 7%;}
    .systems h2:before{display: none;}
    .systems h2:after{display: none;}
    .systems h3:after{display: none;}
    .systems h3:before{display: none;}
    #blog-carousel .blog-box-left img {height: 420px;}
	.content-area{ margin-bottom:0px;}
	.why-chose-bg{ margin-top:40px;}
    .systems-content p {font-size: 14px;}
    .banner-title h1 {font-size: 38px;}
    .systems-content.bg-1 ul li{ font-size: 14px;}
    .safe-strike-space {margin-bottom: 60px;}
    .system-inner-data{margin-top: 120px;}
    .alignright{ margin-bottom: 40px !important;}
    .fancybox { margin-bottom: 40px !important;}
}


@media screen and (max-width:680px){
    .systems-details h5:after{width: calc(12% - 4%);}
    .systems-details h5:before{width: calc(12% - 4%);}
    
}
@media screen and (max-width:634px) {
    .banner-title h2 {font-size: 22px;}
    .banner-title h6{margin-bottom: 15px}
    .btn-blue a {font-size: 16px;padding: 10px 25px 10px 25px;}
       .txt-content {width: 90%;}
}
@media screen and (max-width:599px) {
    .owl-nav {display: block;}
    .latest-project-section #project-carousel .owl-prev, .latest-project-section #project-carousel1 .owl-prev, .latest-project-section #project-carousel2 .owl-prev, .latest-project-section #project-carousel3 .owl-prev, .latest-project-section #project-carousel4 .owl-prev, .latest-project-section #project-carousel5 .owl-prev {right: 1px; background-color: rgba(255,255,255,0.6);}
    .latest-project-section #project-carousel .owl-next, .latest-project-section #project-carousel1 .owl-next , .latest-project-section #project-carousel2 .owl-next, .latest-project-section #project-carousel3 .owl-next, .latest-project-section #project-carousel4 .owl-next, .latest-project-section #project-carousel5 .owl-next  {left: 23px; background-color: rgba(255,255,255,0.6);}
    #blog-carousel .blog-box-left img {height: 320px;}
}

@media screen and (max-width:540px) {
    .systems-details h5:before{ display: none;}
    .systems-details h5:after{ display: none;}
    
}

@media screen and (max-width:531px) {
    .systems-content {padding: 90px 0;}
    .txt-content { width: 64%;}
}

@media screen and (max-width:480px) {
    .top-tab ul li a{padding: 40px 0 40px 120px;font-size: 16px;}
    .top-tab ul li.tab-icon-1 {background-position: 20px;} 
    .top-tab ul li.tab-icon-2 {background-position: 20px;}
    .top-tab ul li.tab-icon-3 {background-position: 20px;}
    .about-content h4 {font-size: 28px;}
    .about-content h5 {font-size: 26px;}
    .about-content p{ padding-right: 0;}
    .qoute-section {padding: 30px 10px;}
    .qoute-section h4 {font-size: 26px;}
    #blog-carousel .blog-box-left img {height: 300px;}
    .inner-page-banner .banner-title {margin-top: 100px;}
	

}

@media screen and (max-width:453px) {
    .systems-content {padding: 75px 0;}
    
}
@media screen and (max-width:420px) {
    .txt-content {
    width: 77%;
}
    
}



 
@media screen and (max-width:380px) {
    #blog-carousel .blog-box-left img {height: 260px;}
    .qoute-section h4 {font-size: 22px;}
}

@media screen and (max-width:360px) {
    .menu > .navigation{margin-top: -60px !important;}
	
}
@media screen and (max-width:350px) {
   .txt-content {width: 95%;}
	
}
.safe-strike-ese-system-page{ }
.safe-strike-ese-system-page h6 {
   font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 29px;

}
.safe-strike-ese-system-page h6:before {content: "";display: block;position: absolute;width: 18%;left: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:50%;}
.safe-strike-ese-system-page h6:after {content: "";display: block;position: absolute;width: 18%;right: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:50%;}


.surge-protection-page h5{ 
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    position: relative;}
.surge-protection-page h5:before {content: "";display: block;position: absolute;width: 18%;left: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:50%;}
.surge-protection-page h5:after {content: "";display: block;position: absolute;width: 18%;right: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:50%;}

    

.lightning-protection-testing-page h5{ 
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    position: relative; 
    margin: 30px 0;
}
.lightning-protection-testing-page h5:before {content: "";display: block;position: absolute;width: 18%;left: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:50%;}
.lightning-protection-testing-page h5:after {content: "";display: block;position: absolute;width: 18%;right: 0px;height: 1px;
background: #989898;-webkit-transform: translateY(0);transform: translateY(0);top:50%;}

p.logged-in-as a {
    color: #2ea4c4;
}
.certificate-col { text-align:center;}
.certificate-col p{margin-top: 30px;}
.certificate-col a{ color:#000;}
.entry-content p{ margin-bottom:30px !important; }
.entry-content a{ color:#2ea4c4 !important;} 
.blog-single-details h6{ margin-bottom:30px;}

#cookie-law-info-bar {
    background-color: rgba(0,0,0,.7) !important;
    color: #fff !important;
    position: fixed !important;
    bottom: 0;
	border: 0 !important;
    font-size: 14px !important;
}

.cookies_link {
    text-decoration: underline;
    color: #fff;
}
.cookies_link:hover {
    color: #fff;
}
.cli-plugin-button {
    padding: 0 !important;
    margin: 0 !important;
    color: #8fb557 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    background: none !important;
    border: 0 !important;
}
.cli-plugin-button:hover {
    background: transparent !important;
    padding: 0;
    margin: 0;
    color: #8fb557;
    cursor: pointer;
    text-decoration: underline;
}

li.current-menu-item {
    background: #2e9bb9;
}
.no-margin-top
{
	margin-top:0px !important;
}