@font-face{font-family:'BankGothic Md BT';src:url('../fonts/BankGothicBT-Medium.eot');src:url('../fonts/BankGothicBT-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/BankGothicBT-Medium.woff2') format('woff2'),url('../fonts/BankGothicBT-Medium.woff') format('woff'),url('../fonts/BankGothicBT-Medium.ttf') format('truetype'),url('../fonts/BankGothicBT-Medium.svg#BlockGothicRR-MediumCond') format('svg');font-weight:500;font-style:normal}

@font-face{font-family:'SF Pro Display';src:url('../fonts/SFProDisplay-Regular.eot');src:url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),url('../fonts/SFProDisplay-Regular.woff') format('woff'),url('../fonts/SFProDisplay-Regular.ttf') format('truetype'),url('../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'SF Pro Display';src:url('../fonts/SFProDisplay-Medium.eot');src:url('../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),url('../fonts/SFProDisplay-Medium.woff') format('woff'),url('../fonts/SFProDisplay-Medium.ttf') format('truetype'),url('../fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');font-weight:500;font-style:normal}

::-webkit-selection{background:#a1a1a4;color:#fff;text-shadow:none}
::-moz-selection{background:#a1a1a4;color:#fff;text-shadow:none}
::selection{background:#a1a1a4;color:#fff;text-shadow:none}

::-webkit-input-placeholder{color:#a1a1a4!important;opacity:1;font-weight:300!important;font-family:'SF Pro Display';font-size:1.4rem}
:-moz-placeholder{color:#a1a1a4!important;opacity:1;font-weight:300!important;font-family:'SF Pro Display';font-size:1.4rem}
::-moz-placeholder{color:#a1a1a4!important;opacity:1;font-weight:300!important;font-family:'SF Pro Display';font-size:1.4rem}
:-ms-input-placeholder{color:#a1a1a4!important;opacity:1;font-weight:300!important;font-family:'SF Pro Display';font-size:1.4rem}


*{outline:none!important}
html{font-size:62.5%}
body,html{background:#fff;min-width:320px;min-height:340px}
body{font-size:1.4rem;line-height:2.4rem;font-weight:400;font-family:'SF Pro Display',sans-serif;letter-spacing:1px;color:#a1a1a4;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}


.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0}
.video-container video,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}

h1,h2,h3,h4,h5,h6{font-family:'SF Pro Display';letter-spacing:1px;margin-top:0;margin-bottom:.5em;text-transform:none;font-weight:400}
h1{font-size:4rem;line-height:4.8rem;color:#f58220}
h2{font-size:2.4rem;line-height:2.9rem;color:#333335}
h3{font-size:2rem;line-height:2.5rem}
h4{font-family:'BankGothic Md BT';font-size:1.4rem;line-height:2.6rem;text-transform:uppercase;color:#fff;opacity:.75;margin-bottom:.75em}
h5{font-size:1.6rem;line-height:2.6rem}
h6{font-size:1.4rem;line-height:2.4rem}


.content{background:#fff;width:100%;margin:0 auto;overflow:hidden}

.container{max-width:1470px}
.container-fluid{padding:0}

.row-eq-height > [class^=col]{display:flex;flex-direction:column}

pre{position:absolute;top:0;left:0;z-index:5000;background:#fff;max-width:100%}

a{color:#f58220;text-decoration:none;outline:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover,a:focus,a:active{text-decoration:none;color:#c86109}

b,strong{font-weight:700}

p{display:block;margin:0 0 1em}
ul,ol{display:block;margin:0 0 1em}

input[type=checkbox]{-webkit-appearance:checkbox}

.input{margin:0 0 1em;display:block;width:100%}
.inputbox{font-size:1.4rem;line-height:2.4rem;display:block;width:100%;background:#f7f7f7;color:#333335;padding:1em 2em;margin:0;border:solid 1px #f7f7f7;box-shadow:none}
.inputbox.error{border:solid 1px #f58220}
label.error{display:none!important}

.checkbox{margin:2em auto 0;display:inline-block;width:100%}
.checkbox > div{width:auto;margin:0 auto}

.checkbox label{font-size:1.4rem;font-weight:300;margin:0 0 0 25px;cursor:pointer}
.checkbox label a{color:#a1a1a1}
.checkbox label a:hover{color:#f58220}
.checkbox label.error{display:none}
.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],.radio input[type="radio"],.radio-inline input[type="radio"]{margin-left:0}
.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],.radio input[type="radio"],.radio-inline input[type="radio"]{display:none}

.checkbox input[type=checkbox] + label::before{content:'\f0c8';position:absolute;top:0;margin-left:-25px;font-family:'Font Awesome 5 Pro';font-weight:300;font-size:100%;display:inline-block;letter-spacing:.75em;color:#a1a1a1;background:none}
.checkbox input[type=checkbox]:checked + label::before{content:'\f14a';color:#333335}

.checkbox .checkbox-error{color:#f58220}
.checkbox .checkbox-error a{color:#f58220}

.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

.btn{position:relative;font-size:1.4rem;line-height:47px;font-weight:400;text-transform:uppercase;display:inline-block;padding:0 3em;margin:2em 0 0;background:#f58220;color:#fff;border:solid 2px #f58220;vertical-align:middle;z-index:1;border-radius:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.btn:hover,.btn:focus,.btn:active{color:#f58220;background:#fff;border:solid 2px #f58220;box-shadow:none!important;outline:none!important;cursor:pointer}
.btn span{position:relative;display:block}

.vertical-align{position:relative;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-direction:center;-moz-flex-direction:center;-ms-flex-direction:center;flex-direction:row}

section,header,footer{position:relative;width:100%}
section:first-of-type{margin-top:107px}

header.fixed{position:fixed;width:auto;max-width:100%;z-index:5000;background:#fff;top:0;left:0;right:0;margin:0 auto;padding:0 3em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}
header.fixed.nav-up{-webkit-transform:translateY(-100%);transform:translateY(-100%)}

header.fixed .logo{display:block}
header.fixed .logo a{width:100%;height:auto;display:block;padding:2em 0}
header.fixed .logo a img{max-height:51px}

header.fixed ul{position:relative;right:0;width:auto;margin:0;padding:0;list-style:none;display:inline-block;z-index:5}
header.fixed ul li{position:relative;display:inline-block;margin:0;padding:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

header.fixed ul li > a{position:relative;display:block;font-size:1.4rem;line-height:51px;letter-spacing:1px;font-weight:400;text-transform:uppercase;padding:2em;color:#a1a1a4;z-index:5000}
header.fixed ul li.active > a,header.fixed ul li:hover > a,header.fixed ul li:focus > a,header.fixed ul li:active > a{color:#f58220}
header.fixed ul li > a span{position:relative;height:auto;display:block}

header.fixed ul > li.a-link-120{margin:2em 0 2em 2em}
header.fixed ul > li.a-link-120 > a{background:#f58220;color:#fff;padding:0 3em;line-height:47px;border:solid 2px #f58220}
header.fixed ul > li.a-link-120 > a:hover,header.fixed ul > li.a-link-120 > a:active,header.fixed ul > li.a-link-120 > a:focus{background:#fff;color:#f58220;border:solid 2px #f58220}

header.fixed ul > li.a-link-120 > a span{position:relative;display:block}


header.fixed ul li.parent > a{padding:2em 2.5em 2em 2em}
header.fixed ul li.parent > a::after{content:'';position:absolute;right:1.5em;top:calc(50% - 2px);display:inline-block;width:0;height:0;border-style:solid;border-width:5px 2.5px 0 2.5px;border-color:#a1a1a4 transparent transparent transparent;line-height:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
header.fixed ul li.parent:hover > a::after,header.fixed ul li.parent:active > a::after,header.fixed ul li.parent:focus > a::after,header.fixed ul li.active > a::after{border-color:#f58220 transparent transparent transparent}


header.fixed ul li > ul{position:absolute;float:none;right:auto;left:0;top:100%;background:#fff;text-align:left;width:auto;padding:0 0 1em 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:-1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
header.fixed ul li:hover > ul{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0,0,.2s;transition-delay:0,0,.2s;z-index:1}

header.fixed ul li > ul li{opacity:0;animation-delay:.25s}
header.fixed ul li:hover > ul li{display:block;width:auto;opacity:0;z-index:100;-webkit-animation:menufadeDown .5s linear;animation:menufadeDown .5s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}
header.fixed ul li > ul li > a{background:#fff;display:block;width:auto;line-height:36px;padding:0 2em;white-space:nowrap}

header.fixed ul li > ul li:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}
header.fixed ul li > ul li:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}
header.fixed ul li > ul li:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}
header.fixed ul li > ul li:nth-child(4){-webkit-animation-delay:.75s;animation-delay:.75s}
header.fixed ul li > ul li:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}
header.fixed ul li > ul li:nth-child(6){-webkit-animation-delay:1.25s;animation-delay:1.25s}
header.fixed ul li > ul li:nth-child(7){-webkit-animation-delay:1.5s;animation-delay:1.5s}
header.fixed ul li > ul li:nth-child(8){-webkit-animation-delay:1.75s;animation-delay:1.75s}
header.fixed ul li > ul li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s}
header.fixed ul li > ul li:nth-child(10){-webkit-animation-delay:2.25s;animation-delay:2.25s}

header.fixed ul li > ul li.a-link-135{display:none}

@-webkit-keyframes menufadeDown{
    0%{opacity:0;z-index:1}
    100%{opacity:1;z-index:1}
}
@keyframes menufadeDown{
    0%{opacity:0;z-index:1}
    100%{opacity:1;z-index:1}
}

section.slideshow{width:100%;height:auto;margin-bottom:10em}
section.slideshow::after{content:'';position:absolute;width:calc(100% - 30px);max-width:1440px;height:2px;background:#a1a1a4;opacity:.15;bottom:-10em;left:0;right:0;margin:0 auto}

section.slideshow.pagepix{margin-bottom:4em}
section.slideshow.pagepix::after{display:none}
section.slideshow.pagepix .swiper-wrapper{-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}

section.slideshow .swiper-slide .text{height:100%;margin-right:2em}
section.slideshow .swiper-slide .text .block{padding-right:10em}

section.slideshow .slider-2 .swiper-container{width:100%;height:100%}
section.slideshow .slider-2 .swiper-slide{max-width:100%}
section.slideshow .slider-2 .text{margin-top:-4em}

section.slideshow.pagepix .slider-2 .text{margin-top:0}

section.slideshow .container.overlay{position:absolute;top:0;left:0;right:0;margin:0 auto;height:100%}
section.slideshow .container.overlay .row{height:100%}
section.slideshow .container.overlay .row .col-12{height:100%}

section.slideshow .swiper-slide .text h1,section.slideshow .swiper-slide .text h2{font-size:6rem;line-height:7.1rem;color:#f58220}
section.slideshow .swiper-slide .text h1 a,section.slideshow .swiper-slide .text h2 a{text-decoration:none;color:#f58220}
section.slideshow .swiper-slide .text h1 a:hover,section.slideshow .swiper-slide .text h2 a:hover{color:#c86109}
section.slideshow .swiper-slide .text h3{font-size:2.4rem;line-height:2.9rem}
section.slideshow .swiper-slide .text p{font-size:1.8rem;line-height:3.4rem;max-width:75%}

section.slideshow .slider-1 .swiper-slide{position:relative}
section.slideshow .slider-1 .swiper-slide .image img{width:100%;height:auto;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.slideshow .slider-1 .swiper-slide .image.active img{opacity:1}

section.slideshow .swiper-pagination{position:relative;display:block;border-radius:0;width:100%;z-index:2000}
section.slideshow .swiper-pagination .swiper-pagination-bullet{font-size:2rem;line-height:3.2rem;width:auto;height:auto;display:block;border-radius:0;background:none;opacity:1}
section.slideshow .swiper-pagination .swiper-pagination-bullet h3{margin:0}
section.slideshow .swiper-pagination .swiper-pagination-bullet p{color:#333335;margin:1em 0 0}
section.slideshow .swiper-pagination .swiper-pagination-bullet-active{width:auto;height:auto;display:block;border-radius:0;background:none;opacity:1}
section.slideshow .swiper-pagination .swiper-pagination-bullet-active p{color:#f58220}

section.slideshow .swiper-pagination .pagination{position:relative;padding:2.25em 0 0 0}
section.slideshow .swiper-pagination .pagination::before{content:'';position:absolute;top:-3px;left:15px;right:15px;height:3px;width:calc(100% - 30px);background:rgba(255,255,255,.5)}
section.slideshow .swiper-pagination .pagination::after{content:'';position:absolute;top:-3px;left:15px;right:15px;height:3px;width:0;background:#f58220}
section.slideshow .swiper-pagination .pagination.timer::after{width:100%;-webkit-transition:all 7.5s linear;transition:all 7.5s linear}

section.slideshow .swiper-buttons{position:absolute;bottom:4em;left:15px;width:auto;z-index:2500}
section.slideshow .swiper-buttons .button{display:inline-block;cursor:pointer}
section.slideshow .swiper-buttons .button-prev{margin:0 4em 0 0}
section.slideshow .swiper-buttons .button svg g{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.slideshow .swiper-buttons .button:hover svg g,section.slideshow .swiper-buttons .button:active svg g,section.slideshow .swiper-buttons .button:focus svg g{stroke:#f58220}

section.slideshow .draggable{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1500}

section.introduction{padding:14em 0 16em}
section.introduction::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff url(../images/bg-introduction.png) right -75% bottom 2em no-repeat;opacity:.25}

section.introduction.contact{padding:7em 0 13em}
section.introduction.contact::before{display:none}


section.introduction.details{padding:8em 0 10em}
section.introduction.details::before{display:none}
section.introduction.details .container::before{content:'';position:absolute;width:calc(100% - 30px);max-width:1440px;height:2px;background:#a1a1a4;opacity:.15;bottom:0;left:0;right:0;margin:0 auto;z-index:400}


section.introduction.inner{padding:16em 0}
section.introduction.inner::before{background:#fff}

section.introduction.article{padding:6em 0 12em}


section.introduction h1{max-width:75%}
section.introduction p{font-size:1.8rem;line-height:3.4rem}
section.introduction p:last-of-type{margin:0}

section.introduction.details h2{max-width:100%;color:#333335;font-size:2.4rem;line-height:4.3rem}
section.introduction.details p{font-size:1.4rem;line-height:2.4rem}

section.introduction .image{position:relative;z-index:2}
section.introduction .image img{width:100%;height:auto;margin:0}

section.introduction .image form{background:#fff;padding:6em 8em;box-shadow:0 0 25px 0 rgba(0,0,0,.1)}

section.introduction .box{position:absolute;z-index:-1}
section.introduction .box-xl{background:#f58220;opacity:.25;width:200%;height:100%;max-height:680px;left:-150%}
section.introduction .box-lg{background:#f58220;opacity:.25;width:200%;height:100%;max-height:570px;left:-150%}
section.introduction .box-lg.grey{background:#a1a1a4;width:200%;right:-150%;left:auto;bottom:-4em}
section.introduction .box-lg.grey.reverse{bottom:auto;top:-12em;right:-100%;max-height:680px}
section.introduction .box-sm{background:#a1a1a4;opacity:.25;width:100%;max-width:215px;height:100%;max-height:215px;right:-100px;bottom:-4em}

section.introduction .contact-details p{font-size:1.4rem;line-height:2.4rem}
section.introduction .contact-details h2{font-size:4rem;line-height:4.8rem;color:#f58220}
section.introduction .contact-details h3{font-size:1.4rem;line-height:2.4rem;color:#333335;margin:1em 0 0}
section.introduction .contact-details .btn{margin:4em 0 0 0}


section.introduction.listing{padding:8em 0 4em}
section.introduction.listing::before{display:none}
section.introduction.listing h2{color:#f58220;font-size:4rem;line-height:4.8rem}
section.introduction.listing p{font-size:1.4rem;line-height:2.4rem}
section.introduction.listing .row{padding:8em 0 12em}
section.introduction.listing .box-sm{top:-4em;bottom:auto}



section.introduction.listing.process{padding:0 0 12em}

section.introduction.listing.process .container::before{content:'';position:absolute;width:calc(100% - 30px);max-width:1440px;height:2px;background:#a1a1a4;opacity:.15;top:0;left:0;right:0;margin:0 auto;z-index:400}

section.introduction.listing.process::after{content:'';position:absolute;width:calc(100% - 30px);max-width:1440px;height:2px;background:#a1a1a4;opacity:.15;bottom:0;left:0;right:0;margin:0 auto}


section.introduction.listing.process h3{color:#333335;font-size:2.4rem;line-height:3.2rem;margin-top:0}
section.introduction.listing.process .row{padding:8em 0}
section.introduction.listing.process .row.vertical-align{padding:0}
section.introduction.listing.process .row.tall-image{padding:8em 0 0}

section.introduction.listing.process .row .col-12{padding:0}
section.introduction.listing.process .row .col-12.order-1{padding:0 15px}
section.introduction.listing.process .row .col-12.image-right{padding:0 15px 0 0}
section.introduction.listing.process .row .col-12.image-left{padding:0 0 0 15px}



section.services{background:#333335;color:#fff;padding:8em 0;z-index:200}
section.services h2{color:#f58220;margin:0 0 2em;font-size:3.8rem;line-height:4.6rem}
section.services h3{margin:0 0 1.25em}
section.services h3 a{color:#fff}
section.services h3 a:hover,section.services h3 a:active,section.services h3 a:focus{color:#f58220}

section.services p.discover{letter-spacing:1px}
section.services p.discover,section.services p.discover a{color:#f58220;margin:0}
section.services p.discover a:hover,section.services p.discover a:active,section.services p.discover a:focus{color:#fff}

section.services .image{margin:0 0 2em;overflow:hidden}
section.services .image img{width:100%;height:auto;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
section.services .image:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}

section.services .swiper-container{width:100%;height:auto}
section.services .swiper-slide{width:auto}

section.services .swiper-buttons{margin:4em 0 0 0;display:none}
section.services .swiper-buttons .button{display:inline-block;cursor:pointer;margin:0 4em}
section.services .swiper-buttons .button svg g{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;stroke:#fff}
section.services .swiper-buttons .button:hover svg g,section.slideshow .swiper-buttons .button:active svg g,section.slideshow .swiper-buttons .button:focus svg g{stroke:#f58220}

section.view-all a{padding:0;display:inline-block;margin:6em auto;color:#333335}
section.view-all a:hover{color:#f58220}
section.view-all h3{margin:0 0 0 .75em;display:inline-block;line-height:18px}
section.view-all img{display:inline-block}


section.projects{padding:10em 0 0;margin-bottom:12em;z-index:150}
section.projects.listing{padding:7em 0 0;margin-bottom:10em}
section.projects::before{content:'';position:absolute;right:0;height:100%;max-height:600px;top:40%;width:100%;max-width:120px;background:#fff;z-index:25}
section.projects.inner::before{top:70%;max-height:30%}
section.projects::after{content:'';position:absolute;width:calc(100% - 30px);max-width:1440px;height:2px;background:#a1a1a4;opacity:.15;bottom:-12em;left:0;right:0;margin:0 auto;z-index:250}

section.projects h2{color:#f58220;margin:0 0 .5em;font-size:3.8rem;line-height:4.6rem}
section.projects p{margin:0 0 8em}

section.projects.details{padding:7em 0 0;margin-bottom:0}
section.projects.details::after{display:none}
section.projects.details p{margin:0}


section.projects h3{margin:0 0 1em;color:#333335}
section.projects h3 a{color:#333335}
section.projects h3 a:hover,section.services h3 a:active,section.services h3 a:focus{color:#f58220}

section.projects h4{color:#a1a1a4}

section.projects .box{position:absolute;z-index:-1}
section.projects .box-xs{background:#a1a1a4;opacity:.25;width:100%;max-width:120px;height:100%;max-height:120px;right:0;top:12em;z-index:1}

section.projects .item{position:relative}

section.projects .text{position:absolute;bottom:-10em;right:0;width:83%;padding:4em 2em 4em 4em;background:#fff}
section.projects .text::after{content:'';position:absolute;left:100%;height:100%;top:0;width:100%;background:#fff;z-index:2}
section.projects .text p{margin:0 0 2em}

section.projects .item-1::before{content:'';position:absolute;width:1000%;height:80%;max-height:calc(705px - 10%);left:100%;top:20%;background:#f58220;opacity:.25;z-index:-1}

section.projects .item-2{top:12.5%}
section.projects .item-2 .text{z-index:3}

section.projects .item-3{top:0}
section.projects .item-3::before{content:'';position:absolute;width:1200px;height:80%;max-height:calc(705px - 8%);left:-15%;bottom:8em;background:#f58220;opacity:.25;z-index:-1}

section.projects .item-4{top:18%}

section.projects .text p.discover{letter-spacing:1px}
section.projects .text p.discover,section.projects .text p.discover a{margin:0}

section.projects .image{margin:0;overflow:hidden}
section.projects .image img{width:100%;height:auto;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
section.projects .image:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}

section.projects .swiper-container{width:100%;height:auto;margin:0 15px;overflow:visible;background:#fff;z-index:10}
section.projects .swiper-wrapper{width:100%!important}
section.projects .swiper-slide{width:100%;padding:0 0 16em;height:auto;background:#fff}

section.projects .swiper-slide.item-3,section.projects .swiper-slide.item-4{padding:0 0 8em}

section.projects .swiper-buttons{margin:4em 0 0 0;display:none}
section.projects .swiper-buttons .button{display:inline-block;cursor:pointer}
section.projects .swiper-buttons .button{display:inline-block;cursor:pointer;margin:0 4em}
section.projects .swiper-buttons .button svg g{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.projects .swiper-buttons .button:hover svg g,section.slideshow .swiper-buttons .button:active svg g,section.slideshow .swiper-buttons .button:focus svg g{stroke:#f58220}

section.projects .select-holder{position:relative;margin:0 auto 4em;width:auto;display:inline-block}
section.projects .select-holder::after{content:'';display:block;clear:both}


section.consultations{padding:12em 0 16em}
section.consultations.inner{padding:13em 0 16em}
section.consultations.details{padding:10em 0 0}
section.consultations h4{color:#a1a1a4}

section.consultations .image{position:relative;z-index:2}
section.consultations .image img{width:100%;height:auto;margin:0}

section.consultations .image::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;width:100%;background:rgba(255,255,255,.5);z-index:5}
section.consultations .image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;width:0;background:#f58220;z-index:10}
section.consultations .image.timer::after{width:100%;-webkit-transition:all 7.3s linear;transition:all 7.3s linear}

section.consultations h2{color:#f58220;margin:0 0 .5em;font-size:3.8rem;line-height:4.6rem}
section.consultations p:last-of-type{margin:4em 0 0}
section.consultations.inner p:last-of-type{margin:0}

section.consultations .box{position:absolute;z-index:1}
section.consultations .box-lg{background:#f58220;opacity:.25;width:200%;height:100%;max-height:680px;left:-140%;bottom:6em}
section.consultations .box-sm{background:#a1a1a4;opacity:.25;width:100%;max-width:240px;height:100%;max-height:240px;right:-100px;bottom:-4em}

section.consultations .swiper-container{z-index:5}

section.consultations .swiper-buttons{position:absolute;left:-105px;bottom:80px;width:120px;height:240px;margin:0;background:#fff;z-index:25}
section.consultations .swiper-buttons .button{display:block;cursor:pointer;line-height:120px;text-align:center;margin:0}
section.consultations .swiper-buttons .button-prev{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
section.consultations .swiper-buttons .button-next{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
section.consultations .swiper-buttons .button svg g{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.consultations .swiper-buttons .button:hover svg g,section.slideshow .swiper-buttons .button:active svg g,section.slideshow .swiper-buttons .button:focus svg g{stroke:#f58220}

section.consultations.details .swiper-buttons{position:relative;left:0;bottom:auto;width:100%;height:auto;text-align:center}
section.consultations.details .swiper-buttons .button{display:inline-block;text-align:center;padding:0 2em}
section.consultations.details .swiper-buttons .button-prev{-webkit-transform:none;transform:none}
section.consultations.details .swiper-buttons .button-next{-webkit-transform:none;transform:none}




section.testimonials{background:#000;color:#fff;padding:8em 0}
section.testimonials::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:#000 url(../images/bg-testimonials.jpg) center center no-repeat;background-size:cover;opacity:.25}
section.testimonials p{font-size:2.4rem;line-height:4rem}
section.testimonials h4{color:#f58220;opacity:1}

section.testimonials .author{font-size:2rem;line-height:2rem;width:auto;margin:2em auto 4em auto;display:inline-block}
section.testimonials .author img{width:100%;height:auto;max-width:65px;border-radius:100%;margin:0 1em 0 0}
section.testimonials .author .small{font-size:1.4rem;line-height:1.6rem;opacity:.4}

section.testimonials .pagination{text-align:center;width:auto;margin:0 auto;display:inline-block}
section.testimonials .pagination .swiper-pagination-bullet{background:#fff;opacity:.3;margin:3px .5em;display:inline-block}
section.testimonials .pagination .swiper-pagination-bullet-active{background:#fff;opacity:1;width:14px;height:14px;margin:0 .5em}



section.awards{padding:12em 0 11em}
section.awards h2{color:#f58220;margin:0 0 1em;font-size:3.8rem;line-height:4.6rem}
section.awards img{width:100%;max-width:190px;height:auto;margin:0 0 1em;padding:1em}
section.awards p.discover{letter-spacing:1px;margin:2em 0 0 0}
section.awards .vertical-align{padding:0 2em}



section.suppliers{background:#333335;color:#fff;padding:8em 0 6em;z-index:250}
section.suppliers h2{color:#f58220;margin:0 0 2em;font-size:3.8rem;line-height:4.6rem}

section.suppliers img{width:100%;max-width:150px;height:auto;margin:0 2em 2em;padding:1em}

section.suppliers p.discover{letter-spacing:1px;margin:2em 0 0 0}
section.suppliers p.discover,section.suppliers p.discover a{color:#f58220}
section.suppliers p.discover a:hover,section.suppliers p.discover a:active,section.suppliers p.discover a:focus{color:#fff}

section.suppliers .swiper-container{width:100%;height:auto;display:block}
section.suppliers .swiper-wrapper{width:100%;height:auto;display:block}
section.suppliers .swiper-slide{display:inline-block;width:auto}

section.suppliers .swiper-buttons{margin:4em 0 0 0;display:none}
section.suppliers .swiper-buttons .button{display:inline-block;cursor:pointer;margin:0 4em}
section.suppliers .swiper-buttons .button svg g{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;stroke:#fff}
section.suppliers .swiper-buttons .button:hover svg g,section.suppliers .swiper-buttons .button:active svg g,section.suppliers .swiper-buttons .button:focus svg g{stroke:#f58220}



section.copyright{background:#f58220;color:#fff;padding:1.5em 3em}
section.copyright p{font-size:1.3rem;line-height:2.0rem;margin:0;letter-spacing:normal}
section.copyright p a{color:#fff;margin:0 0 0 1.5em}
section.copyright p a:hover{color:#c86109}
section.copyright p a i{font-size:1.6rem;line-height:1.6rem;margin:0 0 0 .5em}
section.copyright p a svg{width:20px;height:21px}
section.copyright p a svg g{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.copyright p a svg:hover g{stroke:#c86109}


footer{padding:1em 3em;color:#333335}
footer p{font-size:1.3rem;line-height:2.0rem;margin:0;letter-spacing:normal}
footer p a{color:#333335}
footer p a:hover{color:#f58220}
footer p img{margin:0 0 0 1em}


.holder-pagination{margin:4em 0 0 0}
.holder-pagination ul{list-style:none;margin:0;padding:0;display:inline-block}
.holder-pagination ul li{position:relative;display:inline-block}
.holder-pagination ul li span,.holder-pagination ul li a{position:relative;display:block;padding:1em 1em 0}
.holder-pagination ul li span{color:#f58220}
.holder-pagination ul li a{color:#333335}
.holder-pagination ul li a:hover{color:#c86109}
.holder-pagination ul li.pagination-prev span,.holder-pagination ul li.pagination-prev a{position:relative;width:25px;height:100%;color:#fff;background:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.holder-pagination ul li.pagination-prev span::before,.holder-pagination ul li.pagination-prev a::before{content:'\00ab';position:absolute;display:inline-block;top:0;left:0;bottom:0;width:35px;height:100%;text-align:center;padding:1em 1em 0;color:#333335}
.holder-pagination ul li.pagination-prev a::before{color:#333335;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.holder-pagination ul li.pagination-prev:hover a::before{color:#c86109;cursor:pointer}
.holder-pagination ul li.pagination-prev span{display:none}

.holder-pagination ul li.pagination-end span,.holder-pagination ul li.pagination-end a{position:relative;width:25px;height:100%;color:#fff;background:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.holder-pagination ul li.pagination-end span::before,.holder-pagination ul li.pagination-end a::before{content:'\00bb';position:absolute;display:inline-block;top:0;left:0;bottom:0;width:35px;height:100%;text-align:center;padding:1em 1em 0;color:#333335}
.holder-pagination ul li.pagination-end a::before{color:#333335;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.holder-pagination ul li.pagination-end:hover a::before{color:#c86109;cursor:pointer}
.holder-pagination ul li.pagination-end span{display:none}



@media all and (min-width:2000px){
    section.introduction::before{background:#fff url(../images/bg-introduction.png) right -40% bottom 2em no-repeat}
}
@media all and (min-width:2300px){
    section.introduction::before{background:#fff url(../images/bg-introduction.png) right -20% bottom 2em no-repeat}
}
@media all and (min-width:2500px){
    section.introduction::before{background:#fff url(../images/bg-introduction.png) right -10% bottom 2em no-repeat}
}
@media all and (max-width:1680px){
    section.consultations .swiper-buttons{left:-85px;width:100px}
    section.projects::before{z-index:6}
}
@media all and (max-width:1640px){
    section.consultations .swiper-buttons{left:-65px;width:80px}
}
@media all and (max-width:1600px){
    section.consultations .swiper-buttons{left:auto;right:-105px;width:120px}
}
@media all and (max-width:1535px){
    
    section.slideshow{padding:0 0 0 calc(3em - 15px);margin-bottom:8em}
    section.slideshow.pagepix{padding:0 0 0 calc(3em - 15px);margin-bottom:0}
    
    section.slideshow .swiper-slide .text .block{padding-right:8em}
    
    section.slideshow::after{bottom:-8em}
    
    section.slideshow .container.overlay{padding-left:3em}
    
    section.slideshow .swiper-slide .text h1,section.slideshow .swiper-slide .text h2{font-size:5rem;line-height:6.1rem}
            
    section.introduction{padding:14em calc(3em - 15px) 16em}
    section.introduction::before{background:#fff url(../images/bg-introduction.png) right -200% bottom 4em no-repeat}
    section.introduction .box-sm{right:-75px}
    
    section.introduction.inner{padding:18em calc(3em - 15px)}
    
    section.introduction.article{padding:8em calc(3em - 15px) 16em}
    
    section.introduction.listing{padding:10em 0 4em}
    section.introduction.listing .row{padding:8em 0}
    
    section.introduction.contact{padding:11em 0 13em}
    
    section.services{padding:8em calc(3em - 15px)}
    
    section.projects{padding:12em calc(3em - 15px) 0}
    section.projects.inner{padding:12em calc(3em - 15px) 0;margin-bottom:8em}
    section.projects.listing{padding:7em calc(3em - 15px) 0;margin-bottom:8em}
    
    section.consultations{padding:12em calc(3em - 15px) 16em}
    section.consultations .box-sm{right:-75px}
    section.consultations .swiper-buttons{left:auto;right:-85px;width:100px}
    section.consultations.inner{padding:11em 0 16em}
    
    section.testimonials{padding:8em calc(3em - 15px)}
    
    section.awards{padding:12em calc(3em - 15px)}

    section.suppliers{padding:8em calc(3em - 15px) 6em}
}
@media all and (max-width:1440px){
    section.slideshow .swiper-slide .text .block{padding-right:2em}
    section.introduction::before{background:#fff url(../images/bg-introduction.png) right -275% bottom 4em no-repeat;opacity:.2}
    
    section.introduction{padding:14em calc(3em - 15px)}
    section.consultations{padding:10em calc(3em - 15px) 12em}
    section.projects{padding:8em calc(3em - 15px) 0;margin-bottom:8em}
    section.projects::after{bottom:-8em}
    section.awards{padding:8em calc(3em - 15px)}
    section.introduction.inner{padding:16em calc(3em - 15px) 12em}
    section.introduction.listing.process{padding:0 0 10em}
    section.consultations.inner{padding:10em 0 14em}
    section.consultations.inner.details{padding:10em 0 0}
    section.projects.inner{padding:8em calc(3em - 15px) 0;margin-bottom:6em}
    section.introduction.contact{padding:10em 0 13em}
}
@media all and (max-width:1370px){
    header.fixed ul li > a{padding:2em 1.5em}
    header.fixed ul > li:last-of-type{margin:2em 0 2em 1.5em}
    
    header.fixed ul li.parent > a{padding:2em 2.25em 2em 1.5em}
    header.fixed ul li.parent > a::after{right:1.5em}
    
    header.fixed ul li > ul > li > a{padding:0 1.5em}
    header.fixed ul li > ul > li:last-of-type{margin:0}
    header.fixed ul li > ul > li:last-of-type > a{padding:0 1.5em 1em}
    
    section.slideshow{margin-bottom:8em}
    section.slideshow::after{bottom:-6em}
    section.slideshow.pagepix{margin-bottom:0}

    section.slideshow .swiper-slide .text .block{padding-right:0}
    section.slideshow .swiper-slide .text p{max-width:85%}
    section.slideshow .swiper-pagination .swiper-pagination-bullet{font-size:1.8rem;line-height:2.8rem}
    
    section.introduction{padding:10em calc(3em - 15px) 14em}
    section.introduction::before{background:#fff}
    
    section.projects .text{bottom:-8em;padding:2em}
    section.projects .item-1::before{top:15%;max-height:calc(705px - 15%)}
    section.projects .item-2{top:7.5%}
    section.projects .item-4{top:15%}
    section.projects .swiper-slide.item-3,section.projects .swiper-slide.item-4{padding:0 0 2em}
        
    section.testimonials .author{font-size:1.8rem;line-height:2rem}
    section.suppliers img{margin:0 1em 2em}
}
@media all and (max-width:1300px){
    section.slideshow .swiper-slide{z-index:5}
    section.slideshow .swiper-slide .text h3{font-size:2rem;line-height:2.5rem}
    section.slideshow .swiper-slide .text h1,section.slideshow .swiper-slide .text h2{font-size:4.5rem;line-height:5.5rem}
}
@media all and (max-width:1265px){
    header.fixed ul li > a{padding:2em 1.25em}
    header.fixed ul > li:last-of-type{margin:2em 0 2em 1.25em}
    
    header.fixed ul li.parent > a{padding:2em 2.25em 2em 1.25em}
    header.fixed ul li.parent > a::after{right:1.25em}
    
    header.fixed ul li > ul > li > a{padding:0 1.25em}
    header.fixed ul li > ul > li:last-of-type{margin:0}
    header.fixed ul li > ul > li:last-of-type > a{padding:0 1.25em 1em}
}
@media all and (max-width:1220px){
    section:first-of-type{margin-top:81px}
    
    header.fixed{padding:0 15px}
    header.fixed .logo a{padding:15px 0;text-align:left}
    header.fixed .logo a img{width:100%;height:auto;max-width:210px}
    
    header.fixed ul li > a{padding:15px 1.25em}
    header.fixed ul > li:last-of-type{margin:15px 0 15px 1.25em}
    header.fixed ul li.parent > a{padding:15px 2.25em 15px 1.25em}
    
    section.slideshow{padding:0}
    section.slideshow.pagepix{padding:0}
    section.introduction{padding:10em 0 14em}
    section.introduction.inner{padding:14em 0}
    section.introduction.article{padding:8em 0}
    section.services{padding:8em 0}
    section.projects{padding:8em 0 0}
    section.consultations{padding:8em 0 12em}
    section.awards{padding:8em 0}
    section.suppliers{padding:8em 0 6em}
    section.copyright{padding:15px}
    footer{padding:15px}
}
@media all and (max-width:1200px){    
    section.projects .item-3::before{max-height:calc(705px - 20%);bottom:2em}
    section.projects .item-4{top:10%}
    
    section.suppliers img{margin:0 .5em 2em}
    section.introduction .image form{padding:4em}
}
@media all and (max-width:1024px){
    header.fixed ul > li.a-link-101{display:none}
    
    section.slideshow .swiper-slide .text p{font-size:1.6rem;line-height:3.2rem;max-width:65%}
    section.slideshow .swiper-pagination .swiper-pagination-bullet{font-size:1.6rem;line-height:3.2rem}
    
    section.introduction p{font-size:1.6rem;line-height:3.2rem}
    
    section.projects .text{width:83%}
    
    section.testimonials p{font-size:2rem;line-height:3.5rem}
    section.testimonials .author{font-size:1.6rem;line-height:2rem}
    section.testimonials .author .small{font-size:1.2rem;line-height:1.4rem}
    
    section.suppliers img{margin:0 0 2em}
}
@media all and (min-width:992px){
    .desktop-only{display:block}
    .mobile-only{display:none}
    
    footer .col-12.top{display:none}
}

@media all and (max-width:991px){
    .desktop-only{display:none}
    .mobile-only{display:block}

    header.fixed .menu-holder{width:auto;right:0}
    header.fixed .menu-holder .menu-toggle{float:right;right:0}
    header.fixed .menu-holder .toggle{float:right;right:0}
    
    .menu-holder{z-index:5000;width:35px;right:0;top:0;float:right;display:inline-block}
    .menu-holder .menu-toggle{right:0;top:0;background:none;color:#f58220;width:35px;height:81px;z-index:10000}
    .menu-holder .toggle{position:absolute;top:0;right:0;width:65px;height:81px;color:#f58220;text-align:center;z-index:1000;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .menu-holder .toggle:hover{background:none;cursor:pointer}

    .menu-holder .toggle .c-hamburger{position:relative;display:block;margin:0 auto;padding:0;width:35px;height:12px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .2s;-moz-transition:background .2s;-ms-transition:background .2s;-o-transition:background .2s;transition:background .2s;background:none}
    .menu-holder .toggle:hover .c-hamburger{}

    .menu-holder .toggle .c-hamburger span{display:block;position:absolute;top:0;left:0;right:0;height:3px;background:#f58220;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
    .menu-holder .toggle .c-hamburger span::after{content:'';position:absolute;display:block;left:0;height:3px;bottom:-10px;width:16px;background:#f58220;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
    
    .menu-holder .toggle .c-hamburger.is-active span{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    .menu-holder .toggle .c-hamburger.is-active span::after{bottom:0;width:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}    
    
    
    nav{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:0;z-index:7500;opacity:0}
    body.active nav{height:100%;opacity:1}
    
    nav .menu-holder{position:absolute;z-index:8000;width:35px;right:0;top:0;float:right;display:inline-block}
    
    nav .menu{width:100%;height:100%;display:flex}
    
    
    nav .menu::before{content:'';position:fixed;left:0;bottom:0;right:0;height:100%;width:100%;padding:15px;z-index:5000;overflow:hidden;background:#333335;color:#fff;-webkit-animation:menuSlideUp 1s ease-in-out forwards;animation:menuSlideUp 1s ease-in-out forwards}
    body.active nav .menu::before{-webkit-animation:menuSlideDown .5s ease-in-out forwards;animation:menuSlideDown .5s ease-in-out forwards}
    body.closing nav .menu::before{-webkit-animation:menuSlideUp .5s ease-in-out forwards;animation:menuSlideUp .5s ease-in-out forwards}

    
    body section{-webkit-animation:bodyfadeOut .25s ease-in-out forwards;animation:bodyfadeOut .25s ease-in-out forwards}
    body.active section{-webkit-animation:bodyfadeIn .25s ease-in-out forwards;animation:bodyfadeIn .25s ease-in-out forwards}
    body.no-animation section{-webkit-animation:none;animation:none}
        
    
    nav .menu ul.mobile-menu{position:absolute;width:100%;margin:0;padding:0;list-style:none;z-index:7500;-webkit-animation:slideOut .5s ease-in-out forwards;animation:slideOut .5s ease-in-out forwards;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    body.active nav .menu ul.mobile-menu{-webkit-animation:slideIn .5s ease-in-out forwards;animation:slideIn .5s ease-in-out forwards}
    body.no-animation nav .menu ul.mobile-menu{-webkit-animation:none;animation:none}
        
    
    nav .menu ul.mobile-menu > li{-webkit-animation:slideOut .5s linear forwards;animation:slideOut .5s linear forwards;padding:0 30px;overflow:hidden}
    body.active nav .menu ul.mobile-menu > li{-webkit-animation:slideIn .5s linear forwards;animation:slideIn .5s linear forwards}
    body.reset nav .menu ul.mobile-menu > li{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    body.no-animation nav .menu ul.mobile-menu > li{-webkit-animation:none;animation:none}
    body.closing nav .menu ul.mobile-menu > li{-webkit-animation:slideOut 0s linear forwards;animation:slideOut 0s linear forwards;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-delay:0s;animation-delay:0s}
    
    
    body.active nav .menu ul.mobile-menu > li:nth-child(1){-webkit-animation-delay:.25s;animation-delay:.25s}
    body.active nav .menu ul.mobile-menu > li:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
    body.active nav .menu ul.mobile-menu > li:nth-child(3){-webkit-animation-delay:.35s;animation-delay:.35s}
    body.active nav .menu ul.mobile-menu > li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}
    body.active nav .menu ul.mobile-menu > li:nth-child(5){-webkit-animation-delay:.45s;animation-delay:.45s}
    
    body.closing nav .menu ul.mobile-menu > li:nth-child(1){-webkit-animation-delay:.45s;animation-delay:.35s}
    body.closing nav .menu ul.mobile-menu > li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.3s}
    body.closing nav .menu ul.mobile-menu > li:nth-child(3){-webkit-animation-delay:.35s;animation-delay:.25s}
    body.closing nav .menu ul.mobile-menu > li:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.2s}
    body.closing nav .menu ul.mobile-menu > li:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.15s}
    
    
    nav .menu ul.mobile-menu > li a{opacity:1;-webkit-animation:fadeOut .6s ease-in forwards;animation:fadeOut .6s ease-in forwards;-webkit-animation-duration:1s;animation-duration:1s}
    body.active nav .menu ul.mobile-menu > li a{-webkit-animation:fadeIn .5s ease-in forwards;animation:fadeIn .5s ease-in forwards;-webkit-animation-duration:1s;animation-duration:1s}
    body.reset nav .menu ul.mobile-menu > li a{opacity:0}
    body.no-animation nav .menu ul.mobile-menu > li a{-webkit-animation:none;animation:none}
    body.closing nav .menu ul.mobile-menu > li a{opacity:1;-webkit-animation:fadeOut 1s ease-in forwards;animation:fadeOut 1s ease-in forwards}  
    
    
    
    nav .menu ul li > a{font-size:3.2rem;line-height:4.8rem;display:block;font-weight:500}
    nav .menu ul li.a-link-120{display:none}
    
    /*nav .menu ul li > ul{margin:0;padding:0;list-style:none;display:none}*/
    nav .menu ul li > ul{padding:0 0 0 1.5em}
    nav .menu ul li > ul li{display:block;margin:0;padding:0}
    nav .menu ul li > ul li > a{font-size:2.1rem;line-height:3.1rem;font-weight:300}
    
    section.slideshow{margin-bottom:0}
    section.slideshow::after{display:none}
    section.slideshow.pagepix{margin-bottom:0}
    
    section.slideshow .swiper-container{height:592px}
    section.slideshow .swiper-container img{width:auto;height:auto;min-height:592px}
    section.slideshow .slider-2 .text{margin-top:0}
    section.slideshow .swiper-slide .text .block{padding-bottom:0}
    section.slideshow .swiper-slide .text h1,section.slideshow .swiper-slide .text h2{width:100%;margin:0}
    section.slideshow .swiper-slide .image{position:relative;margin-left:45px;overflow:hidden}
	section.slideshow .swiper-slide .image::before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:5}
    section.slideshow .swiper-slide .image img{margin-bottom:0}
	
    
    section.slideshow .container.overlay{padding-left:15px}
    
    section.slideshow .swiper-slide .image img.desktop{position:absolute;width:100%;height:auto}
    
    section.slideshow .swiper-pagination .pagination{margin-left:30px;padding:0}
    section.slideshow .swiper-pagination .col-12{top:0}
    section.slideshow .swiper-pagination .swiper-pagination-bullet{display:none}
    section.slideshow .swiper-buttons{display:none}
    section.slideshow .swiper-slide .text h3{display:none}
    section.slideshow .swiper-slide .text p{display:none}
    
    section.introduction{padding:6em 0 7em}
    section.introduction.inner{padding:6em 0}
    section.introduction.details{padding:4em 0 6em}
    section.introduction.contact{padding:6em 0}
    
    section.introduction .image{margin:6em 0 0 0}
    section.introduction .image img{transform:translateY(0)!important;margin:2em 0}
    section.introduction .box-lg{top:-1em;max-height:350px;max-width:350px;left:-15px}
    section.introduction .box-sm{right:-15px;bottom:-1em;max-width:120px;max-height:120px}
    
    section.introduction.listing{padding:6em 0 3em}
    section.introduction.listing .row{padding:0 0 4em}
    section.introduction.listing .box-sm{right:-15px;top:-1em;bottom:auto;max-width:120px;max-height:120px}
    
    section.introduction.listing.process{padding:0 0 6em}
    section.introduction.listing.process::after{display:none}
    section.introduction.listing.process .container::before{display:none}
    section.introduction.listing.process .row{padding:0}
    
    section.introduction.listing.process .row .col-12{padding:0 15px}
    section.introduction.listing.process .row .col-12.image-right{padding:0 15px}
    section.introduction.listing.process .row .col-12.image-left{padding:0 15px}
    
    section.services{padding:6em 0}
    section.services h2{margin:0 0 1em}
    section.services .swiper-buttons{display:block}
    
    
    section.suppliers .swiper-wrapper{display:flex;-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
    section.suppliers .swiper-slide{display:block;width:auto}
    section.suppliers .swiper-buttons{display:block}
    
    section.projects{padding:6em 0;margin:0;text-align:center}
    section.projects.listing{padding:6em calc(3em - 15px) 0;margin-bottom:4em}
    section.projects.listing{padding:6em calc(3em - 15px) 0;margin-bottom:4em}
    section.projects::before{display:none}
    section.projects::after{display:none}
    section.projects .box-xs{display:none}
    section.projects p{margin:0 0 3em}
    
    section.projects .item-1::before{display:none}
    section.projects .item-1,section.projects .item-2,section.projects .item-3,section.projects .item-4{top:0;margin:0;padding:0 15px}
    section.projects .item-3::before{display:none}
    
    section.projects .text{position:relative;bottom:auto;left:0;right:0;width:100%;padding:2em 2em 0}
    section.projects .text::after{display:none}
    
    section.projects .swiper-container{margin:0 auto}
    section.projects .swiper-slide{padding:0 15px}
    section.projects .swiper-buttons{display:block;margin:2em 0 4em}
    section.projects .swiper-slide.item-3,section.projects .swiper-slide.item-4{padding:0 15px 2em}
    
    
    section.consultations{padding:6em 0}
    section.consultations.inner{padding:6em 0}
    section.consultations.inner.details{padding:2em 0 0}
    
    section.consultations p:last-of-type{margin:0 0 2em}
    section.consultations .image img{margin:3em 0}
    section.consultations .box-lg{height:75%}
    section.consultations .box-sm{right:0;bottom:-1em;max-width:120px;max-height:120px}
    section.consultations .swiper-buttons{display:none}
    
    section.testimonials{padding:6em calc(3em - 15px)}
    
    section.awards{padding:6em 0}
    section.suppliers{padding:6em 0 4em}
    
    section.copyright{padding:30px 15px}
    section.copyright .order-lg-2{display:none}
    section.copyright .order-lg-1,section.copyright .order-lg-3{text-align:center!important}
    section.copyright p{font-size:1.5rem;line-height:1.8rem}
    section.copyright p a i{font-size:2.4rem;line-height:2.4rem;margin:0 .5em 1em}
    
    footer{padding:30px 15px;text-align:center}
    footer .text-right{text-align:center!important}
    footer p{font-size:1.5rem;line-height:1.8rem;margin:0 0 1em}
    footer p:last-of-type{margin:0}
    footer p span{display:block;margin:0 0 2em}
    footer p img{margin:0 1em 3em}
    footer p svg{stroke:#f58220;margin:3em 0 0 0}
    footer p svg g{stroke:#f58220}
    footer .col-12.top{display:block}
    
    section.projects.details p{margin:0 0 2em}
}


@-webkit-keyframes menuSlideDown{
    0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    1%{opacity:1}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes menuSlideDown{
    0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    1%{opacity:1}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

@-webkit-keyframes menuSlideUp{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    99%{opacity:1}
    100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
}
@keyframes menuSlideUp{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    99%{opacity:1}
    100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
}


@-webkit-keyframes slideIn{
    0%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
    50%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes slideIn{
    0%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
    50%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

@-webkit-keyframes slideOut{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    100%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@keyframes slideOut{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    100%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}



@-webkit-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadeOut{
    0%{opacity:1}
    100%{opacity:0}
}
@keyframes fadeOut{
    0%{opacity:1}
    100%{opacity:0}
}




@-webkit-keyframes bodyfadeIn{
    0%{opacity:1}
    100%{opacity:.35}
}
@keyframes bodyfadeIn{
    0%{opacity:1}
    100%{opacity:.35}
}

@-webkit-keyframes bodyfadeOut{
    0%{opacity:.35}
    100%{opacity:1}
}
@keyframes bodyfadeOut{
    0%{opacity:.35}
    100%{opacity:1}
}


@media all and (max-width:767px){
    
    section.slideshow{padding:0}
    section.slideshow.pagepix{padding:0}
    
    section.introduction{padding:4em 0;margin:0}
    section.introduction .image{margin:4em 0 0 0}
    section.introduction.inner{padding:4em 0}
    section.introduction.contact{padding:4em 0}
    
    section.introduction.listing{padding:4em 0 2em}
    section.introduction.listing .row{padding:0 0 2em}
    
    section.services{padding:4em 0;margin:0;text-align:center}
    section.services .swiper-buttons{margin:4em 0 0 0}
    
    section.projects{padding:4em 0;margin:0}
    section.projects .swiper-buttons{margin:2em 0 0 0}
    section.projects.listing{padding:4em 0}
    
    section.projects.details{padding:6em 0 2em}
    
    section.consultations{padding:4em 0 6em;margin:0}
    section.consultations.inner{padding:4em 0 6em;margin:0}
    section.consultations p:last-of-type{margin:0 0 4em}
    section.consultations .image img{margin:0}
    section.consultations .box-sm{bottom:-3em}
    
    section.consultations.inner p:last-of-type{margin:0 0 2em}
    
    section.testimonials{padding:4em;margin:0}
    
    section.awards{padding:0 4em;margin:0}
    section.awards h2{margin:1em 0 0}
    
    section.suppliers{padding:4em;margin:0}
    section.suppliers h2{margin:0 0 .5em}
}

@media all and (max-width:575px){
    body{font-size:1.5rem;line-height:2.7rem}
    
    .btn{font-size:1.2rem;line-height:45px}
    
    h1{font-size:3.2rem;line-height:3.8rem}
    h2{font-size:2.5rem;line-height:3.8rem}
    h3{font-size:1.7rem;line-height:3.2rem}
    
    section.slideshow .swiper-slide .text h1,section.slideshow .swiper-slide .text h2{font-size:4.2rem;line-height:5.2rem;margin:0 0 .5em}
    section.slideshow .swiper-container{height:398px}
    section.slideshow .swiper-container img{min-height:398px}
    
    section.introduction.listing h2{font-size:3.2rem;line-height:3.8rem}
    
    section.introduction p{font-size:1.5rem;line-height:2.7rem}
    section.introduction .box-lg{top:0;max-height:205px;max-width:205px}
    section.introduction .box-sm{bottom:0;max-width:60px;max-height:60px}
    
    section.services h2{font-size:2.5rem;line-height:3.8rem}
    
    section.projects h2{font-size:2.5rem;line-height:3.8rem}
    section.projects h3{margin:0}
    section.projects p{display:none}
    section.projects.details p{display:block}
    section.projects .swiper-buttons{margin:0 0 2em}
    
    section.consultations h2{font-size:3.2rem;line-height:3.8rem}
    section.consultations p:last-of-type{margin:0 0 2em}
    section.consultations .box-lg{top:1em;max-height:205px;max-width:205px;left:0}
    section.consultations .box-sm{bottom:1em;max-width:60px;max-height:60px;right:0}

    section.process h2{font-size:3.2rem;line-height:3.8rem}

    section.testimonials p{font-size:1.5rem;line-height:2.7rem}
    section.testimonials .author{font-size:1.7rem;line-height:2.2rem;margin:2em auto}
    section.testimonials .author .small{font-size:1.5rem;line-height:1.8rem}
    
    section.awards h2{font-size:2.5rem;line-height:3.8rem}
    
    section.suppliers h2{font-size:2.5rem;line-height:3.8rem}
    
    section.copyright p a{margin:0 1.5em}
    section.copyright p span{display:block;margin:1em 0 1.75em}
    section.copyright p a i{margin:0 0 1em}
    
    
    section.introduction .image form{padding:1em}
}
@media all and (max-width:400px){
	section.projects .swiper-buttons .button{margin:0 2em}
}