/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,500,600,700');

/* Globals */
.career-link{
 cursor: pointer !important;
 display: inline-block;
 z-index: 1000;
 position: relative;
}

.lists li{
 margin-bottom: 15px;
}

.lists{
 padding-left: 20px !important;
 list-style-image: url(/wp-content/uploads/2018/05/yellow-bullet.jpg) !important;
}

.content-grey{
 color: #696969;
}

/*Landing Pages*/
.landing-page-top{
 margin-top: 100px;
}

.landing-page-copy-top{
 font-size: 18px;
 color: #ffffff;
 font-weight: 200;
 text-align: center;
 display: block;
 padding: 0 40px;
 color: #fff;
}

.landing-page-copy-bottom{
 font-size: 18px;
 color: #ffffff;
 font-weight: 600;
 text-align: center;
 display: block;
 padding: 0 49px;
 color: #fff;
}

.homepage-landing-container{
 height: 100%;
}

.landing-header-welcome{
 font-weight: 300;
}

.landing-header-company{
 font-weight: 600;
}

.landing-right-company{
 min-height: 180px !important;
 transform: skewX(13deg);
 opacity: .89;
}

.landing-middle-company{
 min-height: 180px !important;
 transform: skewX(13deg);
 opacity: .89;
}

.landing-left-company{
 padding-top: 25px;
 width: 46.25%;
 float: left;
 margin-right: 15px;
 background-color: #e8b326 !important;
 min-height: 180px;
 opacity: .89;
 -ms-transform: skewX(13deg); /* IE 9 */
 -webkit-transform: skewX(13deg); /* Safari */
 transform: skewX(13deg);
 z-index: 1;
}

@-webkit-keyframes grow{
 0%{-webkit-transform: skewX(13deg) scale(0);}
 50%{-webkit-transform: skewX(13deg) scale(1.25);}
 100%{-webkit-transform: skewX(13deg) scale(1);}
}

@-moz-keyframes grow{
 0%{-moz-transform: skewX(13deg) scale(0);}
 50%{-moz-transform: skewX(13deg) scale(1.25);}
 100%{-moz-transform: skewX(13deg) scale(1);}
}

@-ms-keyframes grow{
 0%{-ms-transform: skewX(13deg) scale(0);}
 50%{-ms-transform: skewX(13deg) scale(1.25);}
 100%{-ms-transform: skewX(13deg) scale(1);}
}

.landing-left-company{
 position:absolute;
 -webkit-animation-name: grow;
 -webkit-animation-duration: .75s;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-timing-function: linear;
 -moz-animation-name: grow;
 -moz-animation-duration: .75s;
 -moz-animation-iteration-count: 1;
 -moz-animation-timing-function: linear;
 -ms-animation-name: grow;
 -ms-animation-duration: .75s;
 -ms-animation-iteration-count: 1;
 -ms-animation-timing-function: linear;
}

.landing-left-company:hover { 
 transform: skewX(13deg) scale(1.1);
 transition: .5s;
}

.landing-right-company{
 padding-top: 25px;
 width: 25%;
 float: right;
 margin-left: 15px;
 background-color: #00457c !important;
}

.landing-right-company:hover { 
 transform: skewX(13deg) scale(1.1);
 transition: .5s;
 z-index: 2;
 position: relative;
}

.landing-middle-company{
 padding-top: 25px;
 width: 25%;
 float: right;
 margin-left: 15px;
 background-color: #B62025 !important;
}

.landing-middle-company:hover { 
 transform: skewX(13deg) scale(1.1);
 transition: .5s;
 z-index: 2;
 position: relative;
}

.landing-left-company-img, .landing-right-company-img, .landing-middle-company-img {
 transform: skewX(-13deg);
 margin: auto;
 display: block;
}

.landing-footer{
 padding: 45px;
 position: absolute !important;
 left: 0px !important;
 bottom: 0 !important;
 margin-top: 75px;
}

.landing-footer-text{
 height: 105px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover {
 background-color: #000000 !important;
 border-color: #000000 !important;
}

.ares .tp-bullet-title {
  display: none;
}


/*Global*/
body {
  font-family: 'Montserrat', sans-serif;
}

.edit-link{
 display: none;
}



/*Header*/
.logged-in.admin-bar #wrapper-navbar
{
 top: 32px;
}

.navbar.navbar-expand-md.navbar-dark{
 height: 70px !important;
 background-color: #000000! important;
 
}

#wrapper-navbar{
 position: fixed;
 z-index: 2;
 width: 100%;
 top: 0;
}

