/*
Theme Name: PLANAG DESIGN
Description: PLANAG DESIGN Webseite
Version: 1.0
Author: squared Web
*/

/*-----------------------------------------------------------------------------------*/
/* Fonts                                                                             */
/*-----------------------------------------------------------------------------------*/

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v51-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v51-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v51-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v51-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v51-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v51-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/*-----------------------------------------------------------------------------------*/
/* CSS Reset                                                                         */
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;min-height:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#444;color:#fff;text-decoration:none;}
mark{background-color:#444;color:#fff;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
strong,.bold{font-weight:bold;}
body .uppercase{text-transform:uppercase;}
body .lowercase{text-transform:none;}
em{font-style:italic;font-weight:inherit;}
ol,ul{list-style:none;}
.text-page ul,.default-page ul{margin-left:36px;list-style-type:disc;}
caption,th,td{font-weight:normal;text-align:left;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
embed,iframe,object,video,img{max-width:100%;height:auto;}
img,video{vertical-align:bottom;}
.underline{text-decoration:underline;}

/*-----------------------------------------------------------------------------------*/
/* Global Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

@-ms-viewport{width:device-width;}
.clearfix:after{visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .clearfix{zoom:1;}/* IE6 fix */
*:first-child+html .clearfix{zoom:1;}/* IE7 fix */
.clear{clear:both;}
::-moz-selection{background:#374c47;color:#f2f3f0;text-shadow:none;}
::selection{background:#374c47;color:#f2f3f0;text-shadow:none;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;padding:4px;}
.courier{font-family:'Courier New',Courier,serif;}
:focus-visible{outline:2px dashed #111111 !important;}
.visually-hidden{position:absolute !important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal !important;}
.skip-to-content:focus{z-index:9999;position:inherit;overflow:auto;width:auto;height:auto;clip:auto;background:#000;color:#fff;padding:8px 18px;}
a{color:inherit;text-decoration:none;position:relative;transition:color .2s ease-in-out;}
a:hover{color:#acabab;}
.hide-on-mobile{display:none;}
section,.no-overflow{overflow:hidden;}
p + p,p + ul, p + ol, ol + p, ul + p,h2 + p,.h2 + p,h2 + ul,h2 + ol,p + h2, ol + h2, ul + h3,h3 + p,h3 + ul,h3 + ol,p + h3, ol + h3,ul + h2,ol + h2,
ul + h3,h4 + p,h4 + ul,h4 + ol,p + h4, ol + h4, ul + h4,blockquote + h4,blockquote + h3,blockquote + h2,blockquote + h1,blockquote + p,
blockquote + ul,blockquote + ol,blockquote + blockquote,p + blockquote,ul + blockquote,ol + blockquote, h1 + blockquote,h2 + blockquote, h3 + blockquote, h4 + blockquote{margin-top:15px;}


h1,.h1{font-size:22px;font-size:2.2rem;text-transform:uppercase;line-height:1.3;margin-bottom:4px;/*color:#1e4235;*/}
h1.h2{margin-bottom:0;}
h1 + .bigger-text-size,.h2-spacing-fix{margin-top:30px;}
h2,.h2{font-size:18px;font-size:1.8rem;}
.h2-uppercase{text-transform:uppercase;line-height:1.2;}
.big-text{font-size:22px;font-size:2.2rem;text-transform:uppercase;line-height:1.2;}
.margin-top-one{margin-top:15px;}

.center{text-align:center;}
.uppercase{text-transform:uppercase;}
.small-caps{font-size:12px;font-size:1.2rem;line-height:1.3;letter-spacing:3px;font-weight:700;text-transform:uppercase;}
.font-normal{font-weight:400;}
.medium-caps{}
.big-caps{}
main a{text-decoration:underline;}
main a.pag-button,main .animated-underline a{text-decoration:none;}
.pag-button{display:inline-block;height:42px;line-height:42px;transition:background-color 0.2s ease-in-out,opacity 0.2s ease-in-out;padding:0 36px;}
.pag-button:hover{cursor:pointer;opacity:0.8;}
section{position:relative;}
.accordion-wrap{border-bottom:1px solid #637471;}
.accordion-wrap + .accordion-wrap{}
.accordion-title{padding-bottom:30px;padding-top:30px;padding-right:40px;position:relative;}
.accordion-title:hover{cursor:pointer;}
.accordion-open-icon{position:absolute;right:0;top:30px;transition:transform 0.4s ease-in-out;}
.accordion-active .accordion-open-icon{transform:rotate(45deg);}
.accordion-content,.accordion-content-alt{margin-top:0;margin-bottom:60px;display:none;}
.shadow-one{box-shadow:3px 3px 4px 2px rgba(0,0,0,0.2);}

/*-----------------------------------------------------------------------------------*/
/* Page Setup                                                                        */
/*-----------------------------------------------------------------------------------*/

html{min-height:100%;font-size:62.5%;margin-top:0 !important;overflow-x:hidden;}
body{min-height:100%;position:relative;font-family:'Roboto',sans-serif;color:#374c47;font-size:16px;font-size:1.6rem;line-height:1.4;font-weight:400;background:#fff;overflow-x:hidden;
 overflow-wrap:break-word;word-wrap:break-word;text-rendering:optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;
 -moz-osx-font-smoothing:grayscale !important;font-smooth:never;}
body.nav-active,body.hide-overflow{overflow:hidden;}
main{padding-top:128px;}
main.home{padding-top:62px;}
.container{position:relative;margin:0 auto;padding:0 20px;max-width:1780px;}
.container-width-large{max-width:2560px;}
.row{position:relative;margin:0 -9px;display:flex;flex-wrap:wrap;}
.sub-row{width:100%;display:flex;flex-wrap:wrap;}
.row-alt{display:flex;flex-wrap:wrap;}
.row-center{justify-content:center;}
.m-col-1,.m-col-2,.m-col-3,.m-col-4,.m-col-5,.m-col-6,.m-col-7,.m-col-8,.m-col-9,.m-col-10,.m-col-11,.m-col-12{padding-left:9px;padding-right:9px;}
.m-col-1{width:8.333%;}
.m-col-2{width:16.666%;}
.m-col-3{width:25%;}
.m-col-4{width:33.333%;}
.m-col-5{width:41.666%;}
.m-col-6{width:50%;}
.m-col-7{width:58.333%;}
.m-col-8{width:66.666%;}
.m-col-9{width:75%;}
.m-col-10{width:83.333%;}
.m-col-11{width:91.666%;}
.m-col-12{width:100%;}
.m-col-offset-0{margin-left:0;}
.m-col-offset-1{margin-left:8.333%;}
.m-col-offset-2{margin-left:16.666%;}
.m-col-offset-3{margin-left:25%;}
.m-col-offset-4{margin-left:33.333%;}
.m-col-offset-5{margin-left:41.666%;}
.m-col-offset-6{margin-left:50%;}
.m-col-offset-7{margin-left:58.333%;}
.m-col-offset-8{margin-left:66.666%;}
.m-col-offset-9{margin-left:75%;}
.m-col-offset-10{margin-left:83.333%;}
.m-col-offset-11{margin-left:91.666%;}
.full-width{margin:0 -20px;}
.row-padding-one{padding-top:60px;padding-bottom:60px;}
.row-padding-one + .row-padding-one{padding-top:0;}
.row-padding-two{padding-top:50px;padding-bottom:70px;}
.row-padding-three{padding-top:80px;padding-bottom:160px;}
.row-padding-five{padding-top:60px;padding-bottom:60px;}
.row-padding-six{padding-top:30px;padding-bottom:60px;}

/*-----------------------------------------------------------------------------------*/
/* Header Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

header{background:rgba(242,243,240,0.9);backdrop-filter:blur(6px);position:fixed;top:0;left:0;right:0;width:100%;z-index:12;
 box-shadow:0px 1px 6px rgba(0,0,0,0.2);box-shadow:0px 0px 4px 4px rgba(0,0,0,0.2);}
.header-wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;transition:height 0.2s ease-in-out;}
.lang-social{position:absolute;right:30px;top:0;display:flex;flex-wrap:wrap;}
.logo{position:relative;padding:20px 0;transition:all 0.2s ease-in-out;}
.logo img{vertical-align:middle;max-width:252px;}
.shrunk .logo{padding:12px 0;}
.nav-links-wrap{min-width:1px;}
.nav-links-wrap ul{display:none;}
.nav-links-wrap nav{display:none;position:relative;}
#nav-icon{width:26px;height:18px;display:inline-block;position:absolute;top:50%;transform:translateY(-9px);right:18px;}
#nav-icon:hover{cursor:pointer;}
.nav-one{position:absolute;width:26px;height:2px;top:0;left:0;background:#374c47;transition:all 0.2s ease-in-out .2s;}
.nav-active .nav-one{top:9px;opacity:0;transition:all 0.2s ease-in-out;}
.nav-two{position:absolute;width:26px;height:2px;top:8px;left:0;background:#374c47;transition:all 0.2s ease-in-out;}
.nav-active .nav-two{transform:rotate(45deg);transition:all 0.2s ease-in-out .2s;}
.nav-three{position:absolute;width:26px;height:2px;top:8px;left:0;background:#374c47;transition:all 0.2s ease-in-out;}
.nav-active .nav-three{transform:rotate(-45deg);transition:all 0.2s ease-in-out .2s;}
.nav-four{position:absolute;width:26px;height:2px;top:16px;left:0;background:#374c47;transition:all 0.2s ease-in-out .2s;}
.nav-active .nav-four{top:9px;opacity:0;transition:all 0.2s ease-in-out;}
.mobile-navigation-wrapper{display:none;background:#f2f3f0;position:fixed;overflow-y:auto;left:0;top:0;right:0;bottom:0;width:100%;min-height:100%;z-index:11;}
.mobile-navigation{display:flex;min-height:100%;overflow-y:auto;flex-direction:column;flex-wrap:wrap;justify-content:center;transform:translateY(20px);opacity:1;
 transition:transform 0.4s ease-in-out,opacity 0.4s ease-in-out;padding:100px 0;}
.show-nav .mobile-navigation{transform:none;opacity:1;}
.mobile-navigation ul{width:100%;text-align:center;}
.mobile-navigation .menu li + li,.mobile-navigation ul + ul,.mobile-social{margin-top:30px;}
.mobile-navigation li a{font-size:18px;font-size:1.8rem;text-transform:uppercase;}
.mobile-navigation li.current-menu-item a,.mobile-navigation .lang-item.current-lang a{font-weight:400;}
.mobile-lang-switch{padding-top:30px;border-top:2px solid #374c47;}
.mobile-lang-switch li,.desktop-lang-switch li{display:inline-block;}
.lang-item{position:relative;}
.lang-item:first-child{margin-right:7px;}
.lang-item + .lang-item{margin-left:7px;}
.desktop-lang-switch .lang-item + .lang-item{margin-left:1px;}
.lang-item:first-child::after{content:'';position:absolute;right:-10px;top:50%;margin-top:-10px;height:16px;width:2px;background:#374c47;}
.desktop-lang-switch .lang-item:first-child::after{content:'';position:absolute;right:-7px;top:50%;margin-top:-8px;height:14px;width:2px;background:#374c47;}
.menu li a,.lang-item a,footer-left-text a,.animated-underline a{position:relative;}
/*.menu li a::after,.lang-item a::after,footer a::after,.animated-underline a::after{content:'';width:0%;height:1px;background:#374c47;position:absolute;left:50%;
  bottom:1px;transition:width 0.2s ease-in-out;}
.menu li a::before,.lang-item a::before,footer a::before,.animated-underline a::before{content:'';width:0%;height:1px;background:#374c47;position:absolute;right:50%;bottom:1px;
  transition:width 0.2s ease-in-out,opacity 0.2s ease-in-out;}
.menu li.current-menu-item a::after,.lang-item.current-lang a::after,
 .menu li a:hover::after,.lang-item a:hover::after,footer a:hover::after,
 .animated-underline a:hover::after{width:50%;}
.menu li.current-menu-item a::before,.lang-item.current-lang a::before,
  .menu li a:hover::before,.lang-item a:hover::before,footer a:hover::before,.animated-underline a:hover::before{width:50%;}
.menu li.current-menu-item a::before,.lang-item.current-lang a::before,.menu li.current-menu-item a::after,.lang-item.current-lang a::after{display:none;}
.menu li.current-menu-item a,.lang-item.current-lang{font-weight:400;}
footer a:hover::before,footer a:hover::after,footer .menu li a::before,footer .menu li a::after{background:#d9d9d9;}
footer .footer-left-logo a::after,footer .footer-left-logo a::before{display:none;}*/
.menu li.current-menu-item a,.lang-item.current-lang{font-weight:500;}
.menu li.current-menu-item a:hover,.lang-item.current-lang a:hover{color:#374c47;}

/*-----------------------------------------------------------------------------------*/
/* Content Styles                                                                    */
/*-----------------------------------------------------------------------------------*/

/* Animations */
.animate-me{transition:transform 1.0s ease-in-out,opacity 0.8s ease-in-out;}
.animate-scale-up{transform:scale(0.9);}
.animate-from-top{transform:translateY(40px);}
.animate-from-bottom{transform:translateY(40px);}
.animate-from-left{transform:translateY(40px);}
.animate-from-right{transform:translateY(40px);}
.animate-opacity{opacity:0;}
.animation-delay-0{transition-delay:0.2s;}
.animation-delay-1{transition-delay:0.2s;}
.animation-delay-2{transition-delay:0.4s;}
.animation-delay-3{transition-delay:0.6s;}
.animation-delay-4{transition-delay:0.8s;}
.animation-delay-5{transition-delay:1.0s;}
.animation-delay-6{transition-delay:1.2s;}
.animated{opacity:1;transform:none;}

/* Hero */
.hero{margin:0 auto;max-width:2560px;}
.hero-bg-area{position:absolute;top:0;left:0;right:4.166%;right:calc(4.166% + 9px);height:80%;background:#f2f3f0;z-index:-1;}
.hero-bg-area::after{content:"";height:100%;position:absolute;left:-200%;top:0;width:400%;background:#f2f3f0;}

.hero-banner{position:relative;height:450px;max-height:90vh;max-height:calc(100vh - 300px);}
.hero-banner .swiper-wrapper{height:450px;max-height:90vh;max-height:calc(100vh - 300px);}
@media all and (max-width: 980px) and (max-height: 500px) and (orientation: landscape){
 .hero-banner{max-height:90vh;max-height:calc(100vh - 150px);}
 .hero-banner .swiper-wrapper{max-height:90vh;max-height:calc(100vh - 150px);} 
}
.swiper-wrapper img:hover{cursor:default;}
.hero-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.hero-banner .swiper-horizontal>.swiper-pagination-bullets,.hero-banner .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;left:auto;right:20px;}
/*.swiper-horizontal{touch-action:pan-y pinch-zoom !important;}*/
.hero-banner .swiper-pagination-bullet{background:rgba(238,239,239,0.4);width:12px;height:12px;border:1px solid #374c47;opacity:1;}
.hero-banner .swiper-pagination-bullet-active{background:rgba(238,239,239,0.8);}
.hero-banner .swiper-button-next{width:34px;height:34px;right:20px;}
.hero-banner .swiper-button-prev{width:34px;height:34px;left:20px;}
.swiper-button-next svg,.swiper-button-prev svg{display:none;}
.hero-banner .swiper-button-next::after{content:'';display:block;width:34px;height:34px;background:url('images/slider-next-icon.svg') no-repeat,rgba(238,239,239,0.6);
 background-size:10px;background-position:58% 50%;border-radius:34px;}
.hero-banner .swiper-button-prev::after{content:'';display:block;width:34px;height:34px;background:url('images/slider-back-icon.svg') no-repeat,rgba(238,239,239,0.6);
 background-size:10px;background-position:42% 50%;border-radius:34px;}

.hero-content{position:relative;padding:45px 0 0 0;}
.hero-logo{}
.hero-logo img{max-width:300px;}
.hero-text{margin-top:20px;}
.hero-text h1{margin:0 auto;max-width:460px;font-size:24px;font-size:2.4rem;text-transform:uppercase;}
.hero-logo + .hero-text{padding-top:30px;}
.hero-cat-links{margin-top:35px;font-size:2.2rem;}
.hero-cat-links > div{margin-bottom:40px;}
.hero-cat-link{position:relative;}
.hero-cat-link img{z-index:1;}
main .hero-cat-link-url{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
 transition:background 0.6s ease-in-out;z-index:2;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:400;}
.hero-cat-link:hover .hero-cat-link-url{background:rgba(0,0,0,0);}

/* Content */
.home-content{padding:0;}
.home-content-block{padding:60px 0;}
.home-content-block:first-child{padding:30px 0 60px 0;}
.grey-bg-section{position:absolute;top:0;bottom:0;width:100%;background:#f2f3f0;z-index:-1;}
.grey-bg-section.left{right:4.166%;right:calc(4.166% + 9px);}
.grey-bg-section.right{left:4.166%;left:calc(4.166% + 9px);}
.grey-bg-section.left-full{right:9px;}
.grey-bg-section.right-full{left:9px;}
.grey-bg-section.left::after{content:"";height:100%;position:absolute;top:0;width:400%;background:#f2f3f0;left:-200%;}
.grey-bg-section.right::after{content:"";height:100%;position:absolute;top:0;width:400%;background:#f2f3f0;right:-200%;}
.grey-bg-section.left-full::after{content:"";height:100%;position:absolute;top:0;width:400%;background:#f2f3f0;left:-200%;}
.grey-bg-section.right-full::after{content:"";height:100%;position:absolute;top:0;width:400%;background:#f2f3f0;right:-200%;}

/* Categories */
.cat-desc{}
.cat-block{position:relative;padding:60px 0;}
.cat-block .row + .row,.cat-block .row > div + div{padding-top:60px;}
.cat-block + .cat-block{margin-top:60px;}
.cat-project{position:relative;}
.cat-project-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.cat-project img{opacity:1;transition:transform 0.8s ease-in-out;}
.cat-project-link:hover + .cat-project-image-wrapper img{transform:scale(1.14);}
.cat-project-image-wrapper{overflow:hidden;}
.cat .cat-project h2{margin-top:10px;font-weight:400;}
.cat-top-title{margin-bottom:30px;text-transform:uppercase;}
.cat-first-block-spacing-2{}
.cat-first-block-spacing-3{}
.cat-first-block-spacing-4{}
.cat-block-spacing-1{}
.cat-block-spacing-2{}
.cat-block-spacing-3{}
.cat-block-spacing-4{}

/* Project */
.project{margin-bottom:70px;}
.project-big-title{font-size:22px;font-size:2.2rem;line-height:1.2;text-transform:uppercase;font-weight:400;}
.project-nav a{display:inline-block;text-decoration:none;}
.project-nav span{display:inline-block;opacity:0.4;}
.project-nav-top{display:flex;align-items:center;justify-content:flex-start;margin-top:15px;}
.prev-project{width:20px;height:20px;margin-right:6px;background:url('images/slider-back-icon.svg') no-repeat left center;}
.next-project{width:20px;height:20px;margin-left:6px;background:url('images/slider-next-icon.svg') no-repeat right center;}
.project-info{position:relative;margin:50px 0 50px 0;}
.project-info h1{font-weight:400;}
.swiper-wrapper{transition-timing-function:cubic-bezier(0.64,0,0.78,0) !important;}
.project-info .swiper-container{margin:0 -20px;}
.project-info .swiper-wrapper{padding-bottom:50px;margin}
.project-info .swiper-wrapper img{width:100%;}
.project-info .swiper-pagination-bullet{background:transparent;width:12px;height:12px;border:1px solid #374c47;opacity:1;}
.project-info .swiper-pagination-bullet-active{background:#374c47;}
.project-info .swiper-button-next{width:30px;height:30px;right:9px;top:50%;transform:translateY(-50%);}
.project-info .swiper-button-prev{width:30px;height:30px;left:9px;top:50%;transform:translateY(-50%);}
.swiper-button-next svg,.swiper-button-prev svg{display:none;}
.swiper-slide{opacity:0;}

.project-info .swiper-button-next::after{content:'';display:block;width:30px;height:30px;background:url('images/slider-next-icon.svg') no-repeat,rgba(238,239,239,0.6);
 background-size:10px;background-position:58% 50%;border-radius:30px;}
.project-info .swiper-button-prev::after{content:'';display:block;width:30px;height:30px;background:url('images/slider-back-icon.svg') no-repeat,rgba(238,239,239,0.6);
 background-size:10px;background-position:42% 50%;border-radius:30px;}

.project-info-text{margin-top:15px;}
.project-align-center{align-items:center;}
.project-bottom-nav a{text-decoration:none;}
.project-back-bottom a{display:flex;line-height:1;text-transform:uppercase;}
.project-back-bottom a:hover{color:#374c47;}
.project-bottom-nav-icon{width:20px;height:20px;margin-right:6px;background:url('images/slider-back-icon.svg') no-repeat left center;}
.project-bottom-nav-text{font-size:20px;font-size:2.0rem;display:inline-block;}
.project-nav-bottom{display:flex;align-items:center;margin-top:30px;}
.project-nav-bottom span{opacity:0.4;}
.project-nav-bottom .projects-bottom-nav-more{display:inline-block;opacity:1;line-height:1;font-size:20px;font-size:2.0rem;text-transform:uppercase;}
.project-nav-bottom .prev-project,.project-nav-bottom .next-project{display:inline-block;}
.project-images-bottom{width:100%;margin-top:-60px;}
.project-bonus-two,.project-bonus-three{text-align:center;}
.project-info .grey-bg-section{top:8%;}

/* Profile */
.profile-intro{position:relative;padding:55px 0;}
.profile-intro .grey-bg-section{top:-40%;bottom:-30%;}
.awards{line-height:1.3;margin-top:60px;}
.awards .grey-bg-section{left:-50%;width:400%;}
.award-logos{display:flex;flex-wrap:wrap;margin:-9px 0;}
.award-logos img{margin:30px 9px 0 9px;align-self:flex-start;}
.references{margin-top:60px;}
.references h2 + p{margin-top:0;}
.references-names{margin-top:15px;/*line-height:1.2;*/}
.ref-logo-column{margin-bottom:18px;padding-left:9px;padding-right:9px;width:100%;}
.ref-logo-column:last-child{margin-bottom:0;}
.ref-logo{height:120px;width:100%;display:flex;align-items:center;justify-content:center;/*background:#fff;*/padding:0 18px;position:relative;}
.ref-logo a{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;}
.ref-logo + .ref-logo{margin-top:18px;}
.ref-logo img{width:auto;}
.references .grey-bg-section.left-full{right:-18px;}

/* Process */
.process-intro{padding:55px 0;}
.process-intro .grey-bg-section{top:-40%;bottom:-55px;}

/* Contact */
.contact .grey-bg-section{bottom:30%;}
.contact .sub-row .address{order:1;}
.contact .sub-row .map{order:2;margin-top:20px;}
.contact-map-wrapper{position:relative;}
.contact .map-copyright{position:absolute;bottom:-2px;right:0;padding:0 2px;background:rgba(0,0,0,0.6);line-height:13px;font-size:8px;color:#fff;}
.contact h2 + p{margin-top:0;}

/* Legal */
.legal{margin-bottom:120px;}

/*-----------------------------------------------------------------------------------*/
/* Footer Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

footer{background:#374c47;color:#d9d9d9;padding:20px 0;font-size:16px;font-size:1.6rem;margin:60px 0 0 0;}
.profile + footer{margin:0;}
.footer-wrap{display:flex;flex-wrap:wrap;justify-content:center;}
.footer-left{order:1;width:100%;text-align:center;display:flex;flex-wrap:wrap;margin-bottom:20px;}
.footer-left-logo{order:2;width:100%;}
.footer-logo{max-width:252px;}
.footer-left img{vertical-align:middle;}
.footer-left-text{order:1;width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;}
.footer-right{order:2;width:100%;text-align:center;}
footer a:hover{color:#fff;}

/*-----------------------------------------------------------------------------------*/
/* Media queries                                                                     */
/*-----------------------------------------------------------------------------------*/

@media all and (min-width: 768px){
 .animate-from-top{transform:translateY(-40px);}
 .animate-from-bottom{transform:translateY(40px);}
 .animate-from-left{transform:translateX(-40px);}
 .animate-from-right{transform:translateX(40px);}
 .animated{opacity:1;transform:none;}
 /*.home-content-block:first-child{padding:60px 0;}*/
 .hero-logo img{max-width:440px;}
 .home-content{padding:60px 0;}
 .hero-banner .swiper-button-next{right:30px;}
 .hero-banner .swiper-button-prev{left:30px;}
 .hero-banner .swiper-horizontal>.swiper-pagination-bullets,.hero-banner .swiper-pagination-bullets.swiper-pagination-horizontal{right:30px;}
 main{padding-top:160px;}
 .container{padding:0 30px;}
 .full-width{margin:0;}
 .t-col-1,.t-col-2,.t-col-3,.t-col-4,.t-col-5,.t-col-6,.t-col-7,.t-col-8,.t-col-9,.t-col-10,.t-col-11,.t-col-12{padding-left:9px;padding-right:9px;}
 .t-col-1{width:8.333%;}
 .t-col-2{width:16.666%;}
 .t-col-3{width:25%;}
 .t-col-4{width:33.333%;}
 .t-col-5{width:41.666%;}
 .t-col-6{width:50%;}
 .t-col-7{width:58.333%;}
 .t-col-8{width:66.666%;}
 .t-col-9{width:75%;}
 .t-col-10{width:83.333%;}
 .t-col-11{width:91.666%;}
 .t-col-12{width:100%;}
 .t-col-offset-0{margin-left:0;}
 .t-col-offset-1{margin-left:8.333%;}
 .t-col-offset-2{margin-left:16.666%;}
 .t-col-offset-3{margin-left:25%;}
 .t-col-offset-4{margin-left:33.333%;}
 .t-col-offset-5{margin-left:41.666%;}
 .t-col-offset-6{margin-left:50%;}
 .t-col-offset-7{margin-left:58.333%;}
 .t-col-offset-8{margin-left:66.666%;}
 .t-col-offset-9{margin-left:75%;}
 .t-col-offset-10{margin-left:83.333%;}
 .t-col-offset-11{margin-left:91.666%;}
 
 .project-nav{text-align:right;}
 .project-info .swiper-container{margin:0;}
 .project-big-title-spacer{padding-left:8.333%;padding-left:calc(8.333% + 9px);}
 .swiper-button-next::after{content:'>';font-size:40px;font-size:4.0rem;}
 .swiper-button-prev::after{content:'<';font-size:40px;font-size:4.0rem;}
 
 .project-nav-top{justify-content:flex-end;}
 .project-nav-top .next-project{margin-left:20px;}
 .project-nav-top,.project-nav-bottom{margin-top:0;}
 
 #nav-icon{right:28px;}
 .hero-content{padding:55px 0 0 0;}
 .hero-cat-links{margin-top:45px;}
 .hero-cat-links > div{margin-bottom:0;}
 .contact .map-copyright{font-size:10px;}
 
 .cat{margin-top:30px;}

 .ref-logo-column{width:50%;}
 .ref-logo-column-five{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
 .ref-logo-column-five .ref-logo{width:50%;width:calc(50% - 9px);}
 .ref-logo-column-five .ref-logo + .ref-logo{margin-top:0;margin-bottom:18px;}
}
@media all and (min-width: 1024px){
 .hero-logo img{max-width:480px;}
 h1,.h1{font-size:24px;font-size:2.4rem;}
 .big-text{font-size:24px;font-size:2.4rem;}
 #nav-icon,.mobile-navigation-wrapper{display:none !important;}
 .logo{width:35%;}
 .nav-links-wrap{width:65%;display:flex;justify-content:flex-end;align-items:center;}
 .nav-links-wrap ul,.nav-links-wrap nav{display:block;position:relative;} 
 .nav-links{padding-right:40px;text-align:right;}
 .nav-links-wrap a{font-size:16px;font-size:1.6rem;line-height:1.2;text-transform:uppercase;}
 .nav-links ul{display:flex;}
 .nav-links li + li{margin-left:20px;}
 .lang-switch{min-width:auto;bottom:auto;}
 
 .sd-col-1,.sd-col-2,.sd-col-3,.sd-col-4,.sd-col-5,.sd-col-6,.sd-col-7,.sd-col-8,.sd-col-9,.sd-col-10,.sd-col-11,.sd-col-12{padding-left:9px;padding-right:9px;}
 .sd-col-1{width:8.333%;}
 .sd-col-2{width:16.666%;}
 .sd-col-3{width:25%;}
 .sd-col-4{width:33.333%;}
 .sd-col-5{width:41.666%;}
 .sd-col-6{width:50%;}
 .sd-col-7{width:58.333%;}
 .sd-col-8{width:66.666%;}
 .sd-col-9{width:75%;}
 .sd-col-10{width:83.333%;}
 .sd-col-11{width:91.666%;}
 .sd-col-12{width:100%;}
 .sd-col-offset-0{margin-left:0;}
 .sd-col-offset-1{margin-left:8.333%;}
 .sd-col-offset-2{margin-left:16.666%;}
 .sd-col-offset-3{margin-left:25%;}
 .sd-col-offset-4{margin-left:33.333%;}
 .sd-col-offset-5{margin-left:41.666%;}
 .sd-col-offset-6{margin-left:50%;}
 .sd-col-offset-7{margin-left:58.333%;}
 .sd-col-offset-8{margin-left:66.666%;}
 .sd-col-offset-9{margin-left:75%;}
 .sd-col-offset-10{margin-left:83.333%;}
 .sd-col-offset-11{margin-left:91.666%;}
 
 .hero-content{padding:65px 0 0 0;}
 .hero-cat-links{margin-top:55px;}
 
 .hero-bg-area::after{left:-399%;}
 .grey-bg-section.left::after{left:-399%;}
 .grey-bg-section.right::after{right:-399%;}
 .grey-bg-section.left-full::after{left:-399%;}
 .grey-bg-section.right-full::after{right:-399%;}
 
 .project{margin-bottom:120px;}
 .project-big-title-spacer{padding-left:16.666%;padding-left:calc(16.666% + 9px);padding-left:12.499%;padding-left:calc(12.499% + 9px);}
 .project-big-title{font-size:24px;font-size:2.4rem;}
 .project-info{position:relative;margin:60px 0;}
 .project-info .grey-bg-section{right:4.166%;right:calc(4.166% + 9px);bottom:18%;}
 .swiper-container{position:relative;}
 .swiper{position:static;}
 .swiper-pagination{text-align:right;margin:0 0 10px 4px;}
 .project-info .swiper-button-next{right:-40px;}
 .project-info .swiper-button-prev{left:-40px;}
 .project-info .swiper-button-prev::after{border:1px solid #374c47;border-radius:30px;}
 .project-info .swiper-button-next::after{border:1px solid #374c47;border-radius:30px;}
 .project-bottom-nav-text{}
 .project-images-bottom{margin-top:0;}
 .project-images-bottom .row-padding-one:first-child{padding-top:0;}
 .project-bonus-one{position:absolute;top:72px;left:-37.499%;left:-20%;left:calc(-16.666% - 30px);text-align:right;}
 .project-bonus-one img{max-height:400px;max-height:380px;width:auto;}
 .project-bonus-two{text-align:left;margin-top:110px;}
 .project-bonus-three{text-align:left;margin-top:-60px;}
 .project-bonus-three-no-margin{margin-top:0;}
 
 .project-bottom-nav-text{font-size:2.2px;font-size:2.2rem;}
 .project-nav-bottom .projects-bottom-nav-more{font-size:22px;font-size:2.2rem;}
 
 .profile-intro .grey-bg-section{bottom:-40%;top:-60%;}
 .awards{position:relative;margin-top:-70px;}
 .awards .grey-bg-section{left:25%;left:calc(25% + 9px);}
 .award-logos img{margin:9px 9px 9px 9px;align-self:flex-start;}
 .align-awards{align-items:center;}
 .references{margin-top:120px;}
 
 .process{padding-bottom:160px;}
 .process-intro .grey-bg-section{bottom:-55px;}
 .process-bottom{position:relative;}
 .process-img-one{position:absolute;top:-140px;left:-25%;left:calc(-25% - 9px);}
 .process-img-two{position:absolute;bottom:-120px;left:-8.333%;left:calc(-8.333% - 9px);}
 .process-bottom .grey-bg-section{left:33.333%;left:calc(33.333% + 9px);}
 
 .row-padding-two{padding-top:140px;padding-bottom:90px;}
 .row-padding-three{padding-top:120px;padding-bottom:360px;}
 .row-padding-five{padding-top:90px;padding-bottom:120px;}
 .row-padding-six{padding-top:30px;padding-bottom:10px;}
 
 .contact{padding-top:60px;}
 .contact .sub-row .map{order:1;} 
 .contact .sub-row .address{order:2;}
  
 .cat{margin-top:60px;}
 .cat-block .row + .row{padding-top:80px;}
 .cat-block .row > div + div{padding-top:0;}
 .cat-block + .cat-block .grey-bg-section{left:25%;left:calc(25% + 9px);top:160px;bottom:260px;}
 
 .cat-block{}
 .cat-block + .cat-block{}
 
 .cat-top-title{position:relative;top:-125px;}
 .cat-first-block-spacing-1{margin-top:-120px;}
 .cat-first-block-spacing-2{}
 .cat-first-block-spacing-3{margin-top:90px;}
 .cat-block-spacing-1{margin-top:-320px;}
 .cat-block-spacing-2{}
 .cat-block-spacing-3{/*margin-top:-140px;*/}
 .cat-block-spacing-4{margin-top:60px;}
 
 .footer-wrap{justify-content:space-between;}
 .footer-left{order:1;width:50%;text-align:left;margin-bottom:0;}
 .footer-left-logo{order:1;margin-top:-2px;}
 .footer-left-text{order:2;width:unset;margin:18px 0 0 0;flex-direction:row;}
 .footer-left-text a + a{margin-left:20px;}
 .footer-right{width:50%;display:flex;flex-wrap:wrap;justify-content:flex-end;}
 .footer-right .menu{display:flex;flex-wrap:wrap;}
 .footer-right .menu li + li{margin-left:20px;}
	
 .ref-logo-column{width:25%;}
 .ref-logo-column-five{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
 .ref-logo-column-five .ref-logo{width:25%;width:calc(25% - 14px);}
 .ref-logo-column-five .ref-logo + .ref-logo{margin-top:0;margin-bottom:18px;}
}
@media all and (min-width:1280px){
 .hero-logo img{max-width:500px;}
 .contact .grey-bg-section{bottom:40%;}
 .container{padding:0 60px;}
 .nav-links{padding-right:60px;}
 .nav-links li + li{margin-left:30px;}
 main{padding-top:180px;}
 .cat-block-spacing-3{/*margin-top:-220px;*/}
 .hero-banner{height:500px;max-height:90vh;max-height:calc(100vh - 200px);}
 .hero-banner .swiper-wrapper{height:500px;max-height:90vh;max-height:calc(100vh - 200px);}
 .hero-banner .swiper-button-next{right:60px;}
 .hero-banner .swiper-button-prev{left:60px;}
 .hero-banner .swiper-horizontal>.swiper-pagination-bullets,.hero-banner .swiper-pagination-bullets.swiper-pagination-horizontal{right:60px;}
 
 .footer-left{width:unset;}
 .footer-left-text a + a,.footer-right .menu li + li{margin-left:25px;}
 .footer-right{width:unset;}
	
 .project-bonus-one img{max-height:380px;}	
 .swiper .swiper-button-next{width:30%;height:100%;top:0;margin-top:0;right:0;justify-content:flex-end;}
 .project-info .swiper .swiper-button-next{bottom:50px;transform:none;height:auto;right:-40px;}
 .swiper .swiper-button-next::after{margin-right:60px;}
 .project-info  .swiper-button-next::after{margin-right:0;}
 .swiper .swiper-button-prev{width:30%;height:100%;top:0;margin-top:0;left:0;justify-content:flex-start;}
 .project-info .swiper .swiper-button-prev{bottom:50px;transform:none;height:auto;left:-40px;}
 .swiper .swiper-button-prev::after{margin-left:60px;}
 .project-info  .swiper-button-prev::after{margin-left:0;}
 .swiper-pagination-bullets{z-index:11;}
	
 .ref-logo-column{width:20%;}
 .ref-logo-column-five{width:20%;display:block;}
 .ref-logo-column-five .ref-logo{width:100%;}
 .ref-logo-column-five .ref-logo + .ref-logo{margin-top:18px;margin-bottom:0;}
	
}

@media all and (min-width:1440px){
 .footer-left-logo{width:unset;}
 .footer-left-text{margin-bottom:0;margin:0 0 0 80px;}
}
@media all and (min-width:1600px){
 .hero-logo img{max-width:560px;}
 .hero-banner{height:550px;}
 .hero-banner .swiper-wrapper{height:550px;} 
 
 /*
 .cat-top-title{top:-165px;}
 .cat-block + .cat-block{margin-top:180px;}
 .cat-first-block-spacing-1{margin-top:-160px;}
 .cat-first-block-spacing-2{}
 .cat-first-block-spacing-3{margin-top:160px;}
 .cat-block-spacing-1{margin-top:-360px;}*/
 
 .references{margin-top:160px;}
 .awards .grey-bg-section{left:33.333%;left:calc(33.333% + 9px);}
 .process{padding-bottom:260px;}
 .process-bottom .grey-bg-section{left:50%;left:calc(50% + 9px);}
 .process-img-one{top:-140px;left:-33.333%;left:calc(-33.333% - 9px);}
 .process-img-two{bottom:-240px;left:8.333%;left:calc(8.333% - 9px);}
 .project-info .grey-bg-section{right:16.666%;right:calc(12.5% + 9px);right:8.333%;right:calc(8.333% + 9px);right:8.333%;right:calc(8.333% + 9px);}
 .project-bonus-one{left:-29.166%;left:-10%;left:calc(-8.333% - 40px);}
 .project-bonus-two{display:block;}
 .project-bonus-three{display:block;}
 .d-col-1,.d-col-2,.d-col-3,.d-col-4,.d-col-5,.d-col-6,.d-col-7,.d-col-8,.d-col-9,.d-col-10,.d-col-11,.d-col-12{padding-left:9px;padding-right:9px;}
 .d-col-1{width:8.333%;}
 .d-col-2{width:16.666%;}
 .d-col-3{width:25%;}
 .d-col-4{width:33.333%;}
 .d-col-5{width:41.666%;}
 .d-col-6{width:50%;}
 .d-col-7{width:58.333%;}
 .d-col-8{width:66.666%;}
 .d-col-9{width:75%;}
 .d-col-10{width:83.333%;}
 .d-col-11{width:91.666%;}
 .d-col-12{width:100%;}
 .d-col-offset-0{margin-left:0;}
 .d-col-offset-1{margin-left:8.333%;}
 .d-col-offset-2{margin-left:16.666%;}
 .d-col-offset-3{margin-left:25%;}
 .d-col-offset-4{margin-left:33.333%;}
 .d-col-offset-5{margin-left:41.666%;}
 .d-col-offset-6{margin-left:50%;}
 .d-col-offset-7{margin-left:58.333%;}
 .d-col-offset-8{margin-left:66.666%;}
 .d-col-offset-9{margin-left:75%;}
 .d-col-offset-10{margin-left:83.333%;}
 .d-col-offset-11{margin-left:91.666%;}
 .project-big-title-spacer{padding-left:20.833%;padding-left:calc(20.833% + 9px);padding-left:12.499%;padding-left:calc(12.499% + 9px);}
 .project-bonus-two{text-align:left;margin-top:220px;}
}