/*
Theme Name: Dash Door v-2.4
Author: TECKpert
Author URI: http://www.teckpert.com
Description: Dash Door Wordpress theme created by TECKpert.
Version: 2.1
Tags: awesome, multi pages, teckpert
Text Domain: dashdoor
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');



.ContenBlock .products{

}

p.static-template{
  text-align: left;
}

.col-sm-4 p.static-template{
  text-align: center;
}


.static-template-title{
    border-top: 1px solid #ccc;
    padding-top: 2em;
    margin-top: 2em;
  }

.underline{
  /*text-align: left;*/
  font-size: 16px;
  display: block;

  border-bottom: 1px solid #999;
  padding: 25px 0;
}

.underline h1{
  color: #26273b;
  text-align: center !important;
  font-size: 20px!important;
}
section.HeaderImg {
 position: relative;
 width: 100%;
 min-height: auto;
 text-align: center;
 color: #fff;
 background: url(./images/design/Background_Header.jpg);
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover!important;
 z-index: 0;
 /*background-position: top center; z-index:0;*/
}

section.HeaderImg:after {
   content: " ";
   background: url(./images/design/dark_lines_header.png) no-repeat;
   background-position-x: center;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -360px;
   max-width: 100%;
   height: 100%;
   margin: 0 auto;
   overflow: hidden;
  z-index:-1;
}

body, html {
 width: 100%;
}

body {
 font-family: 'Open Sans', sans-serif;
}

.request-form .gfield_label{
  display: block!important;
}
.request-form .gfield{
  width: 90%!important;
}

#field_2_14{
  margin: 20px;
}
@media (min-width:768px) {


section.HeaderImg {
 height: 100%;
 min-height: 600px
}
}

.sidenav {
 height: 100%;
 width: 100%;
 position: fixed;
 z-index: 10;
 top: 0;
 right: 0;
 background-color: #2c486f;
 overflow-x: hidden;
 transition: 0.5s;
 padding-top: 20px;
 transform: translateX(100%);
}

.sidenav--open {
  transform: translateX(0);
}

@media screen and (max-width: 767px) {
  .SocialMediaIcon {
    margin-left: 17px;
  }
}

@media screen and (min-width: 360px) {
  .sidenav {
    width: 70%;
  }
}

@media screen and (min-width: 540px) {
  .sidenav {
    width: 55%;
  }
}

@media screen and (min-width: 630px) {
  .sidenav {
    width: 50%;
  }
}

@media screen and (min-width: 767px) {
  .sidenav {
    width: 40%;
  }
  
  .navbar-collapse.collapse.sidebar-navbar-collapse {
    padding-left: 0;
    padding-right: 0;
   }   
  
  .static-template-title{
    border-top: 1px solid #ccc;
    padding-top: 2em;
    margin-top: 2em;
    display: flex;
    margin-bottom: 2em;
  }

  .static-template-title .thumbnail {

    height: 100%;
  }
}

@media screen and (min-width: 991px) {
  .sidenav {
    width: 30%;
  }
}

@media screen and (min-width: 1200px) {
  .sidenav {
    width: 25%;
  }

}

@media screen and (min-width: 1450px) {
  .sidenav {
    width: 21%;
  }

}

@media screen and (min-width: 2500px) {
  .sidenav {
    width: 15%;
  }
}

.sidenav a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 25px;
 color: #818181;
 display: block;
 transition: 0.3s;
}

.sidenav a:hover {
 color: #f1f1f1;
}

.sidenav .closebtn {
 position: absolute;
 top: 30px;
 left: 125px;
 font-size: 20px;
 margin-left: 50px;
 color: #fff;
}

@media screen and (max-height: 450px) {

.sidenav {
 padding-top: 15px;
}

.sidenav a {
 font-size: 18px;
}
}

/* Nav */
.RequestaBtnBlock {
 padding-left: 45px;
}

.RequestaBtnBlock .RequestaBtn {
 border: 2px solid #fff;
 text-transform: uppercase;
 font-size: 14px;
 color: #fff;
 background-color: transparent;
 padding: 12px 40px;
}

ul.HeaderTopNav {
 list-style: none;
 float: right;
 margin: 20px 0 0 0;
 padding: 0
}

ul.HeaderTopNav > li {
 display: inline-block;
 padding: 0 12px;
}

ul.HeaderTopNav > li> a {
 text-transform: uppercase;
 color: #6b99b9;
}

.SubMenuSideBar ul.nav.nav-list > li > a {
 padding-left: 55px;
}

.SubMenuSideBar ul.nav.nav-list > li > a:hover {
 background-color: #fd5e00;
 color: rgba(255,255,255,1);
 font-weight: 600;
 font-size: 14px;
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}
.nav.navbar-nav.navSideBar, .nav.navbar-nav.navSideBar.navbar-collapse {
 padding-left: 0;
 padding-right: 0;
}

ul.navSideBar > li {
 display: block;
 width: 100%;
}

ul.navSideBar > li > a {
 padding-left: 45px;
}

ul.navSideBar > li > a.collapsed:before {
 font-family: FontAwesome;
 content: "\f107";
 right: 43%;
 position: absolute;
 top: 20px;
 font-size: 16px;
}

ul.navSideBar > li > a[aria-expanded="true"]:before {
 font-family: FontAwesome;
 content: "\f106";
 right: 43%;
 position: absolute;
 top: 20px;
 font-size: 16px;
}

.SubMenuSideBar {
 background-color: #1f282f;
 color: #fff;
 width: 100%;
}

.SubMenuSideBar > ul > li > a {
 font-size: 14px;
}

ul.navSideBar > li > a, .SubMenuSideBar > ul > li > a {
 color: rgba(255,255,255,0.70);
 font-weight: 300;
 text-transform: capitalize;
 display: block;
}

ul.navSideBar > li > a:hover, ul.navSideBar > li > a:focus {
 color: rgba(255,255,255,1);
 background-color: transparent;
 font-weight: 400;
}

.TopNavBar {
}

.SocialMediaIcon > span.tital {
 display: block;
 padding-left: 45px;
 color: rgba(255,255,255,0.80);
 margin-bottom: 20px;
 margin-top: 40px;
}

ul.navSideBar > li > a {
 font-size: 14px;
 font-weight: 400;
 display: inline-block;
}

ul.navSideBar > li span {
  display: inline-block;
  color: rgba(255,255,255,0.70);
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  padding: 15px;
  line-height: 20px;
  cursor: pointer;
}
ul.navSideBar > li span:hover{
  color: rgba(255,255,255,0.70);
}



.SocialMediaIcon > ul {
 list-style: none;
}

.SocialMediaIcon > ul > li {
 display: inline-block;
 padding: 9px !important;
}

.SocialMediaIcon > ul > li > a {
 font-size: 16px;
 padding: 0;
 cursor: pointer;
 color: #FFF;
}

.LogoBlock {
 padding-left: 45px;
 margin-bottom: 34px;
 display: inherit;
 width: 180px;
 height: auto;
}

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

/*input*/
#searchBox input {
 outline: none;
}

#searchBox input[type=search] {
 -webkit-appearance: textfield;
 -webkit-box-sizing: content-box;
 font-family: inherit;
 font-size: 100%;
}
#searchBox input::-webkit-search-decoration, #searchBox input::-webkit-search-cancel-button {
 display: none;
}

.searchBox {
 background: url(./images/design/Search_Icon.png) no-repeat;
 width: 22px;
 height: 22px;
 position: relative;
 display: block;
 cursor: pointer;
 top: 7px;
}

.searchBox input[type=search]:focus {
 width: 130px;
 background-color: #fff;
border:1px solid #ddd;
 border-color: #66CC75;
 -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
 -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
 box-shadow: 0 0 5px rgba(109,207,246,.5);
}
 .searchBox input:-moz-placeholder {
 color: #999;
}
.searchBox input::-webkit-input-placeholder {
 color: #999;
}

#searchBox input.searchBox[type=search] {
 width: 15px;
 padding-left: 10px;
 color: transparent;
 cursor: pointer;
}

#searchBox input[type=search]:hover {
 background-color: #fff;
}

#searchBox input[type=search]:focus {
 width: 130px;
 padding-left: 32px;
 color: #000;
 background-color: #fff;
 cursor: auto;
}
#searchBox input:-moz-placeholder {
 color: transparent;
}
#searchBox input::-webkit-input-placeholder {
 color: transparent;
}

a:hover {
 text-decoration: none;
}

/*====HeaderContant ===*/
.headerConten {
 padding-top: 10%;
 text-align: left;
}

.headerConten h1 {
 font-size: 35px;
 text-transform: uppercase;
 font-weight: 600;
 margin-bottom: 0;
 margin-top: 0;
 color: #fff;
}

.headerConten h2 {
 font-size: 32px;
 text-transform: uppercase;
 font-weight: 300;
 margin-bottom: 30px;
 margin-top: 0;
 color: #fff;
}

.headerConten ul.HeaderBtn {
 list-style: none;
 margin: 50px 0 0 0;
 padding: 0;
}

.headerConten ul.HeaderBtn > li {
 display: inline-block;
 margin-right: 15px;
}

.headerConten ul.HeaderBtn > li > a {
 cursor: pointer;
 border: 2px solid #FFF;
 width: 210px;
 text-align: center;
 font-size: 16px;
 padding: 20px 0;
 color: #FFF;
 background-color: transparent;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 transition: all .5s;
 font-weight: 600;
 display: block;
}

.headerConten ul.HeaderBtn > li > a:hover, .headerConten ul.HeaderBtn > li > a:focus, .headerConten ul.HeaderBtn > li > a.active {
 background-color: #FFF;
 color: #333;
 text-decoration: none;
}

.HeaderBottomBlock {
 padding-top: 15%;
}

.HeaderBottomBlock h1 {
 font-size: 30px;
 font-weight: 600;
 margin-bottom: 20px;
}

.HeaderBottomBlock h2 {
 font-size: 22px;
 font-weight: 300;
 margin-bottom: 20px;
}

/*====Footer ===*/
footer.FristSection {
 background-color: #1f282f;
 padding: 40px 0 25px 0;
 color: rgba(255,255,255,0.60);
}

footer.FristSection h3, .secondSection h3 {
 color: #86bce4;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: 600;
 margin-top: 0;
 margin-bottom: 20px;
}

footer.FristSection ul, .secondSection ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

footer.FristSection ul {
 height: 99px;
}

footer.FristSection ul > li {
 display: block;
 padding-bottom: 5px;
}

footer.FristSection ul > li > a {
 color: rgba(255,255,255,0.60);
 font-size: 14px;
 font-weight: 300;
 cursor: pointer;
}

footer.FristSection ul > li > a:hover {
 color: rgba(255,255,255,0.90);
 text-decoration: none;
}

footer.FristSection a {
 color: rgba(255,255,255,1);
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
}

footer.FristSection h1 {
 color: #d39d20;
 text-transform: uppercase;
 font-size: 30px;
 font-weight: 800;
}

.JeffscornerBlock p {
 color: rgba(255,255,255,0.60);
 margin-top: 29px;
 margin-bottom: 18px;
 font-size: 14px;
 font-weight: 300;
 line-height: 21px;
}

.JeffscornerBlock span {
 display: block;
 margin-top: 5px;
}

footer.secondSection {
 background-color: #1a2129;
 padding: 40px 0 25px 0;
 color: rgba(255,255,255,0.60);
}

footer.secondSection p {
 line-height: 21px;
 font-size: 14px;
 font-weight: 300;
}

footer.secondSection ul.SocialMediaIcon {
 list-style: none;
}

footer.secondSection ul.SocialMediaIcon > li {
 display: inline-block;
 padding: 9px !important;
}

footer.secondSection ul.SocialMediaIcon > li > a {
 font-size: 22px;
 padding: 0;
 cursor: pointer;
 /*color: #FFF;*/
 color: #86bce4;
 transition: all 0.5s ease;
}

footer.secondSection ul.SocialMediaIcon > li > a:hover {
 color: #86bce4;
}

footer.secondSection a {
 color: #86bce4;
 font-weight: 600;
 font-size: 14px;
}

footer.secondSection .AddressBlock span {
 display: block;
 font-size: 14px;
 font-weight: 300;
 padding-bottom: 5px;
}

footer.secondSection .email, footer.secondSection .TelPhone {
 color: rgba(134,188,228,0.80);
 font-size: 14px;
 font-weight: 300;
 display: block;
}
footer.secondSection .TelPhone:first-Word {
color:rgba(255,255,255,0.90);
}

.TextLightBlue {
 color: #86bce4;
}

footer.secondSection p.news {
 margin-bottom: 0;
}

footer.secondSection .AddressBlock, footer.secondSection .news {
 height: 104px;
}

footer.ThridSection {
 background-color: #151c24;
 padding: 20px 0;
 color: #FFF;
 font-weight: 100;
 font-size: 12px;
}

footer.ThridSection a {
 color: #FFF;
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
 font-weight: 100;
 font-size: 12px;
}

/*====FEATURED MANUFACTURERS  ===*/
.FManufacturersSection, .ClientsLogo {
 background-color: #fff;
 padding: 40px 0 60px 0;
}

.FManufacturersSection h1, .LatestFromSection h1, .ProjectByIndustry h1, .ClientsLogo h1, .LightBgSection h1 {
 color: #25253d;
 font-size: 30px;
 font-weight: 700;
 text-align: center;
 margin-top: 0;
 margin-bottom: 40px;
 text-transform: uppercase;
}

.FManufacturersSection p, .ProjectByIndustry p{
 color: #4d4d4d;
 text-align: center;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
}

.FManufacturersSection ul, .ClientsLogo ul {
 align-items: center;
 justify-content: center;
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
}

.FManufacturersSection ul > li, .ClientsLogo ul > li {
 width: 14.285714%;
}

.FManufacturersSection ul > li > span, .ClientsLogo ul > li > a {
 padding: 25px;
 display: block;
}

.FManufacturersSection ul > li > span > img, .ClientsLogo ul > li > a > img {
  height: auto;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .FManufacturersSection ul > li > span > img, .ClientsLogo ul > li > a > img {
    display: inline;
  width: 80%;
  margin: auto;
  }
}