#page-wrapper{
 margin-top: 70px;
}

#mega-menu-wrap-primary{
 left: -15px;
 margin-top: 0px;
}

.navbar-brand.custom-logo-link img{
 top: 52px;
 position: relative;
 z-index: 2;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
 padding: 0px 15px 0px 15px;
 font-size: 12px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
 color: #ffc423;
}

.header-contact{
 color: #fff !important;
 font-size: 14px;
 margin-top: 13px;
}

.header-contact a{
 color: #fff !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
 width: 745px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
 display: none;
}

#mega-menu-item-50 .mega-sub-menu{
 padding-bottom: 25px !important;
 background: #000 !important;
 margin-top: 10px !important;
 left: 0px;
}

#mega-menu-item-62 .mega-sub-menu{
 padding-bottom: 25px !important;
 background: #000 !important;
 margin-top: 10px !important;
 left: -70px !important;
}

.mega-sub-menu-seperator#mega-menu-item-175{
 position: absolute !important;
 height: 80% !important;
 border-left: 1px solid #ffc423 !important;
 top: 13px !important;
 width: 1px !important;
}


.mega-sub-menu-seperator#mega-menu-item-1959{
 position: absolute !important;
 height: 80% !important;
 border-left: 1px solid #ffc423 !important;
 top: 13px !important;
 width: 1px !important;
}

.mega-sub-menu-columns-services .mega-sub-menu li {
 display: inline-block !important;
 float: left !important;
 width: 365px !important;
}

.mega-sub-menu-columns-services .mega-sub-menu li a{
 transform: skewX(-13deg) !important;
 background: transparent !important;
 color: #fff !important;
 font-size: 10px !important;
 text-transform: uppercase !important;
 padding-left: 35px !important;
 height: 25px !important;
}

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:hover{
 color: #ffc423 !important;
}

.mega-sub-menu-columns-services .mega-sub-menu li:nth-child(odd) {
 float: left !important;
 margin-right: 10px !important;
}

.mega-sub-menu-columns-services .mega-sub-menu li:nth-child(even) {
 float: right !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
 transform: skewX(13deg) !important;
}

.mega-sub-menu-seperator a{
 display: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
 display: none;
}



/* Services Page */

.single-service{
 font-size: 1rem !important;
 position: absolute;
 width: 89.5%;
 height: 86.5% !important;
 margin: 0 !important;
 background-color: rgba(0,0,0,0.5);
 color: #fff;
 text-align: center;
 padding: 96px 20px;
}

.single-service:hover{
 text-decoration: underline;
}



/*Footer*/

.footer-col-1{
 width: 30%;
}

.footer-col-2{
 width: 22%;
}

.footer-col-3{
 width: 24%;
 margin-top: 24px;
}

.footer-col-4{
 width: 24%;
}

.footer-col-5{
 width: 17%;
}

.footer-col-3 ul, .footer-col-4 ul{
 margin-top: 57px;
}

.footer-col-3 ul li, .footer-col-4 ul li{
 margin-bottom: 10px;
 display: block;
}

.footer-5{
 float: left;
 padding: 15px 5px;
 color: #fff !important;
}

.footer-5 a{
 color: #fff !important;
 font-size: 14px;
}

.footer-5 li{
 list-style-type: none;
}

#wrapper-footer{
 background: #000;
}

.footer-light-text{
 margin-bottom: 10px !important;
}

.success-footer{
 color: #FDC323;
 font-size: 21px;
 font-weight: 600;
}

.footer-header-contact{
 margin-top: 40px;
}



/*Homepage*/
.homepage-text p{
 color: #8a8a8a;
 font-size: 16px;
}

.more-industrious-header{
 margin-top: 60px;
 margin-bottom: 25px;
 font-weight: 700;
}



/*Homepage Carousel*/
.featured-page{
 margin-left: 20px;
 margin-right: 20px;
 outline: none !important;
}

.featured-title{
 font-size: 22px;
 font-weight: 600 !important;
 text-transform: uppercase;
 margin-bottom: 0 !important;
}

