/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* --------------------------------
Reset Browser Inherited Style
---------------------------------*/

html,body,h1,h2,h3,h4,h5,h6,p,dd,dl,dt,div,hr,img,input,select,textarea,ul,ul li{
	margin:0;
	padding:0;
	border:0;
    font-family: 'Lato', sans-serif;
    font-weight: 400; 
    font-size: 16px;
    box-sizing: border-box;
    color: #999999;
    
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    /*line-height: 1.4;*/
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.2s ease-in-out;*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*general*/
body{-webkit-font-smoothing: antialiased;}
.bc{-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;}
p { /*display: block;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;*/margin-bottom:30px;}
.m-overlay{background:rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;left: 0;top:0;z-index:1000;display: none;}

/*font*/
.banner-text .wrapper h1,.banner-desc p:first-child,.btn{font-family: 'Raleway', sans-serif;}
h1{font-size: 45px;font-weight: 300;line-height:48px;color: #222;margin-bottom: 37px;}
h2{line-height:1.3;font-size:20px;color: #444;letter-spacing: 1px;margin-bottom: 20px;}
h3{font-size:18px;line-height:1.3;color: #444;letter-spacing: 1px;margin-bottom: 25px;}
h4{font-size:16px;line-height:1.3;letter-spacing: 1px;margin-bottom: 20px;}
/*top*/
.top{height: 120px;width: 100%;box-sizing: border-box;top: 0;z-index: 9999;position:fixed;padding-top: 0px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.wrapper{max-width: 1280px; margin: 0 auto;padding: 0 20px; box-sizing: border-box;}
.logo{float: left;background: url(../img/LYE-Final-Updated-footer.png)no-repeat;background-size: 120px 120px;width: 120px;height: 120px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
ul.menu{list-style: none;font-size: 0; padding: 0;margin:20px 0 0 0;float: right;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
ul.menu > li{display: inline-block;vertical-align: middle;margin-bottom: 0;}
ul.menu li a{display: inline-block; padding:20px 15px;text-decoration: none;font-size: 22px;color: #fff;outline: none;}
ul.menu li a:hover{color:#7dfaff;cursor: pointer;}
.navicon {
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 999;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-top: 27px;
}
 .navicon .inner {
    display: block;
    width: 50px;
    height: 24px;
    margin: 18px 16px;
    padding: 0;
    position: relative;
}
 .navicon .bar {
    display: block;
    position: absolute;
    width: 100%;
    height:4px;
    left: 0;
    background: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 0;
}
 .navicon .bar.topm {
    top: 0;
}
 .navicon .bar.mid {
    top: 50%;
    margin-top: -2px;
}
 .navicon .bar.btm {
    top: 100%;
    margin-top: -4px;
}
.navicon.is-active .bar.topm,
.navicon.is-active .bar.mid,
.navicon.is-active .bar.btm {
	top: 50%;
	margin-top: -2px;
}
.top.shrink .navicon{margin-top: 10px;}
.top.shrink .navicon .bar{background: rgba(0, 0, 0, 1);}
.top.shrink {
	height: 80px;
	-webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.25);
	box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.25);
	/*background: rgba(255, 255, 255, 0.95)!important;*/
    background:#f8f8f8!important;
    padding-top: 0;
}
.top.openmenu{
   /* background: rgba(255, 255, 255, 0.95);*/
    background:#f8f8f8;
}
.top.openmenu .navicon .bar{
    background: rgba(0, 0, 0, 1);
}

.top.shrink .logo {
	margin-top: -3px;
	background: url(../img/LYE-Final-Updated-footer.png)no-repeat;
    background-size: 80px 80px;width: 80px;height: 80px;
}
.top.shrink ul.menu{margin-top: 7px;}
.top.shrink .menu a{color: #000;}
.top.shrink .menu a:hover{color: #3e7b98;}

/*banner*/
.home-banner-wrapper{position: relative;}
.banner-wrapper::before{content:''; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);position: absolute;left: 0;top: 0;z-index:9;width: 100%;height:0;padding-bottom: 44.9306%;
   /* min-width: 1425px;
    min-height: 400px;*/
    
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}
.banner-wrapper{
    position: relative;
}
.homebanner-slider .banner{
    width: 100%;
    height: 0;
    padding-bottom: 44.9306%;
    background-repeat: no-repeat;
    background-position: center center;
    
}

 .banner-text {
    position: absolute;
    left: 0;
    bottom:50px;
    width: 100%;
    z-index:10;
     /*top: 50%;
  transform: translateY(-50%);*/
}

.banner-text .wrapper{
    /*width: 100%;*/
   /* padding-left: 97px;*/
}
 .banner-text .wrapper h1{
    color: #fff;
    margin-bottom:27px;
    font-size: 82px;
     font-weight: 800;
     word-wrap: break-word;
     line-height: 1;
     
}
.banner-desc{display: block;width:100%;max-width: 500px;/*display: grid;grid-template-columns: 410px 1fr;grid-column-gap: 20px;*/}
.banner-desc p/*:first-child*/{
    line-height: 24px;
    letter-spacing: 1px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
}
.btn{font-size: 13px;color: #fff;padding: 15px 50px;text-decoration: none;border:1px solid #fff;border-color: rgba(255, 255, 255, 0.5); border-width: 1px;letter-spacing: 1px;box-sizing: border-box;opacity: 1;transform-origin: 50% 50% 0px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);font-weight: 500;display: inline-block;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.btn:hover{border-color:rgba(255, 255, 255, 1);}

/*about us*/
.aboutus-section{display: grid;grid-template-columns: 1fr 1fr;}
.aboutus-pic{background: url(../img/about-us.jpeg)no-repeat;}
.aboutus-text{padding: 14%;}
.aboutus-text p{line-height: 26px;font-size:20px;color: #444;letter-spacing: 1px;margin-bottom: 50px;}

/*our services*/
.ourservices-section{padding: 100px 0;background: #f6f6f6;}
.ourservices{display: grid;grid-template-columns:1fr 1fr;grid-column-gap: 20px;}
.ourservices > div:first-child{padding-right: 100px;}
.ourservice-tabs{margin-bottom: 40px;display: grid;grid-template-columns:1fr 1fr;}
.ourservice-tabs a{display:inline-block;padding: 25px;outline: none;text-decoration: none;color: #9f9f9f;border-bottom: 2px solid #e7e7e7;text-align: center;}
.ourservice-tabs a:hover{background: #eeeded;}
.ourservice-tabs a.active{border-bottom: 2px solid #66cccc;color: #444;background: #eeeded;}
.ourservices > div:last-child{padding: 0 0 0 50px;}
.ourservices-tab-contents > div{display: none;}
.ourservices-tab-contents > div.block{display: block;}
/*.ourservices{font-size: 0;padding: 0;margin: 0;box-sizing: border-box;}
.ourservices > div{width: 50%;display: inline-block;box-sizing: border-box;vertical-align: top;}
.ourservices > div:first-child{padding-right: 100px;}*/

.icon-ttl{display:grid;grid-template-columns:50px 1fr; grid-column-gap: 20px;align-items: center;align-content: center;margin-bottom: 30px;}
.icon-ttl .icon img{width: 100%;max-width: 60px;}
/*.os-carousel h3{color: #636363;} */
.icon-ttl h2{margin-bottom: 0;}
/*.ourservices > div:first-child img{max-width: 100%;height: auto;}
.ourservices > .col:last-child{padding: 0 50px;}*/

/*products*/
.products-section{padding: 100px 0;background: #fff;}
.products-quote{max-width: 800px;margin: 0 auto 100px auto;text-align: center;}
.products-quote h2{color: #999999;font-size: 24px;font-weight: 400;}
.products-info{display: grid;grid-template-columns: 350px 1fr;grid-column-gap: 40px}
.tabs-wrapper a{display: block;padding: 25px;outline: none;text-decoration: none;color: #9f9f9f;border-right: 2px solid #e7e7e7;}
.tabs-wrapper a.active{border-right: 2px solid #66cccc;color: #444;}
.tabs-wrapper a:hover{/*border-right: 2px solid #c0c0c0;*/background: #f6f6f6;}
.tabs-wrapper a.active:hover{border-right: 2px solid #66cccc;color: #444;}
.content-wrapper > div{display: none;min-height: 450px;}
.content-wrapper > div.block{display: block;}
.layout1{display: grid;grid-template-columns: 1fr 2fr;grid-column-gap: 20px;}
.layout2{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 30px;}
.three-img{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 10px;}
.four-img{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 10px;}
.caption{display: block;text-align: center;color: #000;padding: 3px 0;}
.special-layout-1{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px;}
.special-layout-1 img{max-width: 100%;height: auto;}
.special-layout-1 .merge-caption{grid-column-start: 1;grid-column-end: 3;grid-row-start: 2;grid-row-end: 3;}
.special-layout-1 > div{text-align: center;}
.special-layout-1 .caption{padding-bottom: 20px;}

/*portfolio-numbers*/
.portfolio-numbers{background: #f6f6f6;padding: 100px 0;}
.portfolio-numbers-wrapper {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px;}
.portfolio-numbers-wrapper > div{text-align: center;}
.portfolio-numbers-wrapper div img{max-width: 100%;height: auto;}
.portfolio-numbers-wrapper p{margin-bottom: 10px;}
.portfolio-numbers-wrapper .num{font-size: 45px;font-weight: 300;color: #333333;}

/*contact*/
.contact{display: grid;grid-template-columns: 1fr 1fr;}
.contact-form{background: #c2c2c2;padding: 100px 80px;}
form .btn{background: #3e7b98;}
.submit-btn-bar{margin-top: 15px;}
.embed-container { position: relative; /*padding-bottom: 100%;*/ height: 100%; overflow: hidden; max-width: 100%; /*height: auto;*/} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
.contact-form p{color: #444;}
.contact-form p:last-child{margin-bottom: 0;}
.contact-info{background: #262626;padding: 70px 0 40px 0;}
.contact-info .wrapper{display: grid;grid-template-columns: 3fr 1fr;}
.contact-info h4{color: #fff;}

/*footer*/
.footer{background:#212121;padding: 30px 0;}
/* ==========================================================================
   Media Queriess
   ========================================================================== */
@media all and (min-width: 1081px) {
     ul.menu{display: block!important;}
   /* .m-overlay{display: none!important;}*/
    .top.openmenu{background: transparent;}
}
@media all and (max-width:1080px) {
   ul.menu{display: none;position:absolute;top:120px;left: 0;width: 100%;margin: 0;overflow-y: scroll !important;overflow-x: hidden !important;background:#efefef;}
    ul.menu li{display: block;padding-left: 0;}
    ul.menu > li{border-bottom: 1px solid #c2c2c2;}
    ul.menu  li > a{color: #000;padding:10px 20px;display: block;}
    ul.menu > li > a{font-size: 18px;}
    ul.menu li a:hover{color: #3e7b98;}
    .navicon{display: block;}
    .top.shrink ul.menu{top: 80px;margin-top: 0;}
    .top.shrink ul.menu a:hover{color: #3e7b98;}
    .banner-text .wrapper h1{font-size: 70px;}
}
@media all and (max-width:900px) {
    .banner-wrapper::before{height: 600px;padding-bottom: 0;}
    .homebanner-slider .banner{height: 600px;padding-bottom: 0;}
    .banner-text .wrapper h1{font-size: 60px;}
    .banner-text{bottom: 30px;}
    .ourservices{grid-template-columns:1fr;}
    .ourservices > div:first-child {padding-right: 0px;margin-bottom: 40px;}
    .ourservices > div:last-child{padding: 0 0 0 0px;}
    .ourservices > div:first-child p img{margin: 0 auto;}
    .products-info{grid-template-columns: 1fr;grid-row-gap: 40px;}
    .tabs-wrapper {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
    .tabs-wrapper a{border-bottom: 2px solid #e7e7e7;border-right: 0px;text-align: center;}
    .tabs-wrapper a.active{border-bottom: 2px solid #66cccc;border-right: 0px!important;}
    .tab-wrapper a:hover,.tab-wrapper a.active:hover{border-right: 0px;}
}
@media all and (max-width:800px) {
    .aboutus-pic{display: none;}
    .aboutus-section{display: block;width: 100%;}
    .aboutus-text {padding: 50px 20px;position: relative;}
    .aboutus-text::before {    
      content: "";
      background: url(../img/about-us.jpeg)no-repeat center center;
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.2;
      z-index: -1;
    }
    .aboutus-text p{margin-bottom: 30px;font-size: 18px;}
    .ourservices-section,.products-section{padding: 50px 0;}
    .portfolio-numbers {padding: 70px 0;}
    .products-quote{margin-bottom: 50px;}
    .contact{grid-template-columns: 1fr;}
    .map{height: 400px;}
    .contact-form{padding: 50px 20px;}
    .contact-info{padding: 50px 0 20px 0;}
}
@media all and (max-width:700px) {
    .banner-desc{display: block;width: 100%;}
    .banner-text{bottom: 25px;}
    .btn{padding: 12px 30px;}
    .banner-desc p/*:first-child*/{margin-bottom: 20px;}
    
}
@media all and (max-width:600px) {
    /*.overall-services-twocols{grid-template-columns: 1fr;grid-row-gap: 0;}*/
    h2{margin-bottom: 13px;}
    .layout1,.layout2{grid-template-columns: 1fr;grid-row-gap: 0px;}
    .layout1 img, .layout2 img{width: 100%;}
    .portfolio-numbers-wrapper{grid-template-columns: 1fr 1fr;grid-row-gap: 20px;}
    .portfolio-numbers {padding: 50px 0;}
    .contact-info .wrapper{grid-template-columns: 1fr;grid-row-gap: 10px;}
    .three-img{grid-template-columns: 1fr 1fr;grid-column-gap: 10px;}
    .four-img,.special-layout-1{grid-template-columns: 1fr 1fr;grid-column-gap: 10px;}
    .tabs-wrapper {grid-template-columns: 1fr;}
}
@media all and (max-width:400px) {
    .ourservice-tabs{grid-template-columns: 1fr;}
    .map{height: 400px;}
    .products-quote h2{font-size: 22px;}
    h1{font-size: 40px;}
    h2{font-size: 18px;}
    .portfolio-numbers h3{font-size: 16px;}
    .banner-text .wrapper h1{font-size: 50px;}
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after,.clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}