/*====Latest From our Resource center  ===*/
.LatestFromSection {
 background: url(./images/design/Lines_ResourceCenter.png) no-repeat top center, -moz-linear-gradient(top, rgba(222,223,225,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
 padding: 60px 0 40px 0;
}

.LatestFromDetail {
 background-color: #FFF;
 padding: 30px;
 box-shadow: 0 5px 10px rgba(51,51,51,0.30);
 margin-bottom: 60px;
}

.LatestFromDetail h2 {
 color: #4a4a4a;
 font-weight: 400;
 font-size: 28px;
 margin-bottom: 20px;
 margin-top: 20px;
}

.LatestFromDetail p {
 color: #4d4d4d;
 text-align: left;
 font-size: 14px;
 font-weight: 400;
 line-height: 24px;
}

.LatestFromDetail a {
 color: #2a4771;
 margin-top: 15px;
 display: block;
 font-weight: 600;
}

.BtnBlackBorder {
 border: 2px solid #1e2831;
 text-transform: uppercase;
 text-align: center;
 display: block;
 max-width: 200px;
 padding: 20px 0;
 color: #25282d;
 font-weight: 600;
 font-size: 16px;
 margin: 0 auto;
}
.BtnBlackBorder:hover{
  transition: .3s;
  background-color: #fd5e00;
  border-color: #fd5e00;
  color: #fff;
}
/*====PROJECTS BY INDUSTRY  ===*/
.ProjectByIndustry {
 background-color: #f2f2f2;
 padding: 40px 0 60px 0;
}

.ProjectByIndustry ul.IndustyBlock {
  display: flex;
  margin: 30px 0;
  padding: 0;
  align-items: center;
  text-align: center;
}




.ProjectByIndustry ul.IndustyBlock > li {
 list-style: none;
 width: 162px;
 display: inline-block;
 height: 162px;
 text-align: center;
}

.ProjectByIndustry ul.IndustyBlock > li .box:hover {
 background-color: #fd5e00;
}

.ProjectByIndustry ul.IndustyBlock > li .box {
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  margin: 10px;
  min-height: 150px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.ProjectByIndustry ul.IndustyBlock > li .box span.fa {
 display: block;
 font-size: 22px;
 padding-bottom: 20px;
}

.ProjectByIndustry ul.IndustyBlock > li .box a {
 color: #4d4d4d;
 display: block;
 margin-top: 10px;
 margin-top: 0px;
}

    

.ProjectByIndustry ul.IndustyBlock > li .box:hover span.fa, .ProjectByIndustry ul.IndustyBlock > li .box:hover a {
 color: #FFF;
}

.FeaturedProjectSection {
 background-color: #1f282f;
 padding: 40px 0 60px 0;
}

.FeaturedProjectSection h1 {
 color: #fff;
 font-size: 30px;
 font-weight: 700;
 text-align: center;
 margin-top: 0;
 margin-bottom: 40px;
 text-transform: uppercase;
}

.FeaturedProjectSection p {
 color: #fff;
 text-align: center;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
}

.FeaturedProjectSection .ThumbnailSection {
 margin-top: 25px;
}

.FeaturedProjectSection .ThumbnailSection .thumbnail {
 padding: 0 0 15px 0;
 border: 0;
 border-radius: 0;
 background-color: #f2f2f2;
 min-height: 550px;
}
.FeaturedProjectSection .ThumbnailSection .thumbnail .caption a {
  display: table;
  text-align: center;
  margin: 0 auto;
  height: 50px;
}
.FeaturedProjectSection .ThumbnailSection .thumbnail .caption h4 {
 color: #26273b;
 text-align: center !important;
 margin: 20px 0 20px 0;
 font-size: 20px;
 font-weight: 700;
 min-height: 50px;
vertical-align: middle;
display: block;
}

.FeaturedProjectSection .ThumbnailSection .thumbnail .caption p {
 color: #292639;
 padding: 10px 20px;
 font-weight: 400;
 min-height: 140px;
}

.FeaturedProjectSection .ThumbnailSection .thumbnail .caption a.ReadMore {
 text-align: center;
 display: block;
 color: #26273b;
 font-weight: 600;
}

.FeaturedProjectSection .btnProject {
 background-color: #7fbae6;
 border: 1px solid #7fbae6;
 color: #202d36;
 text-transform: uppercase;
 font-weight: 700;
 padding: 20px 40px;
 margin: 30px auto 0px auto;
 font-size: 16px;
 border-radius: 0;

 transition: all 0.3s;
}
.FeaturedProjectSection .btnProject:hover{
  background-color: transparent;
  color:#7fbae6;
}
.MeetOurGroupsBlock {
 background-color: #f2f2f2;
 padding: 60px 0 60px 0;
}

.MeetOurGroupsBlock h1 {
 color: #25253d;
 font-size: 30px;
 font-weight: 700;
 text-align: center;
 margin-top: 0;
 margin-bottom: 20px;
 text-transform: uppercase;
}

.MeetOurGroupsBlock h2 {
 color: #4d4d4d;
 text-align: center;
 font-size: 18px;
 font-weight: 400;
 line-height: 24px;
 margin-bottom: 50px;
}

.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail {
 min-height: 480px!important;
 padding: 0 0 15px 0;
 border: 0;
 border-radius: 0;
 background-color: #fff;
 box-shadow: 0 2px 10px rgba(0,0,0,0.0);
 height:480px;
 margin: 15px 8px 20px 8px;
 transition: .3s;
}
.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail:hover{
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail .caption h4 {
 color: #25273e;
 text-align: center;
 margin: 20px 0 20px;
 font-size: 22px;
 font-size: 18px;
 font-weight: 700;
 text-transform: capitalize;
}
.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail .caption h4 a{
 color: #25273e;
}
.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail .caption p {
 color: #28263c;
 color: #2a2a36;
 text-align: center;
 padding: 0 20px;
 font-weight: 400;
 font-size: 14px;
}
#gform_wrapper_4 {
  margin: 0;
  width: 100%;
  float: left;
}
.gform_wrapper form {
  text-align: left;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  display: inline-block;
}



.MeetOurGroupsBlock .ContactForm {
 background-color: #d8d8d8;
 padding: 40px 80px;
 margin-top: 50px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}

.ContactForm p, .ContactFormBlock p {
 color: #4d4d4d;
 text-align: center;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
 margin-bottom: 35px;
}
 ::-webkit-input-placeholder {
 color: #484848;
}
::-moz-placeholder {
 color: #484848;
}
:-ms-input-placeholder {
 color: #484848;
}
:-moz-placeholder {
 color: #484848;
}

.MeetOurGroupsBlock .ContactForm .form-control, .ContactFormBlock  .form-control{
 height: 55px;
 padding: 12px 20px;
 border: 0;
 border-radius: 0;
 background-color: #f2f2f2;
}

.MeetOurGroupsBlock .ContactForm .btn-Submit, .ContactFormBlock .btn-Submit{
 border: 0;
 border-radius: 0;
 width: 100%;
 background-color: #fd5e00;
 display: block;
 color: #fff;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: 600;
 padding: 18px 12px;
}
 select::-ms-expand {
 display: none;
}

select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 padding: 2px 30px 2px 2px;
 border: none;
}

.SelectArrow {
 position: relative;
}

.SelectArrow:before {
 font-family: FontAwesome;
 content: "\f107";
 position: absolute;
 right: 20px;
 font-size: 25px;
 top: 15px;
}

/* == */
.TabSection {
 margin-top: 35px;
}

.TabSection .nav-tabs > li {
 margin-left: 10px;
}

.TabSection .nav-tabs > li > a {
 border: 2px solid #FFF;
 padding: 20px 40px;
 background-color: transparent;

 color:#fff;
 background-color: #fd5e00;

 text-align: center;
 font-size: 14px;
 text-transform: uppercase;
 transition: all 0.4s ease;
 /*font-weight: 700;*/
 border-radius: 0;
}

.TabSection .nav-tabs > li > a:hover, .TabSection .nav-tabs > li.active > a:hover, .TabSection .nav-tabs > li.active > a {
 background-color: #FFF;
 color: #1f262c;
}

.TabSection .nav-tabs > li.active a:hover {
 border: 2px solid #FFF;
}

.TabSection .nav.nav-tabs {
 text-align: center;
 width: 66%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 margin-bottom: 40px;
 border-bottom: 0;
}

.TabSection .tab-content {
 background: rgba(255,255,255,1);
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,252,1) 54%, rgba(253,253,252,1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(54%, rgba(253,253,252,1)), color-stop(100%, rgba(253,253,252,1)));
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,252,1) 54%, rgba(253,253,252,1) 100%);
 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,252,1) 54%, rgba(253,253,252,1) 100%);
 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,252,1) 54%, rgba(253,253,252,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(253,253,252,1) 54%, rgba(253,253,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfc', GradientType=0 );
 padding: 50px;
 color: #666;
 min-height: 500px;
}

.TabSection .tab-content .TabDescription {
 color: #2a2a36;
 font-size: 16px;
 font-weight: 400;
 line-height: 28px
 /*margin-bottom: 40px;*/
}

.TabSection .tab-content .ServicesBlock {
  padding: 10px 20px;
}

@media screen and (min-width: 768px) {
  .TabSection .tab-content .TabDescription {
    min-height: 120px;
  }

  .TabSection .tab-content .ServicesBlock {
    min-height: 340px;
  }
}

@media screen and (min-width: 993px) {
  .TabSection .tab-content .ServicesBlock {
    min-height: 315px;
  }
}

.TabSection .tab-content .ServicesBlock > span {
 display: block;
 margin-bottom: 25px;
 height: 45px;
}

.TabSection .tab-content .ServicesBlock p {
 font-size: 14px;
 line-height: 24px;
 font-size: 16px;
 line-height: normal;
 color: #2a2a36;
 /*font-weight: 400;*/
 min-height: 100px;
 margin-bottom: 40px;
 min-height: 127px;
 height: auto;
 padding: 10px 0 10px 0;
}

.TabSection .tab-content .ServicesBlock a {
 display: block;
 color: #2a2a36;
 text-align: center;
 font-weight: 700;
}
.TabSection .tab-content .ServicesBlock a:hover {
  color: #2c486f;
}
.OurTeamBtn {
 background-color: #2c486f;
 text-align: center;
 padding: 22px 44px;
 color: #fff;
 text-transform: uppercase;
 font-weight: 700;
 border-radius: 0;
 margin: 15px auto;
 border:1px solid #2c486f;
transition: all .3s;
}
.OurTeamBtn:hover{
  background-color: #fff;
  color:#2c486f!important;
}
/* sticky header */
.navbar.navbarSticky {
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 z-index: 9;
 width: 100%;
 background-color: #FFF !important;
 height: 64px;
 transition: all 0.4s ease;
}

@media screen and (min-width: 768px) {
  .navbar.navbarSticky {
    height: 75px;
  }
}

.nav.navbar-nav.navbarTop {
 width: 90%;
 float: right;
}
.navbar.navbarSticky .fa.fa-search {
 font-size: 20px;
 font-weight: 300;
}
.navbar.navbarSticky.sticky-header{ background-color:#fff !important;}
.navbar.navbarSticky {
 background-color: transparent !important;}
.navbar.navbarSticky .navbarTop > li {
 width: 13%;
 height: 63px;
 display: table-cell;
 vertical-align: middle;
 float: none;
 transition: all 0.4s ease;
 top: -1px;
}

@media screen and (min-width: 768px) {
  .navbar.navbarSticky .navbarTop > li {
    height: 74px;
  }
}

.navbar.navbarSticky .navbarTop > li > a {
 padding: 14px 8px;
 font-weight: 600; 
}
.navbar.navbarSticky .navbarTop > li > a {
 color: #2f476b;
 text-transform: uppercase;
 text-align: center;
}
.navbar.navbarSticky .navbarTop > li:hover > a {
 background-color: transparent;
 color: #FFF;
}
.navbar.navbarSticky .navbarTop > li:hover {
 background-color: #2c486f;
 color: #FFF;
}
.navbar.navbarSticky .navbarTop > li:nth-last-child(2) {
    width: 62px;
}
.navbar.navbarSticky .navbarTop > li:last-child {
 width:62px;
}
.navbar.navbarSticky .navbarTop > li:hover a::before
{color: #fff;}


.navbar.navbarSticky .navbar-brand {
 height: auto;
 padding: 5px 15px;
}
.navbar.navbarSticky .navbar-brand > img {
 width: 50px;
 height: auto;
}

@media screen and (min-width: 768px) {
  .navbar.navbarSticky .navbar-brand > img {
    width: 60px;
  }
}

.sticky-header .TopNavBar {
 display: none;
 transition: all 0.4s ease;
}
.navbarStickyscoll {
 display: none;
}
.navbarSticky.sticky-header .navbarStickyscoll {
 display: block;
}
.nav.navbar-nav.navbarTop.pull-right {
 width: 229px;
 transition: all 0.4s ease;
}
.navbar.navbarSticky .SearchBar {
 background-color: #f2f2f2;
 padding: 20px 0;
 margin-top: 0px;
}
.navbar.navbarSticky .NavSearchBox {
 width: 500px;
 margin-left: auto;
 margin-right: auto;
}
.navbar.navbarSticky .NavSearchBox .form-control {
 border: 0 !important;
 background-color: transparent;
 height: 50px;
 width: 100%;
 display: block;
 border-radius: 0;
 border-bottom: 1px solid #ddd !important;
 box-shadow: none;
 padding: 6px 12px 6px 44px;
}

.navbar.navbarSticky .NavSearchBox .input-NavSearchBox {
 display: block;
 width: 100%;
}

.navbar.navbarSticky .NavSearchBox .input-NavSearchBox {
 position: relative;
}

ul.navbarTop > li:nth-last-child(2) > a {
 display: block;
 position: relative;
}

/*.navbar.navbarSticky .NavSearchBox .input-NavSearchBox:before {
 font-family: FontAwesome;
 content: "\f002";
 position: absolute;
 left: 10px;
 font-size: 25px;
 top: 10px;
 color: #293c5a;
}*/

ul.navbarTop > li:nth-last-child(2) > a:before {
 font-family: FontAwesome;
 content: "\f002";
 position: absolute;
 left: 0px;
 right: 0px;
 font-size: 18px;
 top: 24px;
 color: #293c5a;
 font-weight: 300;
}

.navbar.navbarSticky ul.navbarTop > li:nth-last-child(2) a {
 height: 63px;
 display: table-cell;
 vertical-align: middle;
 width: 55px;
 cursor: pointer;
}
ul.navbarTop > li:nth-last-child(2) > a:before:hover {
color:#FFF;
}

.navbar.navbarSticky .TopNavBar ul.navbarTop > li:nth-last-child(2) > a {
 width: 63px!important;
 cursor: pointer;
}

@media screen and (min-width: 768px) {
  .navbar.navbarSticky ul.navbarTop > li:nth-last-child(2) a {
    height: 74px;
  }

  .navbar.navbarSticky .TopNavBar ul.navbarTop > li:nth-last-child(2) > a {
    width: 74px!important;
  }
}

.navbar.navbarSticky .navbarTop > li a[aria-expanded="true"] {
 background-color: #f2f2f2;
}

.navbar.navbarSticky .navbarTop > li a[aria-expanded="true"]:before {
 color: #293c5a;
 font-family: FontAwesome;
 content: "\f00d";
}

.navbar.navbarSticky .TopNavBar ul.navbarTop > li a.fa.fa-bars {
 cursor: pointer;
}

.navbar.navbarSticky.sticky-header {
 border-radius: 0;
 border-bottom: 0 !important;
 margin-bottom: 0 !important;
}
.navbar.navbarSticky .NavSearchBox .input-NavSearchBox .form-control::-moz-placeholder {
text-align:center;
font-size:20px;
font-weight:300;
color:#bebebe;
}

/*===*/
.HeaderImg .headerConten .HeaderLogo {
 display: block;
 width: 460px;
 height: auto;
 position: relative;
 margin-bottom: 40px;
}

.HeaderImg .headerConten .HeaderLogo > img {
 width: 80%;
 height: auto;
}

.OurTeamBtn:hover {
 color: #FFF;
}

@media (min-width: 550px) and (max-width: 1199px) {

.TabSection .nav.nav-tabs {
 width: 100%;
}
}

@media (min-width: 768px) and (max-width: 992px) {

.TabSection .nav-tabs > li > a {
 padding: 20px 34px;
}

.TabSection .tab-content .ServicesBlock {
 padding: 10px;
}

.ProjectByIndustry ul.IndustyBlock > li {
 width: 20%;
 height: 162px;
}

.FManufacturersSection ul > li > span, .ClientsLogo ul > li > a {
 padding: 15px;
}

.FeaturedProjectSection .ThumbnailSection .thumbnail .caption h4 {
 min-height: 40px;
}

.FeaturedProjectSection .ThumbnailSection .thumbnail .caption p {
 min-height: 260px;
}
}

@media (min-width: 320px) and (max-width: 767px) {

.FManufacturersSection ul > li, .ClientsLogo ul > li {
 width: 32%;
 float: left;
 height: 100px;
}

.FManufacturersSection ul, .ClientsLogo ul {
 display: block;
}

.headerConten h1 {
 font-size: 30px;
}

.headerConten h2 {
 font-size: 25px;
}

.HeaderImg .headerConten .HeaderLogo {
 width: 300px;
 margin-bottom: 40px;
 margin-top: 20px;
}

.TabSection .nav-tabs > li {
 float: none;
 margin-bottom: 10px;
}
}

/* 03112017*/
.row-0px-padding > [class*="col-"] {
 padding-left: 0px !important;
 padding-right:0px!important;
}
.row-5px-padding > [class*="col-"] {
 padding-left: 3px !important;
 padding-right: 3px!important;
}

.IndustryDetailSection {
 background-color: #f2f2f2;
 padding: 80px 0; position:relative;
}
.IndustryDetailSection.GraryBgImg.grdnt-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
  background: #f2f2f2; /* Old browsers */
  background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.IndustryDetailSection .NavLeftSection {
 background-color: #ffffff;
 padding: 10px 20px 0px 20px
}

.IndustryDetailSection .NavLeftSection > h3 {
 font-size: 16px;
 color: #2b2940;
 font-weight: 600;
 text-transform: uppercase;
 margin-top: 25px;
 margin-bottom: 25px;
}

.IndustryDetailSection .NavLeftSection > ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.IndustryDetailSection .NavLeftSection > ul > li {
 display: block;
 padding-bottom: 8px;
}

.IndustryDetailSection .NavLeftSection > ul > li > a {
 color: #a1a1a1;
 font-size: 16px;
 font-weight: 400;
 cursor: pointer;
}

.IndustryDetailSection .NavLeftSection > ul > li > a:hover, .IndustryDetailSection .NavLeftSection > ul > li > a.active {
 color: #2b2940;
}

/*
.IndustryDetailSection .NavLeftSection > ul > li:last-child {
 padding-bottom: 40px;
 padding-top: 40px;
}
.IndustryDetailSection .NavLeftSection > ul.filterBox > li:last-child{ padding-bottom: 8px;
 padding-top: 0px;}

.IndustryDetailSection .NavLeftSection > ul > li:last-child > a {
 color: #f15400;
 font-size: 16px;
 font-weight: 600;
}
*/
/* check box css*/
input[type="checkbox"].magic-checkbox{ position:relative; top:0; margin:0;}
.magic-checkbox, .magic-radio {
 position: absolute;
 display: none
}

.magic-checkbox[disabled], .magic-radio[disabled] {
 cursor: not-allowed
}

.magic-checkbox+label, .magic-radio+label {
 position: relative;
 display: block;
 padding-left: 30px;
 cursor: pointer;
 vertical-align: middle; line-height:18px; color: #a1a1a1; font-weight:400; font-size:16px;
}

.magic-checkbox+label:hover:before, .magic-radio+label:hover:before {
 animation-duration: .4s;
 animation-fill-mode: both;
 animation-name: a
}

.magic-checkbox+label:before, .magic-radio+label:before {
 position: absolute;
 top: 0;
 left: 0;
 display: inline-block;
 width: 20px;
 height: 20px;
 content: '';
 border: 2px solid #6a6a6c;
}

.magic-checkbox+label:after, .magic-radio+label:after {
 position: absolute;
 display: none;
 content: ''
}

.magic-checkbox[disabled]+label, .magic-radio[disabled]+label {
 cursor: not-allowed;
 color: #a1a1a1; font-weight:400; font-size:16px;
}

.magic-checkbox[disabled]+label:after, .magic-checkbox[disabled]+label:before, .magic-checkbox[disabled]+label:hover, .magic-radio[disabled]+label:after, .magic-radio[disabled]+label:before, .magic-radio[disabled]+label:hover {
 cursor: not-allowed
}

.magic-checkbox[disabled]+label:hover:before, .magic-radio[disabled]+label:hover:before {
 border: 1px solid #6a6a6c;
 animation-name: none
}

.magic-checkbox[disabled]+label:before, .magic-radio[disabled]+label:before {
 border-color: #e4e4e4
}

.magic-checkbox:checked+label:before, .magic-radio:checked+label:before {
 animation-name: none
}
.magic-checkbox:checked+label{ color: #2b2940;}
.magic-checkbox:checked+label:after, .magic-radio:checked+label:after {
 display: block
}

.magic-radio+label:before {
 border-radius: 50%
}

.magic-radio+label:after {
 top: 6px;
 left: 6px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #3e97eb
}

.magic-radio:checked+label:before {
 border: 2px solid #6a6a6c;
}

.magic-radio:checked[disabled]+label:before {
 border: 2px solid #6a6a6c;
}

.magic-radio:checked[disabled]+label:after {
 background: #fff;
}

.magic-checkbox+label:before {
 border-radius: 3px
}

.magic-checkbox+label:after {
 top: 2px;
 left: 7px;
 box-sizing: border-box;
 width: 6px;
 height: 12px;
 transform: rotate(45deg);
 border: 2px solid #ee7329;
 border-top: 0;
 border-left: 0
}
.projectInd .magic-checkbox+label:after {
top: 4px;
left: 4px;
box-sizing: border-box;
width: 12px;
height: 12px; background-color:#ee7329;
border: 2px solid #ee7329;  transform: rotate(0deg);
}

.magic-checkbox:checked+label:before {
 border: 2px solid #6a6a6c;
 background: #fff;
}

.magic-checkbox:checked[disabled]+label:before {
 border: #6a6a6c;
 background: #fff;
}
.IndustryDetailRightCol .IndustryBlock > img{filter: grayscale(100%) brightness(50%);
    -webkit-filter: grayscale(100%) brightness(50%);
    filter: gray;
    -webkit-transition: all .3s ease; cursor:pointer; height:270px;      cursor: pointer;
    height: 250px;
    object-fit: cover;
    width: 100%;
}
    .IndustryDetailRightCol .IndustryBlock > img:hover{ filter: grayscale(0%) ;
    -webkit-filter: grayscale(0%);
    filter: none;}
    .IndustryDetailRightCol .IndustryBlock{ margin-bottom:7px;}
    .IndustryDetailRightCol .IndustryBlock > h2{ position: absolute;
bottom:25px;
z-index: 2;
left: 30px;
color: #fff;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;}
.IndustryDetailSection .NavLeftSection{
  /*min-height:1022px;*/
}
.paddingL3{ padding-left:3px;}
.paddingR3{ padding-right:3px;}
.LightBgSection{ background-color:#f8f8f8; padding:60px 0;}
.LightBgSection .btnAllProjects{background-color: #fd5e00;
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 20px 40px;
margin: 30px auto 0px auto;
font-size: 18px;
border-radius: 0; }
.LightBgSection p {
 color: #4d4d4d;
 text-align: center;
 font-size: 20px;
 font-weight:300;
 line-height: 28px;
}
.ContactFormBlock {
 background-color: #d8d8d8;
 padding:60px 0px;


 margin-left: auto;
 margin-right: auto;
}
.ContactFormBlock h1{color: #25253d;
 font-size: 30px;
 font-weight: 700;
 text-align: center;
 margin-top: 0;
 margin-bottom:15px;
 text-transform: uppercase;}
.DashDoorOfferSection .DashDoorOfferBlock { padding:20px 35px;}
.DashDoorOfferSection .DashDoorOfferBlock > h3{
  margin-top:5px;
  min-height: 50px;
  text-transform: capitalize;
  font-size: 21px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
  .DashDoorOfferSection .DashDoorOfferBlock > p{ color: rgba(255,255,255,0.60);
  font-size: 15px;
  font-weight: 400;
  text-align: center; margin-bottom:20px;
}
.DashDoorOfferSection .DashDoorOfferBlock > a{color: rgba(255,255,255,1);
  font-size: 14px;
  font-weight: 600;
  display: block;
  text-align: center;
}
.row.row-5px-padding{ margin-left:5px; margin-right:0px;}
ul.ProducetNav{ margin:0 0 50px 0; padding:0; list-style:none;}
ul.ProducetNav > li{ display:inline-block; position:relative;}
ul.ProducetNav > li > a:before {color: #666;
 font-family: FontAwesome;
 content: "\f105"; right:10px; top:0; position:absolute; font-size:20px; }
ul.ProducetNav > li > a{ padding-right:40px; position:relative; color:#666; text-transform:uppercase; font-size:14px;}
 ul.ProducetNav > li:last-child > a:before {color: #293c5a;
 font-family: FontAwesome;
 content: ""; right:10px; top:0; position:absolute; }
.NavLeftSection.productLine .ProducetSubNav >li:last-child{ padding-top:0px; padding-bottom:15px; }

.NavLeftSection.productLine .ProducetSubNav >li:last-child > a{color:#828284; font-weight:400; font-size:16px;}
 .NavLeftSection.productLine .ProducetSubNav >li:last-child > a:hover{color:#f15400; }
 .NavLeftSection.productLine .ProducetSubNav >li > a:hover{color:#f15400; }
.NavLeftSection.productLine > h4{ margin-bottom:5px;
font-size: 16px;
font-weight: 400;
color: #1a172b;
text-transform: uppercase;}
a.Morebtn{ color: #f15400;
 font-size: 16px;
 font-weight: 600; margin-top:30px; display:block;}
 .NavLeftSection.productLine > h3, .BlogNavBlock > h3{ color:#9b9b9b !important; font-size:15px; font-weight:400;}
 .NavLeftSection.productLine .ProducetSubNav >li > a{color: #79787e;
 font-size: 16px;
 font-weight: 400;
 cursor: pointer; line-height:19px;}
.ProductLineRight{ margin-bottom:6px; background-color:#fff; padding:40px 30px; margin-left:6px; }
.ProductLineRight h3{ color:#100f29; font-size:18px; font-weight:600; margin-bottom:20px;}
.ProductLineRight  p{ color:#8c8c8c; font-size:16px; line-height:24px; font-weight:400; margin-bottom:15px;}
.ProductLineRight  p > b{color:#100f29;}
.NavLeftSection.BlogNavBlock > ul > li{ margin-bottom:10px;}
.NavLeftSection.BlogNavBlock > ul > li > a,   .NavLeftSection.BlogNavBlock > ul > li:last-child > a{ color:#292933; font-weight:400;}
.NavLeftSection.BlogNavBlock > ul > li > a:hover, .NavLeftSection.BlogNavBlock > ul > li > a.active,  .NavLeftSection.BlogNavBlock > ul > li:last-child > a:hover,  .NavLeftSection.BlogNavBlock > ul > li:last-child > a.active{ color:#f15400;}
.NavLeftSection.BlogNavBlock > ul > li > a,   .NavLeftSection.BlogNavBlock > ul > li:last-child{ padding-top:0;}
.NavLeftSection.BlogNavBlock .jeefBlock{
  background: #f1c701;
  background: -moz-linear-gradient(-45deg, #f1c701 0%, #f2ce00 37%, #f2ce00 66%, #eaba02 100%);
  background: -webkit-linear-gradient(-45deg, #f1c701 0%,#f2ce00 37%,#f2ce00 66%,#eaba02 100%);
  background: linear-gradient(135deg, #f1c701 0%,#f2ce00 37%,#f2ce00 66%,#eaba02 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c701', endColorstr='#eaba02',GradientType=1 );
  margin-left:-20px;
  margin-right:-20px;
  padding:25px;
  margin-top:30px;}
.NavLeftSection.BlogNavBlock  a.Morebtn{ margin-top:0;}
.NavLeftSection.BlogNavBlock .imgBlock:first-child{margin-bottom:20px;}
.NavLeftSection.BlogNavBlock .imgBlock{ display:block; margin-left:auto; margin-right:auto; margin-bottom:5px; }
.NavLeftSection.BlogNavBlock .imgBlock > img{ display:block; margin-left:auto; margin-right:auto;}
.NavLeftSection.BlogNavBlock p{ color: #292639;
 padding: 10px 20px;
 font-weight: 400;
margin-bottom:20px; font-size:16px; line-height:24px; text-align:center;}
.whiteBg{ padding-top:25px;}
.BlogRightCol{ padding:20px 30px; transition: all 0.3s ease;  background-color:#FFF; margin-left: auto; margin-right:auto;}
@media screen and (min-width: 768px) {
  .BlogRightCol{ margin-left:6px;margin-right:0;}
}
.BlogRightSingleCol{ padding:0px; transition: all 0.3s ease;  background-color:#FFF; margin-left:6px; margin-right:6px;}
.BlogRightSingleCo > .col-sm-12{ padding-left:0 !important ; padding-right:0 !important;}
.BlogRightSingleCol .SingleImgBlock{  height:auto; display:block;}

.BlogRightCol  h3{ color: #373737;
font-weight: 300;
font-size: 33px;
margin-bottom: 10px;
line-height: 40px;}
.BlogRightCol  p{ color:#434343;  font-size:14px; line-height:24px; font-weight:400; margin-bottom:15px;}
.BlogRightCol  a{ font-size:14px; line-height:24px; font-weight:600; color:#243a5f;}
.BlogRightCol:hover{ background-color:#1f282f;  }
.BlogRightCol:hover h3, .BlogRightCol:hover p, .BlogRightCol:hover a{ color:#fff;}
.SingleImgBlock{ width:100%; height:300px; margin-bottom:30px; }
.SingleImgBlock > img{ max-width:100%; height:auto;}
.row.TopTitalNav{ margin-left:auto; margin-right:auto; background-color:#fff; padding:45px 15px 15px 15px; overflow:hidden;}
@media screen and (min-width: 768px) {
  .row.TopTitalNav{ margin-left:6px;margin-right:0;}
}

nav.pagination {
  display: block;
  text-align: center;
}

nav.pagination > .wp-pagenavi {
  display: inline-block;
}

@media screen and (min-width: 767px) {
  nav.pagination {
    display: inline-block;
    text-align: center;
  }

  nav.pagination > .wp-pagenavi {
    display: block;
  }
}

.TopHeaderBlock{
	padding: 50px 0;
	background-size: cover;
	background-position: center;
	min-height:460px;
	position: relative;
}
.TopHeaderBlock:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(33, 55, 95, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
}
.LineHeader{ position:relative;}
.LineHeader:after {
    content: " ";
    background: url(./images/design/Lines_ResourceCenter.png) no-repeat;
    background-position-x: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -460px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.ProductLineHeader .hader-txt-03 h1{ margin:25px 0 50px 0;}
.ProductLineHeader .hader-txt-03 h4{font-size: 22px;
font-weight: 400;
line-height: 28px; margin-bottom:70px;}
.ProductLineSection{ padding-top:30px;}
.ProductLineSection ul.ProducetNav{ margin-bottom:30px;}
.ProductLineSection .ProductLineRight p, .BlogRightCol p{ text-align:left;}
.HeaderTwoBtnBlock{ margin-top:60px;}
.HeaderTwoBtnBlock .cstm-sky-btn-white{ display:inline-block; margin:0 6px; transition:all 0.3s ease; z-index:2; position:relative; }
.cstm-sky-btn-white{ z-index:2;}
.HeaderTwoBtnBlock .cstm-sky-btn-white:hover, .HeaderTwoBtnBlock .cstm-sky-btn-white.active, .cstm-sky-btn-white:hover{ background-color:#fd5e00;border:2px solid #fd5e00;}
.BlogRightSingleSpacing{ padding:20px 30px;}
.BlogRightSingleSpacing p{ text-align:left; font-size:16px; color:#282635;}
.BlogRightSingleSpacing ul.ProducetNav{ margin-bottom:30px;}
.BlogRightSingleSpacing span.DateBlock{ color:#666; display:block; margin-bottom:20px; font-size:16px;}
.BlogRightSingleSpacing h1{font-size: 43px;
line-height: 46px; margin-bottom:30px;}
.GraryBgImg, .ProductionBgImg{ position:relative !important; z-index:1;}
.GraryBgImg:after {
    content: " ";
    background: url(./images/design/dark_lines_header.png) no-repeat;
    background-position-x: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden; z-index:-1;
}
.ProductionBgImg:after{content: " ";
    background: url(./images/design/lines_header.png) no-repeat;

    position: absolute;
    left: 0;
    right: 0;
    top: -180px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden; z-index:1;}
    .ProductionBgImg .SearchBlock{ background-color:#f2f2f2; height:80px; margin-right: -20px;}
    .ProductionBgImg .SearchBlock .stylish-input-group .input-group-addon{
    background: white !important;
}
.ProductionBgImg .SearchBlock .stylish-input-group .form-control{
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
}
.ProductionBgImg .SearchBlock .stylish-input-group button{
    border:0;
    background:transparent;
}

.WhiteBgTopBlock{ background-color:#FFF; position:relative; padding:10px; z-index:5}
.ProductPageHader #first-slider{ margin-top:5%;}
.ProductPageHader #first-slider .slider-txt h4{
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}

#imaginary_container input.form-control, #imaginary_container .input-group-addon{ border:0; background-color:transparent !important; height:70px; border-radius:0;}
#imaginary_container .input-group-addon .fa.fa-search{ font-size:22px;}
#imaginary_container input.form-control::-webkit-input-placeholder {
 color: #484848; font-size:16px;
}
#imaginary_container input.form-control::-moz-placeholder {
 color: #484848; font-size:18px;
}
#imaginary_container input.form-control:-ms-input-placeholder {
 color: #484848; font-size:18px;
}
#imaginary_container input.form-control:-moz-placeholder {
 color: #484848; font-size:18px;
}
#imaginary_container  .input-group.stylish-input-group  span.input-group-addon > button > span.fa-search1 {background: url(./images/design/Search_Icon1.png) no-repeat;
 width: 22px;
 height: 22px;
 position: relative;
 display: block;
 cursor: pointer;
 top: 7px; z-index:6;}
  .WhiteBgTopBlock ul.group{ margin-top:41px;}
 #imaginary_container .input-group-addon{ height:40px; }
 .WhiteBgTopBlock h4.SearchList, .WhiteBgTopBlock h4.SearchListHid{ text-transform: uppercase;
font-size: 15px;
font-weight: 400;
padding-left: 41px;
margin-top: 25px;
margin-bottom: 30px;
position: relative;}
.WhiteBgTopBlock .SearchListHide{ position:relative; text-transform:uppercase; color:#706f74; font-size:16px;cursor: pointer;}
.WhiteBgTopBlock .SearchListHide:before{ font-family: FontAwesome;
content: "\f104";
right: 17px;
position: absolute;
top: 0px;
font-size: 18px;}

  .WhiteBgTopBlock h4.SearchList:before{ font-family: FontAwesome;
content: "\f105";
left: 14px;
position: absolute;
top: 0px;
font-size: 18px;}
.ProductionBgImg{ background-color:#f2f2f2;}
 .WhiteBgTopBlock .thumbnail{ border:0 !important; border-radius:0; padding:40px 10px; min-height:250px;}
.ProductionBgImg .WhiteBgTopBlock .thumbnail > a > img{}
.ProductionBgImg .WhiteBgTopBlock .thumbnail .caption >  h4{ color:#706f74; text-align:center; font-weight:300; margin-bottom:0; font-size:14px; text-transform:uppercase;}
.ProductionBgImg .WhiteBgTopBlock .thumbnail .caption >  h3{color:#22272b; text-align:center; font-weight:400; margin-bottom:20; font-size:14px; text-transform:uppercase;}
.LeftColTab > ul, .LeftColTab > ul > li > div >  ul{ margin:0; padding:0; list-style:none;}
.LeftColTab > ul, .LeftColTab > ul > li > div{ margin-bottom:20px;}
.LeftColTab{ padding:20px 30px;}
.LeftColTab > ul > li > a { position:relative; display:block;}
.LeftColTab > ul > li > a:before{ font-family: FontAwesome;
content: "\f107";
right: 14px;
position: absolute;
top: 0px;
font-size: 18px;}
.LeftColTab > ul > li > a{ text-transform:uppercase; font-size:16px; text-transform:uppercase; color:#22272b; margin-bottom:20px; cursor:pointer;}
.WhiteBgTopBlock .thumbnail{ padding:10px; transition:all 0.3s ease;}
.WhiteBgTopBlock .thumbnail:hover{ background-color:#f2f2f2; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3);}
/* left col */
.col-sm-3.LeftColTab{ width:25% !important; display:block;}
.LeftColTab.col-0{width:0% !important; display:none;}
.col-sm-9.ContenBlock { width:75% !important; }
.ContenBlock.col-sm-12{ width:100% !important;}
.col-sm-9.ContenBlock >.col-sm-3{ width:33.33333333%;}
.ContenBlock.col-sm-12 > .col-sm-3{ width:25%;}
.WhiteBgTopBlock h4.SearchList > a{ color:#484848; cursor:pointer}
.col-sm-9.ContenBlock .SearchList.trig{ opacity:0;}
.ContenBlock.col-sm-12 .SearchList.trig{ opacity:1;}
.WhiteBgTopBlock .TopBlock{margin-top:-250px !important; z-index:2;}
.lightBGRightBlock .magic-checkbox:checked+label{ background-color:#648ebe !important; color:#fff;}
.lightBGRightBlock .magic-checkbox:checked+label:before {

 background:transparent !important;
}
.lightBGRightBlock .magic-checkbox+label{ text-transform: uppercase;
background-color: #dedfe1;
padding: 31px 50px;
display: block;
margin-bottom: 0 !important;
color:#666;}
.lightBGRightBlock .magic-checkbox+label:after {
 top: 35px;
 left: 27px;
 box-sizing: border-box;
 width: 6px;
 height: 12px;
 transform: rotate(45deg);
 border: 2px solid #fff;
 border-top: 0;
 border-left: 0
}
.lightBGRightBlock .magic-checkbox+label:before{
 position: absolute;
 top: 31px;
 left: 20px;
 display: inline-block;
 width: 20px;
 height: 20px;
 content: '';
 border: 2px solid #6a6a6c;
}
.TopBlock{ z-index:5; position:relative; margin-top:-250px; }
a.pdf-file{ position:relative; margin:50px auto; display:block; width:170px; font-size:16px; cursor:pointer;color: #86bce4;}
a.pdf-file::before {
    content: "";
    background-image: url(./images/pdf-b.png);
    width: 18px;
    height: 18px;
    background-size: cover;
    position: absolute;
    left: -32px;
    top: 2px;
}
.testimonialBlock{
  background-color:#dedfe1;
  padding:50px;
  margin-top: 75px;
}
.testimonialBlock blockquote {
  position: relative; padding:10px 0; margin-bottom:10px;
  /* background: #ddd; */
}

.testimonialBlock blockquote:before {
  position: absolute; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  content: open-quote;
  content: open-quote;
font-size: 4em;
left:-28px;
top: 0;
color: #c9cacf;
}
.testimonialBlock blockquote:after { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  position: absolute;
  content: close-quote; color:#c9cacf;
  font-size:4em;


}
.testimonialBlock blockquote p {
  display: inline;
}
.testimonialBlock blockquote{ border-left:0;}
.testimonialBlock .UserImages{ width:180px; height:180px; border-radius:50%; margin:0 auto;}
.testimonialBlock .UserImages > img{ width:180px; height:180px;  border-radius:50%; }
.testimonialBlock h3{color: #25253d;
font-size:25px;
font-weight: 700;
text-align:left;
margin-top: 0;
margin-bottom:0px;
text-transform: uppercase;}
.testimonialBlock span.UserName{ display:block; font-size:16px; font-weight:600; color:333; margin-bottom:5px;}
.testimonialBlock span.Userquli{ display:block; font-size:16px;  color:#4d4d4d;}
.ResocurceBlog a.TextBtn{
  color: #b7b7b7;
  font-size: 16px;
  display: block;
  line-height:37px;
  cursor:pointer;
  text-align: right;
}
/*--07112017 */
.ResocurceBlog h1{ text-align:left !important;}
.ResocurceBlog .BlogRightCol{ background-color:#f2f2f2;  margin-bottom:20px; margin-left:0;}
.ResocurceBlog .BlogRightCol:hover{ background-color:#1f282f;}
.OverHistorySection{
  height:400px;
  margin-top:50px;
  position:relative;
  padding: 140px 0;
  background-size: cover;
}
.OverHistorySection:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /*background: rgba(0, 35, 60, 0.8);*/
  width: 100%;
  height: 100%;
  top: 0;
}
.OverHistorySection h1{ color:#FFF; font-size:30px; text-align:center; margin-bottom: 20px; font-weight:600; text-transform:uppercase;}
.OverHistorySection h4{ color:#FFF; font-size:50px; text-align:center;  font-weight:600; text-transform:uppercase;}
.Aboutusservices{ padding-top:30px;}
.Aboutusservices ul{ margin-bottom:50px;}
.licensedSection{ background-color:#f2f2f2; padding:50px 0;}
.licensedSection p{ margin-bottom:0 !important;}
.licensedSection span.Black-Txt{ display:block; color:#000; text-align:center; font-size:16px; line-height:24px;}
.licensedSection span.light-Txt{ display:block; color:#706f75; text-align:center; font-size:16px; line-height:24px;}
ul.ProudMeMberImg > li{ width:33.333%;}
.ContactFormWhiteBg{ background-color:#FFF; padding:55px;display: inline-block;}
.ContactFormWhiteBg .form-control{ height:40px; box-shadow:none;}
.ContactFormWhiteBg textarea.form-control{ height:auto;}
.ContactFormWhiteBg  .btn-Submit{border: 0;
border-radius: 0;
width: 180px;
background-color: #2c486f;
display: block;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
padding: 18px 12px;
margin: 20px auto;}
.Aboutusservices ul > li > a{ font-size:16px;}
.OverHistorySectionTwo{
  /*background-image: url(http://dev1-clients.teckpert.com/dashdoor/wp-content/themes/dashdoor-v1.2/images/background.png);*/
  background-size: cover;
  background-color:#dedede;
  padding:50px 0;
}
.OverHistorySectionTwo p{ text-align:left;}
.OverHistorySectionTwoWhiteBg{ background-color:rgba(255,255,255,0.675); padding:40px;}
/*08112017 update */
.OverHistorySectionTwoWhiteBg .ImgFream{ width: 85%;
/*padding:10px;*/
overflow: hidden;
border: solid 13px #fff;
height: 253px;
box-shadow: 2px 5px 10px 5px rgba(51,51,51,0.3);
position: relative; margin-left:0; background-color:#fff;}
.OverHistorySectionTwoWhiteBg .ImgFream > img{ width: 100%;
height: 100%;
object-fit: cover;}
.ImgEffectOne{
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: 1;
}
.ImgEffectTwo{
  transform: scaleX(1.1);
  margin-top: -20px;
  z-index: 2;
  position: relative !important;
  -ms-transform: rotate(2deg) scale(1,1) translate(-15px,0px);
  -webkit-transform: rotate(2deg) scale(1,1) translate(-15px,0px);
  transform: rotate(2deg) scale(1,1) translate(-15px,0px);
}
.ImgEffectThree{
  z-index: 1;
  width: 100% !important;
  -ms-transform: rotate(-1deg) scale(1,1.1) translate(-20px,5px);
  -webkit-transform: rotate(-1deg) scale(1,1.1) translate(-20px,5px);
  transform: rotate(-1deg) scale(1,1.1) translate(-20px,5px);
}
.ImgEffectFour{
  width: 82%;
  margin-top: -20px;
  z-index: 2;
  position: relative !important;
  transform: rotate(1deg) scale(1,1.1111) translate(30px,15px);
  -webkit-transform: rotate(1deg) scale(1,1.1111) translate(30px,15px);
  -ms-transform: rotate(1deg) scale(1,1.1111) translate(30px,15px);
}
/* end css */
.ProjectDetailsSection{
  padding:50px 0;
  background-color:#FFF;}
.ProjectDetailsSection p a{
  font-weight: 600;
  color:#333;
}

.ProjectDetailsSection h1{
   color: #25253d;
   font-size: 30px;
   font-weight: 700;
   text-align: center;
   margin-top: 0;
   margin-bottom: 40px;
   text-transform: uppercase;
}

.ProjectDetailsSection h3,
.ProjectDetailsSection h4{
   color:#4d4d4d;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
}

.ProjectDetailsSection h4{
   color: #999;
   margin-bottom: 35px;
}

/*================================= AK =====================================*/
.Header_02{
	padding: 50px 0;
	background: url(./images/design/projectpage_header.png) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 660px;
	position: relative;
}
.Header_02::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 10, 51, 0.77);
    background-color: rgba(9,42,76,.82);
    width: 100%;
    height: 100%;
    top: 0;
}
.lines-1:after {
    content: " ";
    background: url(./images/design/Lines_ResourceCenter.png) no-repeat;
    background-position-x: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -360px;
    max-width: 100%;
    height: 120%;
    margin: 0 auto;
    overflow: hidden;
}
section p{
    color: #4d4d4d;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

.projectSinglebg ul li a{
  font-size: 16px;
}

#first-slider {margin-top: 20%;}
.slider-txt{text-align: center;	color: #fff;}
.slider-txt p {text-transform: uppercase;margin: 0 auto;color: #fff;}
.slider-txt h1{
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 25px auto;
	color: #fff;
}
.slider-txt h4{font-weight: 100;}
.cstm-sky-btn-white{
    cursor: pointer;
    border: 2px solid #FFF;
    width: 210px;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
    color: #FFF;
    background-color: transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-weight: 600;
    display: inline-block;
	margin: 0 10px;
}
.cstm-sky-btn-black{
  cursor: pointer;
  border: 2px solid #000;
  width: 220px;
  text-align: center;
  font-size: 16px;
  padding: 20px 10px;
  color: #000;
  background-color: transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  font-weight: 600;
  display: inline-block;
	margin: 0 10px;
}
.slider-txt .cstm-sky-btn-white,
.cstm-sky-btn-black {margin-top: 35px;}

#text_sec {
	padding: 75px;
	background: #f2f2f2;
	margin-top: -75px;
	text-align: center;
}

/*----------CLIENT TESTIMONIALS------------*/
.testimonials{
	background-color: #dedfe1;
	padding: 75px 0;
	position: relative;
}
.hed_01{
    color: #25253d;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.sml_hed_01{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}
.testimonials p {
    margin-bottom: 25px;
}
.testimonials h4{
	font-weight: 600;
	margin-bottom: 10px;
    color: #000;
}
.Header_03{
	padding: 50px 0;
	background: url(./images/design/projectpage_header.png) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 460px;
	position: relative;
}
.Header_03::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    /*background: rgba(0, 35, 60, 0.6);*/
    width: 100%;
    height: 100%;
    top: 0;
}
.hader-txt-03 p {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin: 0 auto;
    text-transform: uppercase;
}
.hader-txt-03 h1 {
    font-size: 46px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 25px auto;
    color: #fff;
}
.hader-txt-03 {
    text-align: center;
    color: #fff;
    margin-top: 15%;
    position: relative;
  z-index: 2;
}
.Header_txt-sec #text_sec {padding: 50px;margin-top: -125px;}
.Header_03.lines-1::after {bottom: auto;}


.services-sec {
    padding: 75px 0;
}
.services{
}

.services ul{
}
.services ul li {
  list-style: none;
  line-height: 24px;
  position: relative;
  color: #4d4d4d;
}
.services ul li::before {
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(./images/design/click_v2.png);
  background-size: cover;
  position: absolute;
  left: -25px;
	top: 3px;
}
.services ul li a {
  color: #333;
  /*text-decoration: none;*/
  text-decoration: underline;
}
.services ul li a:hover {
  font-weight: 500;
  color: #fd5e00;
  text-decoration: none;
}
.services ul li:hover {
  color: #000;

}

.Header_04{
	padding: 50px 0;
	background: url(./images/design/glass_glazing_header.png) no-repeat;
	background-size: cover !important;
	background-position: center;
	min-height: 460px;
	position: relative;
}
.Header_04::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 24, 60, 0.6);
    background-color: rgba(9,42,76,.82);
    width: 100%;
    height: 100%;
    top: 0;
}
.Header_04.lines-1::after {bottom: -60%;}
.Header_txt-sec img.btn2 {
  width: 220px;
  margin-top: 15px;
}
.uper-txt {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 0;
}
#text_sec .services ul li {
  text-align: left;
}
#text_sec .services {
  margin-bottom: 20px;
}
.list ul{padding-left: 5px; }
.list ul li {
  text-align: left;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
/********************************* Resource-sec **************************************/
.resource-center	{
  background: #1f282f;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}
.resource-center::after {
  content: "";
  background-image: url(./images/design/Lines_ResourceCenter.png);
  position: absolute;
  width: 100%;
  height: 150%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  top: 28%;
  background-size: cover;
  z-index: -1;
}
.resource-sec{
	margin-top: 10%;
}
.resource-sec p {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin: 0 auto;
    text-transform: uppercase;
}
.resource-sec h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 25px auto;
  color: #fff;
}
.resor-boxes {
  margin: 25px auto 0 auto;
  text-align: center;
  display: table;
}
.resor-boxes a {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

.box_cs {
  color: #fff;
  display: inline-block;
  width: 200px;
  height: 150px;
  padding: 45px 20px;
  border: solid 1px #fff;
  float: left;
  margin: 10px 10px;
  background-color: rgba(31, 40, 47, .75);
}
.box_cs:hover {
  background: #fff;
  color: #333;
}
.resource-profile{
	padding: 60px 0 40px 0;
}
.resource-profile h1{
  color: #25253d;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.profileDetail{
  background-color: #F2F2F2;
  padding: 30px;
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
}
.profileDetail h1 {
	font-size: 32px;
    text-align: left;
    font-weight: 400;
    color: #666;
    margin-top: 5px;
    margin-bottom: 25px;
}
.profileDetail p{
	color: #999;
	text-align: left;
	font-size: 18px;
}
.profileDetail_p{
    background-color: #F8F8F8;
    padding: 30px;
    margin-bottom: 80px;
}
.profileDetail_p p{
	text-align: left;
}
.profileDetail_p p a {
    color: #000;
}
.profileDetail_p a {
  color: #2e486b;
  font-weight: 600;
}



.profile_poster {
    background: #f1c701;
    background: -moz-linear-gradient(-45deg, #f1c701 0%, #f2ce00 37%, #f2ce00 66%, #eaba02 100%);
    background: -webkit-linear-gradient(-45deg, #f1c701 0%,#f2ce00 37%,#f2ce00 66%,#eaba02 100%);
    background: linear-gradient(135deg, #f1c701 0%,#f2ce00 37%,#f2ce00 66%,#eaba02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c701', endColorstr='#eaba02',GradientType=1 );
    padding: 50px 0;
}
.profile_poster img {
    margin: 0 auto;
    width: 150px;
}
.poster-txt {
    float: left;
    padding-right: 190px;
}
.poster-txt h1 {
    text-align: left;
    font-size: 52px;
    margin: 0 auto;
}
.poster-txt h2 {
    font-size: 36px;
    opacity: .6;
}
.poster-txt p {
    text-align: left;
    line-height: 20px;
    color: #000;
    margin: 30px auto;
}
.poster-txt .cstm-sky-btn-black {
    float: left;
    margin-top: 0;
    padding: 20px 10px;
    width: 250px;
}
/*========================================================================================================================
======================================================== 06/11/2017 ======================================================*/
.project-sec{
    padding: 50px 0;
    
    background-size: cover;
    background-position: center;
}

.project-sec:after {
    content: " ";
    background: url(./images/design/dark_lines_header.png) no-repeat;
    background-position-x: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    overflow: hidden;
}
.contact-hader{
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 5%;
}
.contact-hader p {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin: 0 auto;
    text-transform: uppercase;
}
.contact-hader h1 {
    color: #000;
    font-weight: 600;
    font-size: 50px;
    margin: 25px auto;
    text-transform: uppercase;
}
.details-p{
    padding: 50px;
    background: #fff;
    text-align: center;
}
.slider-hed p {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}
.slider-hed h2{
    color: #25253d;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.project-slider {
    overflow: hidden;
}
#owl-demo-2 .owl-item .item img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  width: 450px;
}
#owl-demo-2 .owl-item .item {
    text-align: center;
}
.cstm-pding{
    padding-right: 10px;
    padding-left: 10px;
}
.owl-theme .owl-controls .owl-nav div.owl-prev, .owl-theme .owl-controls .owl-nav div.owl-next {
    color: #000;
    font-size: 28px;
    background: transparent;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
#owl-demo-2 .owl-nav {
    width: 100%;
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: list-item;
    text-align: center;
    list-style: none;
}
#owl-demo-2 .owl-prev {
	position: absolute;
    left: 28%;
    top: 18%;
    width: 100px;
    color: #fff;
    background-color: transparent;
}
#owl-demo-2 .owl-next {
	position: absolute;
    right: 28%;
    top: 18%;
    width: 100px;
    color: #fff;
    background-color: transparent;
}
#owl-demo-2 .owl-next > i, #owl-demo-2 .owl-prev > i { font-size:50px;}
#owl-demo-2 .owl-controls{
	margin-top: 0 !important;
}
.project-dark-bg {
    padding: 50px 0;
    background-color: #1f282f;
}
.project-dark-bg h2{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.pdf-file{
}
.pdf-file ul {
}
.pdf-file ul li {
	list-style: none;
}
.pdf-file ul li a {
    color: #fff;
	line-height: 40px;
    font-weight: 600;
	position: relative;
}
.pdf-file ul li a::before {
    content: "";
    background-image: url(./images/design/pdf.png);
    width: 18px;
    height: 18px;
    background-size: cover;
    position: absolute;
    left: -40px;
    top: 2px;
}
.pdf-file ul li:hover a{color: #86bce4;}
.pdf-file ul li:hover a:before{background-image: url(./images/pdf-b.png);}
/*--------contact--------*/
.contact-bg {
    padding: 50px 0;
    /*background: url(./images/design/contact_header.png);*/
    background-size: cover;
    min-height: 435px;
    position: relative;
}
.contact-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1, 0, 62, 0.76);
    width: 100%;
    height: 100%;
}
.contact-bg::after {
  content: " ";
  background: url(./images/design/dark_lines_header.png) no-repeat;
  position: absolute;
  top: -150px;
  left: 0;
  background-size: cover;
	width: 100%;
	height: 180%;
}
.contact {
    background: #f2f2f2;
    padding-bottom: 75px;
}
.contact h1 {
    color: #000;
    font-weight: 600;
    font-size: 50px;
    margin: 25px auto;
    text-transform: uppercase;
}
.c-form{
    padding: 50px;
    background: #fff;
    /*margin-top: -300px;*/
}
.from input, .from textarea {
    width: 100%;
    margin-bottom: 20px;
    border: solid 2px #f2f2f2;
    background: #f2f2f2;
    padding: 13px 30px !important;
    line-height: 32px;
    transition: .25s ease-in-out;
}
.from textarea {
    height: 225px;
}
.from input:hover, .from textarea:hover,
.from input:focus, .from textarea:focus{
	border-left-color: #fd5e00;
  outline: none;
}

.orange-btn{
   background-color: #fd5e00;
   color: #fff;
   text-transform: uppercase;
   font-weight: 400;
   padding: 20px 40px;
   margin: 15px auto 0px auto;
   font-size: 16px;
   border-radius: 0;
   border: 0;
}
.location{
	padding: 75px 0;
}
.loc h2 {
    color: #25253d;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.loc-info {
    background: #1f282f;
    padding: 50px;
    width: 100%;
    min-height: 300px;
}
.loc-info img {margin-bottom: 20px;}
.loc-info p{color: #fff;}
.loc-info p:last-child{margin-bottom: 0;}
span.light-blue {color: #86bce4;}
span.light-blue a{color: #86bce4;}

.loc-map{
	min-height: 300px;
	width: 100%;
}
.jeff-corner {
    background: #f1c701;
    background: -moz-linear-gradient(-45deg, #f1c701 0%, #f2ce00 37%, #f2ce00 66%, #eaba02 100%);
    background: -webkit-linear-gradient(-45deg, #f1c701 0%,#f2ce00 37%,#f2ce00 66%,#eaba02 100%);
    background: linear-gradient(135deg, #f1c701 0%,#f2ce00 37%,#f2ce00 66%,#eaba02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c701', endColorstr='#eaba02',GradientType=1 );
    padding: 75px 0;
    min-height: 475px;
}
.jeff img{
	height: 350px;
}
.jeff {
    padding-right: 50px;
}
.jeff-info {
    padding: 50px 0;
}
.jeff-info img {
    width: 200px;
}
.jeff-info p {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 30px;
    margin-bottom: 30px;
}
.videoby {
    background: #27253d;
    color: #fff;
    padding: 25px;
}
.videoby h2{
	margin-bottom: 20px;}
.videoby p{
    color: #9e9ea8;
    text-align: left;
    margin-bottom: 0px;

}
.video-list {
    padding: 50px 0;
}
.video-list h1 {
    color: #25253d;
    font-size: 30px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.video-list p {text-align: right;}
.inner-space {
    padding: 20px;
    background: #f2f2f2;
}
.inner-space h3 {
    font-size: 16px;
    min-height: 40px;
}
.v-lists p {
    text-align: left;
    color: #999;
    margin-top: 10px;
    margin-bottom: 0;
}
.about-jeff h1{
    color: #25253d;
    font-size: 30px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.about-jeff-info h1{
    color: #25253d;
    font-size: 38px;
    font-weight: 400;
    text-align: left;
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0;
    text-transform: capitalize;
}
.about-jeff-info p {
    text-align: left;
}
.infotext{
	background-color: #f2f2f2;
	padding: 35px;
}
.about-jeff {
    padding-top: 25px;
    padding-bottom: 75px;
}






.cstm-sky-btn-black:hover,
.cstm-sky-btn-white:hover{
	transition: .3s;
	background-color: #fd5e00;
	border-color: #fd5e00;
	color: #fff;
}
.cstm-sky-btn-black:focus,
.cstm-sky-btn-white:focus {
    color: #333;
    text-decoration: none;
}

/*====================================================================================
================================== 08/11/2017 =======================================*/
.white-bg{
  background: #fff;
}
.ContactFormWhiteBg.lytgraykBg {
  background-color: #f2f2f2;
}
.ContactFormWhiteBg.lytgraykBg .form-control {
  background: #e5e5e5;
}
#owl-demo-3 img, #owl-demo-4 img {
  /*max-width: 100%;
  max-height: 100% !important;*/
}
#owl-demo-4 {
  margin-top: 15px;
}

#owl-demo-3 .owl-controls.clickable, #owl-demo-4 .owl-controls.clickable {
  display: none !important;
}
#owl-demo-3 .owl-item, #owl-demo-4 .owl-item {
  height: 90px;
  display: table;
}
#owl-demo-3 .item{
  height: 150px;
}
#owl-demo-3 .item, #owl-demo-4 .item {
  padding: 0 20px;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}
#owl-demo-4 .item {
  height: auto;
}
.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail img {
  height: 275px; width: 100%;}
.FeaturedProjectSection .ThumbnailSection .thumbnail img{
  height: 250px; width: 100%;}
.ContactForm .gform_wrapper span.gform_description{
  color: #4d4d4d;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 35px;
  width: 100%;
}
.MeetOurGroupsBlock .form-group {margin-bottom: 15px;}
.MeetOurGroupsBlock .gform_wrapper .top_label input.medium,
.MeetOurGroupsBlock .gform_wrapper .top_label select.medium{
  height: 55px;
  padding: 12px 20px !important;
  border: 0;
  border-radius: 0;
  background-color: #f2f2f2;
  width: 100%;
}
.MeetOurGroupsBlock .gform_wrapper .top_label select.medium:before{
  content: ""
}

.MeetOurGroupsBlock .gform_wrapper .gform_footer input.button,
.MeetOurGroupsBlock .gform_wrapper .gform_footer input[type="submit"]{
  border: 0;
  border-radius: 0;
  width: 100%;
  background-color: #fd5e00;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  padding: 18px 12px;
  margin-right: 0;
  height: 55px;
}
.MeetOurGroupsBlock .ContactForm{
   float: left;position: relative;}
.MeetOurGroupsBlock .gform_wrapper .gform_body {
  float: left;
  width: calc(66.6666666667% - 20px);
  padding: 0px;
}
body .MeetOurGroupsBlock .gform_wrapper .top_label div.ginput_container {margin-top: 0;}
.MeetOurGroupsBlock .gform_wrapper .top_label .gfield_label{display: none;}
.MeetOurGroupsBlock .gform_wrapper ul.gform_fields li.gfield {
   padding-right: 10px;
   padding-left: 10px;
   margin-top: 0;
   width: 50%;
   float: left;
   clear: none;
   position: relative;
}
.MeetOurGroupsBlock .gform_wrapper .gform_footer {
  margin: 0;
  clear: both;
  width: calc(33.333333333333% - 30px);
  padding: 0 10px;
  float: left;
  position: absolute;
  right: 80px;
}

#text_sec ul{margin-bottom: 25px;}
#text_sec ul li {
    text-align: left;
    /*list-style: none;*/
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.drop-dwn .cstm-sky-btn-black {
    height: 60px;
    padding: 10px 0 !important;
    position: relative;
    text-align-last: center;
}
.drop-dwn .cstm-sky-btn-black option:first-child {
   position: relative;
}
#project_industries_drop:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.drop-dwn::after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 25px;
    bottom: 15px;
    font-size: 2em;
}
#project_industries_drop:hover .drop-dwn::after {color: #fd5e00;}

.drop-dwn {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
.load-btn {
    margin-top: 50px;
    background: none;
    border: 0;
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
}

/************************************ Carousel Styles *********************************/
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.testimonials .owl-pagination{
    display: none;
}

.carousel-indicators .active {background-color: #2980b9;}
.carousel-inner img {width: 100%;max-height: 460px;}
.carousel-control {width: 0;}
.carousel-control {top: 48%;}
.carousel-control.left,
.carousel-control.right {
	opacity: 1;	filter: alpha(opacity=100);	background-image: none;
	background-repeat: no-repeat;text-shadow: none;}
.carousel-control.left span {padding: 15px;}
.carousel-control.right span {padding: 15px;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;	display: inline-block;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {left: 0;}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {right: 0;}
.carousel-control.left span,
.carousel-control.right span {background-color: #000;}
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}
.header-text {position: absolute;top: 20%;left: 1.8%;right: auto;width: 96.66666666666666%;color: #fff;}
.header-text h2 {font-size: 40px;}
.header-text h2 span {background-color: #2980b9;padding: 10px;}
.header-text h3 span {background-color: #000;padding: 15px;}
.btn-min-block {    min-width: 170px;line-height: 26px;}
.btn-theme {color: #fff;background-color: transparent;border: 2px solid #fff;margin-right: 15px;}
.btn-theme:hover {color: #000;background-color: #fff;border-color: #fff;}
.owl-theme .owl-controls .owl-nav div.owl-prev, .owl-theme .owl-controls .owl-nav div.owl-next {
    color: #374763;
    font-size: 28px;
    background: transparent;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.owl-prev {
    position: absolute;
    left: -50px;
    top: 18%;
}
.owl-next {
    position: absolute;
    right: -50px;
    top: 18%;
}
.owl-pagination {
    display: none;
}
/*=======================NEW SLIDER=====================*/
.new-slider{
  min-height: 660px;
  position: relative;
}
.new-slider:after {
  content: " ";
  background: url(./images/Lines_ResourceCenter.png) no-repeat;
  background-position-x: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -360px;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  z-index: -1;
}
.new-slider .header-text {
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 12%;
}
.new-slider .header-text::before{
  content: " ";
  background: url(./images/Lines_ResourceCenter.png) no-repeat;
  background-position-x: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -360px;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 0;
}
.new-slider .header-text::after {
  background: rgba(0, 5, 60, 0.64);
  z-index: -1;
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {min-height: 660px;width: 100%;}
.new-slider .carousel-control {top: 45%;}
.new-slider .container-fluid {padding-right: 10px;padding-left: 10px;}

/*=============================== 09-11-2017 ===================================*/
.ContactFormBlock.MeetOurGroupsBlock .ContactForm {
   margin-top: 0;
}
.navbar-header {
   width: 10%;
   float: left;
}
.c-form .gform_wrapper h3.gform_title {
   color: #000;
   font-weight: 600 !important;
   font-size: 50px;
   margin: 25px auto;
   text-transform: uppercase;
   text-align: center;
}
.c-form .gform_wrapper span.gform_description {
   color: #4d4d4d;
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 20px;
}
.c-form .gform_wrapper ul.gform_fields li.gfield {
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 0;
   width: 50%;
   float: left;
   clear: none;
}
.c-form .gform_wrapper textarea.medium {height: 225px;}
.c-form .gform_wrapper ul.gform_fields li#field_1_3.gfield{float: right;}
.c-form .gform_wrapper ul.gform_fields li#field_7_3.gfield{float: right;}
.c-form .gform_wrapper .top_label .gfield_label{display: none;}


body .c-form  .gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
}
.c-form .gform_wrapper .gform_footer input[type="submit"]{
   background-color: #fd5e00;
   color: #fff;
   text-transform: uppercase;
   font-weight: 400;
   padding: 20px 40px !important;
   margin: 15px auto 0px auto;
   font-size: 16px;
   border-radius: 0;
   border: 0;
   line-height: 16px;
}
.c-form .gform_wrapper .gform_footer {
   padding: 0;
   margin: 0;
   clear: both;
   width: 100%;
   text-align: center;
}
.c-form .gform_wrapper .gform_body {
   width: 100%;
   float: left;

}
.single-project-contact-form{}
body .single-project-contact-form .gform_wrapper .top_label div.ginput_container {margin-top: 0;}
.single-project-contact-form .gform_wrapper ul.gform_fields li.gfield {
   padding-right: 10px;
   padding-left: 10px;
   margin-top: 0;
   width: 50%;
   float: left;
   clear: none;
}
.single-project-contact-form .gform_wrapper ul.gform_fields li.gfield#field_5_3{width: 100%;}
.single-project-contact-form .gform_wrapper .top_label .gfield_label {display: none;}
.single-project-contact-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
   font-size: inherit;
   font-family: inherit;
   letter-spacing: normal;
   height: 40px;
   box-shadow: none;
   padding: 12px 20px;
   border: 0;
   border-radius: 0;
   background-color: #e5e5e5;
   margin-bottom: 15px;
}
.single-project-contact-form.lytinput .gform_wrapper textarea.medium,
.single-project-contact-form.lytinput .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
   background-color: #e5e5e5;
}
.single-project-contact-form .gform_wrapper textarea.medium{
   height: 80px;
   padding: 12px 20px;
   border: 0;
   border-radius: 0;
   background-color: #e5e5e5;
   margin-bottom: 15px;
}
.single-project-contact-form .gform_wrapper .gform_footer {
   padding: 0;
   margin: 0;
   clear: both;
   width: 100%;
   float: left;
   text-align: center;
}
.single-project-contact-form .gform_wrapper .gform_footer input.button,
.single-project-contact-form .gform_wrapper .gform_footer input[type="submit"]{
   border: 0;
   border-radius: 0;
   width: 180px;
   background-color: #2c486f;
   display: block;
   color: #fff;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600;
   padding: 18px 12px;
   margin-top: 20px;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
}
/*----ERROR-----*/
.single-project-contact-form .gform_wrapper div.validation_error{
color: red;font-size: 1em;font-weight: 400;margin-bottom: 15px;
border-top: 0;border-bottom: 0;padding: 0;clear: both;
width: 100%;text-align: center;}
.single-project-contact-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
.single-project-contact-form .gform_wrapper li.gfield.gfield_error,
.single-project-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
background-color: transparent;margin-bottom: 0px !important;
border-top: 0px solid #C89797;border-bottom: 0px solid #C89797;
padding-bottom: 0;padding-top: 0;box-sizing: border-box;}
.single-project-contact-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: calc(100% - 0px) !important;}
.single-project-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.single-project-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0;}
.single-project-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {max-width: 100%;padding-right: 0;}
.single-project-contact-form .gform_wrapper .field_description_below .gfield_description {padding-top: 0;padding-bottom: 10px;margin-top: -15px;}
.single-project-contact-form .gform_wrapper .validation_message {color: red;font-weight: 400;letter-spacing: normal;}
.single-project-contact-form .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.single-project-contact-form .gform_wrapper li.gfield_error textarea {border: 2px solid #fff;}

.contact .gform_wrapper div.validation_error {
color: red;font-size: 1em;font-weight: 400;margin-bottom: 15px;
border-top: 0;border-bottom: 0;padding: 0;clear: both;
width: 100%;text-align: center;}
.contact .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: 100%;}
.contact .gform_wrapper li.gfield.gfield_error,
.contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;margin-bottom: 0px !important;
border-top: 0px solid #C89797;border-bottom: 0px solid #C89797;
padding-bottom: 0;padding-top: 0;box-sizing: border-box;}
.contact .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: calc(100% - 0px) !important;}
.contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0;}
.contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {max-width: 100%;padding-right: 0;}
.contact .gform_wrapper .field_description_below .gfield_description {padding-top: 0;padding-bottom: 10px;margin-top: 0px;}
.contact .gform_wrapper .validation_message {color: red;font-weight: 400;letter-spacing: normal;}
.contact .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.contact .gform_wrapper li.gfield_error textarea {border: 2px solid #f2f2f2;}

.ContactForm .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.ContactForm .gform_wrapper li.gfield_error textarea {border: 2px solid #f2f2f2;}
.ContactForm .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
font-size: inherit;font-family: inherit;padding: 5px 4px;letter-spacing: normal;}
.ContactForm .gform_wrapper.gform_validation_error .top_label input.medium,
.ContactForm .gform_wrapper.gform_validation_error .top_label select.medium,
.ContactForm .gform_wrapper.gform_validation_error .top_label input.medium,
.ContactForm .gform_wrapper.gform_validation_error .top_label select.medium {width: 100%;}
.ContactForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.ContactForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0;}
.ContactForm .gform_wrapper li.gfield.gfield_error,
.ContactForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;margin-bottom: 0px !important;border-top: 0;
border-bottom: 0;padding-bottom: 0;padding-top: 0;box-sizing: border-box;}
.ContactForm .gform_wrapper .validation_message {color: red;font-weight: 400;}
.ContactForm .gform_wrapper div.validation_error {color: red;font-size: 1em;font-weight: 400;margin-bottom: 0px;
border-top: 0;border-bottom: 0;padding: 16px 0;clear: both;width: 100%;text-align: center;}
.TelPhone a {font-weight: 300 !important;}
#text_sec p a{font-weight: 600;color: #424242;}

.contact .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.contact .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):hover,
.contact .gform_wrapper li.gfield_error textarea:focus,
.contact .gform_wrapper li.gfield_error textarea:hover {
  border-left-color: #fd5e00;outline: none;
}
/*--- FOR MAP----*/
.loc-map .gm-inset.gm-inset-hover-enabled,
.loc-map .gm-inset-light {display: none !important;opacity: 0;}

/*--- nit -----*/
#gform_4 .gform_title {
   color: #25253d;
   font-size: 30px !important;
   font-weight: 700 !important;
   text-align: center;
   margin-top: 0 !important;
   margin-bottom: 15px !important;
   text-transform: uppercase;
}
/*================================ 13-11-2017 ===============================*/
.details-p.single-product-details ul li {
  position: relative;
  list-style: none;
  line-height: 24px;
  text-align: left;
}
.details-p.single-product-details ul li::before {
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(./images/design/click.png);
  background-size: cover;
  position: absolute;
  left: -25px;
  top: 3px;
}
#text_sec p a img{max-width: 100%;}
.details-p.single-product-details p a img {max-width: 100%;}
/*=====================================15-11-2017====================================*/
.collapsing {width: 100%;}
.LogoBlock a {padding-left: 0;}
.LogoBlock a img{max-width: 100%;}
.single-project-contact-form .gform_wrapper .gform_heading {display: none;}
#field_4_2::before {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  right: 25px;
  top: 14px;
  font-size: 26px;
  color: #666;
}
.poster-txt .cstm-sky-btn-black {margin-left: 0;}
.white-bg-projct {background-color: #fff !important;}
.ProjectDetailsSection.projectSinglebg{background-color: #f2f2f2 !important;}
.gray-bg-projct{background-color: #f2f2f2 !important;}
.details-p.single-product-details a.cstm-sky-btn-black {width: auto;min-width: 200px;}
.NavLeftSection.BlogNavBlock .jeefBlock.gray-bg-jeff{background: #f2f2f2 !important;}
#product-keywords {padding-left: 50px;}
#search-product-btn {cursor: pointer;}



.featured-project-section {
    padding-top: 50px;
}

.featured-project-section  .slider-hed p{
  margin-bottom: 0;
}
#featured-project-carosel span{
  height: 120px;
  display: table;
  margin: 0 auto;
}
#featured-project-carosel span h2 {
  color: #25253d;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
}
#featured-project-carosel .owl-item span h2{
  visibility: hidden;
  opacity: 0;
  transition: .4s ease-in;
}
#featured-project-carosel .owl-item.active.center span h2{
  visibility: visible;
  opacity: 1;
  transition: .4s ease-in;
}
#featured-project-carosel .owl-nav {
  width: 100%;
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: list-item;
  text-align: center;
  list-style: none;
}
#featured-project-carosel .owl-prev {
  position: absolute;
  left: 25%;
  top: -12px;
  width: 100px;
  color: #fff;
  background-color: transparent;
}
#featured-project-carosel .owl-next {
  position: absolute;
  right: 25%;
  top: -12px;
  width: 100px;
  color: #fff;
  background-color: transparent;
}
#featured-project-carosel .owl-next > i,
#featured-project-carosel .owl-prev > i {
  font-size: 30px;
}
#featured-project-carosel.owl-theme .owl-controls{margin-top: 0;}
#featured-project-carosel {position: relative;}
#featured-project-carosel .owl-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 300px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
  opacity: 1;
  transition: .4s ease-in;
}
#featured-project-carosel .owl-item.center::before {
  opacity: 0;
  transition: .4s ease-in;
}





#owl-demo-2 {position: relative;}
#owl-demo-2 .owl-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.55);
  opacity: 1;
  transition: .4s ease-in;
}
#owl-demo-2 .owl-item.center::before {
  opacity: 0;
  transition: .4s ease-in;
}




/*---nitesh----*/
.WhiteBgTopBlock .thumbnail {
  min-height: 205px;
}
.bottom-padding-0 {
  padding-bottom: 0 !important;
}
.NavLeftSection.BlogNavBlock .jeefBlock {
  padding-bottom: 50px;
}
.contact-form-bgr{background-color: #d8d8d8;}
.products .product-fix-thumb {
   max-height: 100px;
   overflow-y: hidden;
}
.products .thumbnail .caption {
   padding: 9px;
   color: #333;
   height: auto;
}
.black-overlay{
   background-color: rgba(255, 255, 255, 0.7);
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   bottom: 0;
   z-index: 99999;
   text-align: center;
   display: none;
}
.black-overlay img{margin-top: 15%;max-width: 115px;}
.SearchList.trig {
   opacity: 1;
   display: none;
}
#featured-project-carosel .owl-item img {
   max-width: 100%;
   margin: 0px auto;
   text-align: center;
   height:300px;
}
#featured-project-carosel .owl-item .item {
   text-align: center;
}
.product-fix-thumb {
   max-height: 161px;
   overflow-y: hidden;
}
.details-p img {
   max-width: 100%;
}
.load-btn:focus {
    outline: none;
}
/*============== AKA === 28-11-2017 ==============*/
#gform_wrapper_3 ul li {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  width: 50%;
  float: left;
  clear: none;
}
#gform_wrapper_3 ul li#field_3_17 {
  float: right !important;
}
#gform_wrapper_3 ul li#field_3_17 textarea.medium{
  height: 390px;
}
h3.gform_title {
  color: #000;
  font-weight: 600 !important;
  font-size: 50px;
  margin: 25px auto;
  text-transform: uppercase;
  text-align: center;
}

#gform_wrapper_3 ul li select{
  margin-bottom: 20px;
  border: solid 2px #f2f2f2;
  background: #f2f2f2;
  padding: 13px 30px !important;
  line-height: 32px;
  transition: .25s ease-in-out;
  width: 100%;
  height: 62px;
}
#gform_wrapper_3 ul li#field_3_6,
#gform_wrapper_3 ul li#field_3_12{
  width: calc(100% - 20px) !important;
  margin: 20px auto !important;
  padding: 15px 0 !important;
  text-align: center;
  float: none;
  display: block;
  clear: both !important;
  border-bottom: 0;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400;
}
#gform_wrapper_3 ul li#field_3_6 h2,
#gform_wrapper_3 ul li#field_3_12 h2{
  font-weight: 400;
}
.padding-top-75{padding-top:75px;}
/*========================= ERROR ======================*/
.error {
  background: url(./images/design/Lines_ResourceCenter.png) no-repeat;
  background-color: #F2F2F2;
  position: relative;
  position: relative;
  background-repeat: repeat-x;
}
.error::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.eror-404 {
  padding: 75px 25px;
  background: #fff;
  margin: 100px auto;
}
.eror-404 h1 {
  font-size: 100px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 25px;
  color: #4A4A4A;
}
.eror-404 h2 {
  font-size: 32px;
  color: #4A4A4A;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 25px;
}
.eror-404 p {
}
.eror-404 hr {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 65%;
}
.error-btn{
  border: 0;
  border-radius: 0;
  max-width: 220px;
  background-color: #fd5e00;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  padding: 18px 12px;
  margin: 60px auto 0 auto;
  height: 55px;
}
.btn.error-btn:hover, .btn.error-btn:focus{
  color: #fff;
}
.ContactForm.newContactus h3 {
  color: #25253d;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: center;
  margin-top: 0 !important;
  margin-bottom: 35px !important;
  text-transform: uppercase;
}
.btn.btn-contact{
  border: 0;
  border-radius: 0;
  max-width: 220px;
  background-color: #fd5e00;
  border:1px solid #fd5e00;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  padding: 18px 12px;
  margin: 0 auto;
  height: 55px;
  transition: all 0.3s;
}
.btn.btn-contact:hover{
  color:#fd5e00!important;
  background-color: transparent;
}
/*=====================================AKA 08-12-2017====================================*/
.service-content-box.blog.search-cntnt-nt-found {
    margin-top: 0px;
}
.blog.search-cntnt-nt-found .search-blog {
  background: #f2f2f2;
  padding: 50px;
  margin-bottom: 25px;
}
.blog.search-cntnt-nt-found .search-blog p{
  text-align: left;
}
.search-cntnt-nt-found h6 {
  font-size: 20px;
  margin-top: 30px;
  text-align: left;
  margin-bottom: 10px;
  font-weight: 600;
}
.search-cntnt-nt-found h6 a{
  color: #25253d;
  font-weight: 600;
}
.singleServSection .hader-txt-03.single_ser h4,
.singleServSection .hader-txt-03.single_ser ul{
  text-align: left;
  padding-left: 0;
  margin-bottom: 10px !important;}






/*-----------------*/
@media (min-width:480px) and (max-width: 550px){.TopBlock {margin-top: -160px;}}
@media (min-width:200px) and (max-width: 479px){
  .TopBlock {margin-top: -120px;}
  .ContactForm.newContactus h3 {font-size: 30px !important;}
}

@media(max-width:761px) {
  .single-project-contact-form .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
    margin-top: 0px;
  }
  .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
    margin-top: 0 !important;
  }
}
/*=====================================AK====================================*/
@media(max-width:641px){
   .c-form .gform_wrapper .gform_footer input[type="submit"]#gform_submit_button_1{
    line-height: 16px !important;
   }
   .c-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
    line-height: 32px !important;
   }
}
@media (max-width:640px){
  .c-form .gform_wrapper ul.gform_fields li.gfield, #gform_wrapper_3 ul li,
  .single-project-contact-form .gform_wrapper ul.gform_fields li.gfield {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
}
@media(max-width:768px) {
  #featured-project-carosel .owl-prev{left: 0;text-align: left;}
  #featured-project-carosel .owl-next{right: 0;text-align: right;}
  #featured-project-carosel .owl-item::before {opacity: 0;}

  #owl-demo-2 .owl-item::before {opacity: 0;}
  #owl-demo-2 .owl-prev{left: 0;text-align: left;}
  #owl-demo-2 .owl-next{right: 0;text-align: right;}

  #featured-project-carosel .owl-item span h2 {visibility: visible;opacity: 1;}
  .ProductLineRight{padding: 40px 10px;}
  .ProductLineRight {margin-right: 0;}

  .Header_04, .Header_03, .Header_02 {
    padding: 40px 0;
    min-height: 350px;
    
  }

  .static-template-title .thumbnail p br{
    display: none;
  }

  .static-template-title .thumbnail>p{
    
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .static-template-title .thumbnail p strong{
    white-space: nowrap;
  }

  .hader-txt-03 h1{
    margin-top: 5px;
  }

  .testimonialBlock .UserImages {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .testimonialBlock .UserImages > img {
    width: 50%;
    height: 50%;
  }

  .testimonialBlock blockquote, .testimonialBlock h3, .testimonialBlock span{
    text-align: center;
  }

  .testimonialBlock blockquote:after {
    right: -20px;
  }

  .testimonialBlock blockquote:before {
    left: -8px;
    top: 0;
  }

  .OverHistorySection{
    padding: 80px 0;
  }

  .OverHistorySection h1 {
    margin-bottom: 13px;
  }

  .resource-center {
    background: #1f282f;
    padding: 25px 0;
    position: relative;
    z-index: 1;
  }
    
    .resource-sec h1 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 25px auto;
    color: #fff;
    }
    .resor-boxes {
    margin: 1px auto 0 auto;
    text-align: center;
    display: table;
    }
    .h3, h3 {
    font-size: 20px;
    margin-bottom: 0px;
    }
    
    .profileDetail h1 {
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    color: #25253d;
    margin-top: 5px;
    margin-bottom: 15px;
    }
    .profileDetail p {
    color: #999;
    text-align: center;
    font-size: 16px;
    }
    section p {
    color: #4d4d4d;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    text-align: center;
    }

    .contact-bg {
      min-height: 265px;
    }

    h3.gform_title {
      color: #000;
      font-weight: 600 !important;
      font-size: 30px;
      margin: 25px auto;
      text-transform: uppercase;
      text-align: center;
    }
}
@media(max-width:767px) {
    section.HeaderImg .container{ margin-bottom:0 !important; }
    section.HeaderImg{ height:670px;}
	.jeff, .jeff-info, .jeff-info p {text-align: center;}
  .MeetOurGroupsBlock .gform_wrapper ul.gform_fields li.gfield,
  .MeetOurGroupsBlock .gform_wrapper .gform_body {
  margin: 10px auto; width: 100%;}
  .MeetOurGroupsBlock .gform_wrapper .gform_footer {
  margin: 0px auto;
  width: 100%;
  padding: 0px 10px;
  float: left;
  position: relative;
  right: 0;
  }
  .left.carousel-control{left: 25px;}
  .right.carousel-control{right: 25px;}
  .slider-txt h1 {font-size: 36px;}
  .MeetOurGroupsBlock .ContactForm {padding: 40px 10px;}
  .Header_txt-sec #text_sec{padding: 15px;}
  #text_sec ul {padding-left: 0;}
  .TabSection .tab-content{padding: 15px;}
  .nav.navbar-nav.navbarTop li.active {display: none;}
  .navbar-nav{margin-top: 0px;}
  span.light-Txt {margin-bottom: 15px;}

  .navbar-collapse.collapse.sidebar-navbar-collapse {display: inherit;}
  .SocialMediaIcon > span.tital {padding-left: 30px;}

  .OverHistorySectionTwoWhiteBg .ImgFream{width: 85%;margin: 0 auto;     height: 149px; border: solid 12px #fff; }
  .testimonialBlock {padding: 25px;}
  .testimonialBlock .UserImages {margin-bottom: 15px;  }
  .col-sm-6.fr-center-txt {text-align: center;margin: 10px auto !important;}
  .col-sm-6.fr-center-txt a{text-align: center;float: none !important;}
  .loc-info {margin-bottom: 20px;}
  #text_sec ul {padding-left: 15px;}
  .IndustryDetailSection .NavLeftSection {min-height: auto;}
  #owl-demo-2 .owl-next {right: 0;text-align: right;}
  #owl-demo-2 .owl-prev {left: 0;text-align: left;}

  #owl-demo {padding: 0 25px;}
  #owl-demo .owl-next {right: 0;}
  #owl-demo .owl-prev {left: 0;}
  footer.FristSection ul {height: auto;}
  footer.FristSection h3, .secondSection h3 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  footer.secondSection .AddressBlock, footer.secondSection .news {
    height: auto;
    margin-bottom: 15px;
  }
  footer.secondSection .AddressBlock a{
    margin-bottom: 15px;
  }
  .details-p {padding: 50px 10px;}
  .hader-txt-03 h1 {
    font-size: 40px;
  }
  .MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail {
  /*min-height: 250px;*/
  height: auto;
  /* width: 280px; //*/
  margin: 5px auto;
  }
  .MeetOurGroupsBlock .OurGroupsthumbnail .ourGroupsSections{
    padding-left: 5px;
    padding-right: 5px;
  }

  .ourGroupsSections .thumbnail .caption{
    min-height: 100px;
    display: flex;
    color: #333;
    background-color: white;
    align-items: center;
    
    flex-direction: column;
    
  }
  .MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail {
    background: none;
    display: flex;
    flex-direction: column;
  }

  .poster-txt {
    float: none;
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .poster-txt img {display: inline-block;}
  .poster-txt p {text-align: center;}
  .poster-txt .cstm-sky-btn-black {float: none;}
  .ProductionBgImg .SearchBlock {margin-right: 0;}
  .col-sm-9.ContenBlock {width: 100% !important;text-align: center;display: block; }
  .col-sm-3.LeftColTab {width: 100% !important; text-align: center;}
  .MeetOurGroupsBlock .ContactForm{margin-top: 0;}
  .ProductLineRight {margin-left: 0;}
  .IndustryDetailSection .NavLeftSection {padding: 40px 30px;}

  .ProductLineRight.row img {margin: 0 auto;}
  .ProductLineRight h3 {margin-top: 20px;text-align: center;}

  .OverHistorySectionTwoWhiteBg .col-md-5{
    margin-bottom: 40px;
  }

  .IndustryDetailSection{
    padding: 0px;
  }
  .Aboutusservices ul {
    margin-bottom: 0;
  }

  .servicesList{
    margin-bottom: 40px;
  }

  .IndustryDetailSection .TopBlock{
    margin-top: 0px;
  }

}

@media (min-width:1200px){
  .OverHistorySectionTwoWhiteBg {
    padding: 40px 40px 0px 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,ffffff+39,ffffff+100&0+20,0.65+21,0.65+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 20%, rgba(255,255,255,0.65) 21%, rgba(255,255,255,0.65) 39%, rgba(255,255,255,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 20%,rgba(255,255,255,0.65) 21%,rgba(255,255,255,0.65) 39%,rgba(255,255,255,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 20%,rgba(255,255,255,0.65) 21%,rgba(255,255,255,0.65) 39%,rgba(255,255,255,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff',GradientType=1 ); /* IE6-9 */
  }
  .OverHistorySectionTwoWhiteBg .col-md-5{
    margin-bottom: -40px;
  }
  .OverHistorySectionTwoWhiteBg .ImgFream {
    width: 100%;
    height: 300px;
  }
  .OverHistorySectionTwoWhiteBg .ImgFream {
    top: -50px;
    left: -50px;
  }
}
@media (min-width:992px) {
  .right-br-ft {
    padding-right: 60px;
    margin-right: 60px;
    border-right: solid 1px #424242;
  }
}
@media (min-width:768px) {
  .carousel-control .fa-angle-right, .carousel-control .icon-next {
  margin-right: 0;}
  .carousel-control .fa-angle-left, .carousel-control .icon-prev {
  margin-left: 0;}
  .left.carousel-control { left: -75%; right: 0; margin: 0 auto; }
  .right.carousel-control { left: 0; right: -75%; margin: 0 auto; }
  .slider-txt {padding: 0px 50px;}

  ul.ftr-50 li {
    width: 50%;
    float: left;
  }
  .secondSection .col-sm-4 img {padding-top: 20px;}
  footer.ThridSection a{padding-right: 100px;}

}
@media (min-width:1400px) and (max-width: 1920px){
  .new-slider .header-text {padding-top: 8%;}}
@media (min-width:1921px){
  .new-slider .header-text {padding-top: 5%;}}

@media (min-width:768px) and (max-width: 1023px){
  .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
    margin-top: 0 !important;
  }
}
@media (min-width:1200px) and (max-width: 1920px){
  .left.carousel-control{left: 15%;}
  .right.carousel-control{right: 15%;}

  #carousel-example-generic .left.carousel-control{left: -55%;}
  #carousel-example-generic .right.carousel-control{right: -55%;}
}

@media (min-width:992px) and (max-width: 1199px){
  .MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail {
    min-height:320px;
    height: auto;}
  .left.carousel-control{left: 10%;}
  .right.carousel-control{right: 10%;}
  .lightBGRightBlock .magic-checkbox + label {padding: 31px 20px;text-align: right;}
  .FeaturedProjectSection .ThumbnailSection .thumbnail .caption p {min-height: 190px;}

  #carousel-example-generic .left.carousel-control{left: -55%;}
  #carousel-example-generic .right.carousel-control{right: -55%;}

}

@media (min-width:768px) and (max-width: 991px){
  .MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail{height: 240px;}
  #field_4_2::before {right: 20px;}
  .col-sm-9.ContenBlock > .col-sm-3 {
    width: 50%;
  }
  .left.carousel-control{left: 5%;}
  .right.carousel-control{right: 5%;}

  .new-slider .header-text{padding-top: 20%;}
  .slider-txt h1 {font-size: 36px;}
  .loc-map iframe {height: 375px;}
  .FeaturedProjectSection .ThumbnailSection .thumbnail .caption p {padding: 10px 0px;}
  .row.JeffscornerBlock .col-sm-4 img {margin-left: -30px;}
  .lightBGRightBlock .magic-checkbox + label {padding: 31px 31px; text-align: right;}
  .ContenBlock.col-sm-12 > .col-sm-3 { width: 33.3333333333%;}
  .LeftColTab > ul > li > a::before {right: -22px;}

  #carousel-example-generic .left.carousel-control{left: -55%;}
  #carousel-example-generic .right.carousel-control{right: -55%;}

  .OverHistorySectionTwoWhiteBg .col-md-5{
    margin-bottom: 40px;
  }

}

@media screen and (min-width:768px) and (max-width: 1199px) {
  .navbar.navbarSticky .navbarTop > li > a {
    padding: 4px 5px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
  }
}

@media (min-width:480px) and (max-width: 767px){
  .new-slider .header-text {padding-top: 25%;}
  .col-sm-9.ContenBlock > .col-sm-3 {width: 50%; display: inline-block;float: left;}
  .ContenBlock.col-sm-12 > .col-sm-3 {width: 50%; display: inline-block;float: left;}
  #featured-project-carosel span h2 {font-size: 18px;}
}
@media (min-width:200px) and (max-width: 479px){
  .slider-txt h1 {font-size: 28px;}
  .left.carousel-control{left: 15px;}
  .right.carousel-control{right: 15px;}
  .new-slider .header-text {padding-top: 40%;}
  .c-form, .ContactFormWhiteBg {padding: 50px 20px;}
  .headerConten ul.HeaderBtn > li {margin-bottom: 15px;}
  .hader-txt-03 h1 {font-size: 38px;}
  .HeaderTwoBtnBlock .cstm-sky-btn-white{margin: 6px;}
  .col-sm-9.ContenBlock > .col-sm-3 {width: 100%; display: inline-block;float: none;}
  .ContenBlock.col-sm-12 > .col-sm-3 {width: 100%; display: inline-block;float: none;}

}

@media (min-width: 550px) and (max-width: 1199px) { .TabSection .nav.nav-tabs{ width:100%;}}
@media (min-width: 768px) and (max-width: 992px) {
.TabSection .nav-tabs > li > a{ padding:20px 34px;}
.TabSection .tab-content .ServicesBlock{ padding:10px;}
.ProjectByIndustry ul.IndustyBlock > li{ width:20%; height:162px;}
.FManufacturersSection ul > li > span, .ClientsLogo ul > li > a{ padding:15px;}
.FeaturedProjectSection .ThumbnailSection .thumbnail .caption h4{ min-height:50px;}
.FeaturedProjectSection .ThumbnailSection .thumbnail .caption p{ min-height:260px;}
#featured-project-carosel span h2 {font-size: 22px;}
}
@media (min-width: 320px) and (max-width: 767px) {
  .FManufacturersSection ul > li, .ClientsLogo ul > li {
    width: auto;
    float: none;
    height: auto;
  }
  #featured-project-carosel span h2 {font-size: 22px;}
  .FManufacturersSection ul, .ClientsLogo ul{ display:block;}
  .headerConten h1{ font-size:30px;}
  .headerConten h2{ font-size:25px;}
  .HeaderImg .headerConten .HeaderLogo{ width:300px; margin-bottom:40px; margin-top:20px;}
  .HeaderImg .headerConten .HeaderLogo { width: initial; }
  .HeaderLogo img{     width: 200px; margin-top: 5em; margin-left: auto; margin-right: auto; display: block}
      
  .TabSection .nav-tabs > li{ float:none; margin-bottom:10px;}

  .headerConten {
    text-align: center;
    padding: 0 2vw;
}
}

/** 07/11/2017 **/
.single-resource {
  padding: 20px 30px;
  transition: all 0.3s ease;
  background-color: #FFF;
  margin-left: 6px;
}

.navbar-form.NavSearchBox .btn9{ position:absolute; z-index:5;top: 13px;}
.navbar-form.NavSearchBox .btn9 > .header-search-btn{ background-color:transparent !important;
  border:0 !important;box-shadow: none; }


/** 04/12/2017 **/
.paddingb-20{padding-bottom:20px !important;}

/** 06/12/2017 **/
.service-labels strong a{color:inherit;}
.service-labels strong a:focus, .service-labels strong a:hover {
    color: #23527c;
}
.service-labels strong {
    font-weight: 600;
}

/** 07/12/2017 **/
.text-justify p{text-align:justify;}
.text-left p{text-align:left;}
.project-service-li{padding-left:24px;}
.ContactForm.newContactus{
    padding: 30px 0;
}
.ProductLineHeader .single_ser.hader-txt-03 h4{
    margin-bottom: 30px;
}
.ProductLineHeader .single_ser.hader-txt-03 ul li{
    list-style: none;
    margin-top: 10px;
}
.ProductLineHeader .single_ser.hader-txt-03 .wp-caption{
    margin: 0 auto;
    max-width: 100%;
}
.ProductLineHeader .single_ser.hader-txt-03 .wp-caption img{
    max-width: 100%;
    height: auto;
}
.TopHeaderBlock.ProductLineHeader.LineHeader.singleServSection{
    background: rgba(33, 55, 95, 0.6);
}
.TopHeaderBlock.ProductLineHeader.LineHeader.singleServSection::before{
    background: none;
}
.TopHeaderBlock.ProductLineHeader.LineHeader.singleServSection::after{
    z-index: -1;
}
.contact-form-bgr .ContactForm.newContactus {
    padding-top: 0px;
}

/** 09/12/2017 **/
/*.single-project-gallery.owl-drag .owl-item{max-height:300px;}*/
.padding0 {
    padding: 0;
}

.static-template-title .thumbnail {
  padding: 15px;
  border: 0;
  border-radius: 0;
  background-color: #2c486f;
  box-shadow: 0 2px 10px rgba(0,0,0,0.0);
  min-height: 300px;
  transition: .3s;
}

.static-template-title .thumbnail p{
  color: #FFF !important;
}

/*
.static-template-title .thumbnail {
  padding: 15px;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.0);
  min-height: 300px;
  transition: .3s;
}


.static-template-title .thumbnail:hover {
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  background-color: #2c486f;

}


.static-template-title .thumbnail:hover p{
  color: #FFF !important;
}

*/

section.HeaderImg .container{
  margin-bottom: 10em;
}

.ThumbnailSection .thumbnail .caption{
  min-height: 348px;

}

.txt p {
  text-align: left;
}

section p.testimonial_company_center{
  text-align: center;
}

.contact-bg{
  overflow: hidden;
}



.contact .TabSection .tab-content .ServicesBlock p, .contact .TabSection .tab-content .ServicesBlock{
  min-height: initial;
  margin-bottom: initial;
}


.contact .c-form{
  padding-top:25px;
}

.no-decoration{
  text-transform: none !important;
}


.hader-txt-03 h1+p, .hader-txt-03 p+p{
  text-transform: none !important;
}

.hader-txt-03 p:not(:first-of-type){
  text-transform: none !important;
}



ul.navSideBar > li span {
  width: 235px;
  left: 0;
  text-align: right;
}

#ServicesHeader:after{
  bottom: -60%;
}


.center-margin{
  margin:auto;
}

#text_sec.services_content p a{
  color: #337ab7;
  text-decoration: none;
}

#text_sec.services_content p a:hover{
  color: #23527c;
  
}

#text_sec.services_content{
  margin-bottom: 60px;
}

#text_sec.services_content .HeaderTwoBtnBlock{
  margin-top:30px;
}

.HeaderTwoBtnBlock .cstm-sky-btn-orange {
  display: inline-block;
  margin: 0 6px;
  transition: all 0.3s ease;
  z-index: 2;
  position: relative;
}

.cstm-sky-btn-orange {
  cursor: pointer;
  background-color: #fd5e00;
  border: 1px solid #fd5e00;
  display: block;
  color: #fff;  
  width: 210px;
  text-align: center;
  font-size: 16px;
  padding: 20px 0;
  
  
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  font-weight: 600;
  display: inline-block;
  margin: 0 10px;
}


.cstm-sky-btn-orange:hover {
  color: #fd5e00!important;
  background-color: transparent;
}

#text_sec.services_content h1, #text_sec.services_content h2, #text_sec.services_content h3,#text_sec.services_content h4{
    color: black;
    font-weight: 400px

}
.newContactServicebtn{height: auto !important; padding: 15px 12px !important;}

.MeetOurGroupsBlock .OurGroupsthumbnail .thumbnail .caption h4{
  text-transform: uppercase;
}


.FeaturedProjectSection .ThumbnailSection .thumbnail .caption a{
  height: auto;
}

.FeaturedProjectSection .ThumbnailSection .thumbnail .caption h4{
  min-height: 1px;
}

.contact-bg::before{
  /* background-color: rgba(255,255,255,0); */

  background-color: rgba(9,42,76,.82);
}



@media screen and (max-width: 768px) {

  .ProjectByIndustry ul.IndustyBlock {
    display: block;
  }

  .btn .blogButtonCaret {
    margin-left: 0;
    margin-top: 7px;
    float: right;
  }

  span .blogButtonLabel{
    display: inline-block;
    float: left;
  }
  
}

.clickable{
  cursor: pointer;
}

.gallery-thumbnail{
  width:100%;
}

.gallery-thumbnail-container{
  margin-top:1em;
}

.gallery-row{
  margin-top: 1em;
  margin-bottom: 2em;
}


.modal.and.carousel {
  position: fixed; 
}


.carousel-control.control2{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  filter: alpha(opacity=50);
  opacity: .5;
  padding: 50% 0;
}


@media screen and (max-width: 768px) {
  .carousel-control.control2{

    padding: 50vh 0;
  }

}

.carousel-control.left.control2{
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
  margin:0;
}


.carousel-control.right.control2{
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}


.close.close-btn{
  top: 5px;
  right: 5px;
  position: absolute;
  font-size: 2em;
  border-radius: 50%;
  color: white;
  width: 35px;
  height: 35px;
  opacity: 1;
  background-color: darkred !important;

}



.thumbNailWrapper{
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: center;

}


.thumbContainer{
  display: flex;
}

/*26-11-2019*/
.item.img-responsive.new-owlimg {
	height: 300px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.home-manufacturers{
  max-height:116px!important;
  height: auto!important;
  width: auto!important;
  max-width: 200px;
  margin: auto;
  padding: 0.1em;
}

#owl-demo-4 .owl-stage-outer{
  max-height: 135px!important;
}

#owl-demo-4 .item{
  display: inline!important;
  text-align: center!important;
}