.featured-hr{
 width: 90%;
 float: left;
 border-top: 3px solid #ffc423;
 -ms-transform: skew(-30deg, 0deg);
 -webkit-transform: skew(-30deg, 0deg);
 transform: skew(30deg, 0deg);
 margin-top: 7px !important;
 margin-bottom: 20px;
}

.featured-tagline{
 text-align: center;
 color: #7d7d7d !important;
 font-size: 18px;
 margin-top: 20px;
 font-weight: 700;
 letter-spacing: -1px;
 margin-bottom: 5px;
}

.featured-view-more{
 text-align: center;
 color: #474747;
 font-weight: 700;
 font-size: 16px;
 display: block;
}

.featured-view-more:hover{
 color: #474747 !important;
}


/* Single Project Profile Page */
.pp-header{
 color: #7d7d7d;
 font-size: 1.75rem;
 margin-bottom: 1.35rem !important;
}

hr{
 border-top: 1px solid #9c9c9c;
 clear: both;
}

.slick-prev, .slick-next {
 top: 45% !important;
}

.slick-prev:before, .slick-next:before {
    opacity: 1 !important;
}

.slick-prev {
 left: -45px !important;
 z-index: 1;
 padding-right: 2px !important;
}

.slick-next {
 right: -45px !important;
 z-index: 0;
}

.slick-dots {
 position: relative !important;
 padding: 0px 0px 30px !important;
}

.pp-header-container p{
 color: #9c9c9c;
 margin-top: 30px;
}

.col-1-project, .col-2-project, .col-3-project{
 font-size: .90em !important;
}

.col-1-project{
 padding-right: 55px;
}

.col-1-project h5{
 font-size: 1rem;
 font-weight: bold;
}

.col-1-project p, .col-1-project ul li{
 /* color: #9c9c9c; */
 list-style-type: none;
}

.col-1-project ul li{
 list-style-image: url('/wp-content/uploads/2018/05/yellow-bullet.jpg');
 margin-bottom: 10px;
 padding-left: 10px !important;
}

.col-1-project ul {
 margin-top: 10px;
 padding-left: 18px;
}

.col-2-project h5, .col-3-project h5{
 /* color: #7d7d7d; */
 font-weight: 700;
 font-size: 1.35rem;
 margin-bottom: 20px;
}

.col-2-project p{
 /* color: #7d7d7d; */
}

.col-2-project{
 padding-right: 30px;
 padding-left: 30px;
}

.col-3-project .featured-title{
 font-size: .90rem;
 font-weight: 700;
 color: #939393;
}

.col-3-project .feature-project-location, .related-projects-title{
 /* color: #939393; */
}

.related-projects-title:hover{
 /* color: #939393; */
}

.field.form-control{
 border: 1px solid #a8a8a8 !important;
 border-radius: 8px !important;
 display: none;
}

.search-glass{
 color: #fff;
 display: block;
 text-align: right;
}

.search-glass:hover{
 cursor: pointer;
}

#searchform{
 position: relative;
 width: 50px;
 right: -10px;
}

.field.form-control{
 position: absolute;
 width: 225px;
 margin-top: -10px;
 margin-left: -205px;
}

.search-button, .search-button:hover, .search-button:active{
 background: #fff !important;
 color: #959595 !important;
 border: 1px solid #a8a8a8 !important;
 border-left: 0 !important;
 border-top-right-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
 outline: none !important;
 box-shadow: none !important;
}

input[type="text"], textarea {
 outline: none !important;
 box-shadow: none !important;
}



.single-socials{
 float: right;
 margin-bottom: 20px;
}

#search-wrapper{
 margin-top: 145px;
}



/* Project Listing Page */
.project{
 float: left;
 margin-bottom: 30px;
}

.project-desc-list{
 position: relative;
 background-color: rgba(0, 0, 0, 0.75);
 width: 100%;
 padding: 5px 10px;
 margin-top: -52px;
}

.project-title-list{
 color: #fff;
 display: block;
 font-size: 14px;
 font-weight: 700;
}

.project-location-list{
 color: #fff;
 display: block;
 font-size: 14px;
}

.facetwp-counter{
 display: none;
}

.facetwp-checkbox {
 background: url('/wp-content/uploads/2018/06/checkbox-yellow.jpg') 0 50% no-repeat !important;
 margin-bottom: 15px !important;
 font-size: 15px;
 padding-left: 30px !important;
}

.facetwp-checkbox.checked {
    background-image: url('/wp-content/uploads/2018/06/checkbox-yellow-on.jpg') !important;
}

.facetwp-search{
 border-radius: 5px;
 padding: 5px;
 border: 1.5px solid #bebebe !important;
}

.project-listing-header-column .pp-header{
 font-weight: 700;
}

.project-listing-header-column .pp-header::after{
 content: url('/wp-content/uploads/2018/06/beaver-logo-small.png');
 margin-left: 30px;
}

.project-profiles-container{
 margin-top: 120px;
}

.filter-button{
 width: 100%;
 background-color: #000000;
 border-color: #000000;
 outline: none !important;
 box-shadow: none;
 display: none;
}

.filter-button:hover{
 text-decoration: underline;
}

.filter-button:not(:disabled):not(.disabled):active:focus{
 width: 100%;
 background-color: #000000;
 border-color: #000000;
 outline: none !important;
 box-shadow: none;
}

.filter-button:focus{
 width: 100%;
 background-color: #000000;
 border-color: #000000;
 outline: none !important;
 box-shadow: none;
}

.facetwp-search{
 width: 100%;
}

.filter-container{
 display: block;
}

.featured-carousel-secondary{
 margin-top: 100px;
}



/* About Pages */
.about-content{
 margin-top: 30px;
}
.separator{
 margin-top: 15px;
}
.logo-margin{
 margin-top: 70px;
}


/* Service Pages */
.lists a{
 color: #686868 !important;
 font-weight: bold;
}

.lists a:hover{
 text-decoration: underline;
}



/* Services Pages */
.service-content{
    background: rgba(255, 255, 255, 0.85);
    -ms-transform: skew(13deg); /* IE 9 */
    -webkit-transform: skew(13deg); /* Safari */
    transform: skew(13deg); /* Standard syntax */
    margin-left: -100px;
    visibility: visible !important;
}

.service-title{
    -ms-transform: skew(-13deg); /* IE 9 */
    -webkit-transform: skew(-13deg); /* Safari */
    transform: skew(-13deg); /* Standard syntax */
    margin-left: 200px;
    font-size: 36px;
    font-weight: 700;
    border-bottom: 3px solid #474747;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.service-description{
    -ms-transform: skew(-13deg); /* IE 9 */
    -webkit-transform: skew(-13deg); /* Safari */
    transform: skew(-13deg); /* Standard syntax */
    margin-left: 175px;
}

.service-description-list{
    margin-top: 15px;
    padding-left: 18px;
}

.service-description-list li {
    list-style-image: url(/wp-content/uploads/2018/07/list-circle-png.png);
    margin-bottom: 10px;
    padding-left: 10px !important;
}

.services-empty-space{
    height: 400px !important;
}




/* Careers Page */
.career-button{
 background-color: #ffc423;
 display: inline-block;
 border-radius: 10px;
 text-align: center;
 color: #fff;
 border: 0 !important;
 font-weight: 600;
 font-size: 12px;
 line-height: 14px;
 padding: 10px 30px;
 margin: 50px auto !important;
 z-index: 1;
 position: relative;
}

.career-button:hover{
 cursor: pointer;
}


/* IQ Page */
.submit-button{
 width: 150px;
 font-size: 24px;
 height: 75px;
 margin-top: 25px !important;
}

.submit-button:active,
.submit-button:focus
{
    box-shadow: none !important;
    outline: none !important;
}

.homepage-landing-container {
 background-image: url('/wp-content/uploads/2018/08/sr-8-271-interchange-1.jpg');
 background-color: #000;
}

.ares .tp-bullet.selected {
    background: #FFC423 !important;
}

.landing-header-welcome{
 font-size: 74px;
}

.landing-header-company{
 font-size: 56px;
}

.landing-page-link-container{
 margin-bottom: 30px;
}

#error-404-wrapper{
 margin-top: 150px;
}






/*News Blog*/
.news-wrapper, #archive-wrapper {
 margin-top: 150px;
}

.article-content {

}

.has-thumbnail {
 display: grid;
 grid-template-columns: 175px auto;
}

.posted-on {
 margin-bottom: 10px !important;
 display: block;
 font-weight: 600;
}

.news-sep {
 border-top: 3px solid #000;
 margin-bottom: 30px;
}

.article-sep {
 border-top: 1px solid #000;
 margin-top: 33px;
 margin-bottom: 25px;
}

.read-more {
 background-color: #ffc423;
 color: #474747;
 padding: 7px 0 5px;
 margin-top: 15px;
 display: block;
 width: 150px;
 text-align: center;
 font-weight: bold;
}

.read-more:hover {
 color: #000;
}

.entry-title a {
 color: #000;
}

.entry-date.published {
 color: #212529;
}

.page-item.active .page-link {
 color: #474747;
 background-color: #ffc423;
 border-color: #ffc423;
}

.pagination .page-link {
 color: #474747;
}

.page-link:focus {
 box-shadow: 0 0 0 0.2rem rgb(255 196 35 / 25%);
}

#right-sidebar {
 background-color: #eee;
}

#right-sidebar a {
 color: #474747;
}

#right-sidebar ul {
 padding-left: 22px;
 font-size: 16px;
}

#right-sidebar aside {
 margin-top: 20px;
}

#right-sidebar .widget-title {
 border-bottom: 1px solid #000;
 padding-bottom: 10px;
 font-weight: 700;
 font-size: 1.25rem;
 text-transform: uppercase;
}

.news-header {
 font-weight: 700;
 font-size: 1.75rem;
 text-transform: uppercase;
}

.news-header:after {
 content: url(/wp-content/uploads/2018/06/beaver-logo-small.png);
 margin-left: 30px;
}

.type-post h2 {
 font-weight: 700;
 font-size: 1.5rem;
 text-transform: uppercase;
}

.type-post .single-post {
 margin-top: 175px;
}

.type-post .single-post-content .attachment-post-thumbnail {
 margin-bottom: 30px;
}







@media screen and (max-width: 1350px) {
 /*.mega-sub-menu-columns-services .mega-sub-menu{*/
 /* left: -420px !important;*/
 /*}*/
}



@media screen and (max-width: 1199px) {
 #mega-menu-wrap-primary {
  left: 0px;
 }
 .navbar-brand.custom-logo-link img {
  top: 35px;
  width: 125px;
 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  padding: 0px 10px 0px 10px;
 }
 .header-contact{
  width: 190px;
  text-align: right;
 }
 .logo-margin{
  margin-top: 35px;
 }
 .project-title-list {
  font-size: 11px;
 }
 .project-desc-list {
  margin-top: -47px;
 }
 .single-service{
  width: 87.5%;
  height: 84.4% !important;
  padding: 81px 20px;
 }
 .landing-left-company {
  width: 45%;
 }
 .landing-page-top{
  margin-top: 20px;
 }
 .landing-page-link-container {
  margin-top: 0px;
  margin-bottom: 20px;
 }
 .landing-header-welcome{
  font-size: 65px;
  margin-bottom: 0;
 }
 .landing-header-company{
  font-size: 35px;
  margin-bottom: 0;
 }
}


@media screen and (max-width: 991px) {
 #error-404-wrapper, #search-wrapper{
  margin-top: 80px;
 }

 .navbar-brand.custom-logo-link{
  width: 70px;
 }
 .navbar-brand.custom-logo-link img {
  position: inherit;
  max-width: 100%;
 }
 .navbar-brand .custom-logo-link{
  width: 70px;
 }
 #mega-menu-primary{
  width: 430px !important;
 }
 #mega-menu-wrap-primary {
  left: 0px;
 }
 .header-contact {
  width: 190px;
  font-size: 12px;
  margin-top: 15px;
 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  padding: 0px 5px 0px 5px;
  font-size: 10px;
 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  width: 705px;
 }
 #mega-menu-item-50 .mega-sub-menu {
  left: -85px !important;
 }
 #mega-menu-item-62 .mega-sub-menu {
  left: -140px !important;
 }
 .mega-sub-menu-columns-services .mega-sub-menu li {
  width: 346px !important;
 }
 #searchform {
  right: -10px;
 }
 #mega-menu-wrap-primary {
  margin-top: 0px;
 }
 .footer-5 {
  width: 50% !important;
  height: 265px;
 }
 .service-description{
  margin-left: 15px;
 }
 .logo-margin{
  margin-top: 0px;
 }
 .project{
  max-width: 100%;
 }
 .project img{
  width: 100%;
 }
 .service-title {
  margin-left: 85px;
  font-size: 20px;
 }
 .featured-carousel-secondary{
  margin-top: 50px;
 }
 .featured-title {
  font-size: 12px;
 }
 .featured-tagline {
  font-size: 12px;
 }
 .landing-header-welcome{
  font-size: 40px !important;
 }
 .landing-header-company{
  font-size: 30px !important;
 }
 .landing-page-copy-top, .landing-page-copy-bottom{
  padding: 0;
 }
 .single-service-container{
  width: 50% !important;
 }
 .single-service-container img{
  width: 100% !important;
 }
 .single-service {
  width: 91.7%;
  height: 89.4% !important;
  padding: 140px 20px;
 }
 .landing-left-company {
  width: 43.5%;
 }
 .news-wrapper, #archive-wrapper {
  margin-top: 75px;
 }
 .type-post .single-post {
  margin-top: 75px;
 }
}





@media screen and (max-width: 768px) {
 #mega-menu-primary{
  position: absolute !important;
  z-index: 1 !important;
  width: 290px !important;
  left: -202px !important;;
 }
 .header-contact{
  display: none !important;
 }
 #mega-menu-wrap-primary {
  left: 200px;
  margin-top: -10px !important;
 }
 .mega-toggle-block{
  padding-left: 8px;
 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  transform: skewX(0deg);
 }
 .mega-sub-menu-columns-services .mega-sub-menu li:nth-child(odd) {
  float: left !important;
  margin-right: 10px !important;
 }

 .mega-sub-menu-columns-services .mega-sub-menu li:nth-child(even) {
  float: left !important;
  margin-right: 10px !important;
 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  width: 290px;
 }
 .mega-sub-menu-columns-services .mega-sub-menu li a {
  transform: skewX(0deg) !important;
  line-height: 17px;
 }
 .mega-sub-menu-columns-services .mega-sub-menu li {
  width: 280px !important;
 }
 .mega-sub-menu-columns-services .mega-sub-menu li a {
  padding-left: 10px !important;
 }
 .mega-sub-menu-columns-services .mega-sub-menu li a {
  height: auto !important;
 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
 }
 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
 }
 .mega-sub-menu-seperator{
  display: none !important;
 }
 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
  margin-top: 14px;
 }
 .service-content.wpb_column.vc_column_container.vc_col-sm-10{
  width: 100%;
 }
 .service-content{
  transform: skew(0deg);
  margin-left: 0;

 }
 .service-title {
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
  margin-left: 0px;
 }
 .service-description {
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
  margin-left: 0px;
 }
 .service-content .vc_column-inner{
  padding: 15px !important;
 }
 .services-empty-space{
  height: 0 !important;
 }
 .service-banner{
  padding-top: 0px !important;
 }
 .project-listing-header-column .pp-header::after {
  margin-left: 0px;
  display: block;
 }
 .tp-bullet{
  top: 20px !important;
 }
 .about-content{
  margin-top: 0px;
 }
 .separator{
  margin-top: 0px;
 }
 .slick-dots {
  bottom: 0px !important;
  padding: 0px 0px 0px !important;
 }
 .slick-dotted.slick-slider {
  margin-bottom: 0px !important;
 }
 #searchform {
  right: 190px;
  margin-top: -20px;
 }
 .tp-rightarrow, .tp-leftarrow{
  display: none !important;
 }
 .slick-next {
  right: -31px !important;
 }
 .slick-prev {
  left: -31px !important;
 }
 .link-html-container{
  margin-bottom: 10px !important;
 }
 .landing-page-link-container {
  margin-bottom: 10px;
 }
 .landing-left-company, .landing-right-company, .landing-middle-company{
  margin-top: 0px;
  padding-top: 15px;
  min-height: 160px !important;
 }
 .landing-footer {
  padding: 20px;
 }
}


@media screen and (max-width: 767px) {
 .navbar-toggler{
  display: none !important;
 }
 .filter-button{
  display: block;
 }
 .filter-container{
  display: none;
 }
 .project-profiles-container{
  margin-top: -15px;
 }
 .rc-anchor.rc-anchor-normal.rc-anchor-light{
  transform: scale(.75);
  margin-left: -30px;
 }
 .project{
  padding-left: 0px;
  padding-right: 0px;
 }
 .col-1-project{
  padding-left: 0px;
  padding-right: 0px;
 }
 .col-2-project{
  padding-left: 0px;
  padding-right: 0px;
 }
 .col-3-project{
  padding-left: 0px;
  padding-right: 0px;
 }
 .landing-header-welcome{
  font-size: 30px !important;
 }
 .landing-header-company {
  font-size: 20px !important;
 }
 .landing-footer {
  padding: 15px;
 }
 .project-filter-button{
  margin-bottom: 0px !important;
 }
 .filter-container{
  margin-top: 20px;
 }
 #searchform {
  right: 120px;
 }
 .single-service-container{
  width: 100% !important;
 }
 .single-service {
  width: 94.5%;
  height: 92.8% !important;
  padding: 140px 20px;
 }
 .lists-container{
  margin-bottom: 0 !important;
 }
 
 .landing-left-company {
  width: 100%;
  position: relative;
 }
 
 .landing-middle-company, .landing-right-company {
  width: 48%;
  position: relative;
 }
 
 .landing-right-company {
  margin: 20px 0 0 0 !important;
  float: left;
 }
 
 .landing-middle-company {
  margin: 20px 0 0 0 !important;
  float: right;
 }
 
}


@media screen and (max-width: 620px) {
 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
  margin-top: 13px;
 }
 #mega-menu-wrap-primary {
  left: unset;
  right: 20px;
  position: absolute;
 }
 .slick-next {
  right: 30px !important;
  width: 40px !important;
  height: 50px !important;
  z-index: 0;
 }
 .slick-prev {
  left: 15px !important;
  width: 40px !important;
  height: 50px !important;
  z-index: 0;
 }
 .featured-page {
  padding: 0 40px;
 }
}


@media screen and (max-width: 580px) {
 .landing-left-company {
  margin-top: 10px;
 }
 .landing-right-company {
  margin-right: 15px;
 }
 .landing-middle-company {
  margin-left: 15px;
 }
 .landing-header-company {
  font-size: 18px !important;
 }
 .landing-left-company-img, .landing-right-company-img, .landing-middle-company-img {
  width: 90px;
 }
 .landing-left-company, .landing-right-company, .landing-middle-company {
  min-height: 100px !important;
  padding-top: 8px !important;
 }
}


@media screen and (max-width: 515px) {
 .footer-5 {
  width: 100% !important;
  height: auto;
  text-align: center;
 }
 .footer-5 ul{
  padding-left: 0;
  margin-top: 0px;
 }
 .landing-header-welcome{
  font-size: 22px !important;
 }
 .landing-page-copy-top, .landing-page-copy-bottom {
  font-size: 14px;
  line-height: 17px;
 }
 .landing-page-copy-top {
  font-weight: 400;
 }
 .landing-foot-text{
  font-size: 12px;
  margin-bottom: 5px;
 }
 @supports (-webkit-overflow-scrolling: touch) {
  .landing-footer{
   margin-top: 0px !important;
   bottom: 20px !important;
  }
 }
}

@media screen and (max-width: 425px) {
 .single-service {
  width: 93%;
  height: 91% !important;
 }
}


@media screen and (max-width: 410px) {
 .field.form-control {
  width: 204px;
  margin-left: -180px;
 }
 .landing-header-welcome{
  font-size: 20px !important;
 }
 .landing-header-company {
  font-size: 18px !important;
 }
}



@media screen and (max-width: 375px) {
 .single-service {
  width: 92%;
  height: 89.8% !important;
  padding: 140px 20px;
 }
}


@media screen and (max-width: 370px) {
 .project-title-list {
  font-size: 10px;
 }
 
 .field.form-control
 {
    width: 204px !important;
    margin-left: -130px !important;
    margin-top: 24px !important;
    z-index: 999 !important;
 }
}

@media screen and (max-width: 350px) {
 .homepage-footer p{
  font-size: 11px !important;
 }
}


@media screen and (max-width: 320px) {
 .single-service {
  width: 90.7%;
  height: 88% !important;
  padding: 115px 20px;
 }
 .landing-foot-text {
  font-size: 10px;
 }
}

button {
 background-color: #ffc423;
 border: none;
 color: black;
 padding: 10px 15px;
 cursor: pointer;
}