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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{background-color:#000}body *{box-sizing:border-box}
input,textarea,button,select,span,
a {-webkit-tap-highlight-color: rgba(0,0,0,0);cursor: pointer;}
.menu-item-has-children.active > a::after {border-color: #ffffff;}
.category .content>div p strong {font-weight: bold; color:rgba(255,255,255,0.85); letter-spacing: 0.02em; }
.colorlib-copyright span {color:#000; }
.FeedHeader__username a span {font-size: 15px; font-family:  source-sans-pro,sans-serif; font-weight: normal;}
.DesignedButton__link button {padding: 5px;}
/* blog start */
.blog-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 20px;margin-bottom: 100px;}
.blog-post {padding: 15px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.blog-thumbnail img {width: 100%;height: 100%;object-fit: cover;}
.blog-post h2 a { text-decoration: none; color: #fff;}
.blog-post h2 a:visited {color: inherit;}
.read-more {display: inline-block;margin-top: 10px;padding: 10px 15px;color: #fff;text-decoration: none;background-color: #d77f44;
  opacity: 0.5;transition: opacity 200ms;align-items: center;font-family: source-sans-pro,sans-serif;}
.read-more:hover {opacity:1;transition:opacity 200ms}
.blog-thumbnail {width: 100%;padding-top: 50%;background-size: cover;background-position: center;}
.category .content .breadcrumbs_position { padding: 0 9% 0 9%;}
.content .breadcrumbs_position h1, .category .content article h1 {margin-top: 40px!important; }
.breadcrumbs {font-size: 14px;margin-top: 20px;margin-bottom: 15px;color: #fff;  position:relative;font-family: source-sans-pro,sans-serif; z-index:0;}
.breadcrumbs a, .content p a {color: #d77f44;text-decoration: underline;padding:0;}
.breadcrumbs a:hover, .content p a:hover {text-decoration: underline;color: #fff;}
/* blog koniec*/
.top-banner::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;backdrop-filter: blur(2px);}
table {width: 100%; max-width: 670px; border-collapse: collapse; margin: 20px 0; font-size: 16px; text-align: left; background-color: #222; color: #fff;}
th, td {border: 1px solid #555; padding: 12px; font-family: source-sans-pro,sans-serif;}
th {background-color: #333; font-weight: bold; text-align: center;}
tbody tr:nth-child(even) {background-color: #2a2a2a;}
tbody tr:hover {background-color: #444;}
td:first-child {font-weight: bold; color: #d77f44;}
td:not(:first-child) {opacity: 0.65;}


@media screen and (max-width: 750px){
	.section{height:auto !important}
table {font-size: 14px;} th, td {padding: 10px;}}

@media screen and (max-width: 750px){
  .category .content .breadcrumbs_position { padding: 0 8% 0 8%;}
  .blog-post {padding: 0; margin-bottom: 50px;}
  .blog-grid {display: revert; margin-top:0; }
  .content .breadcrumbs_position h1 {margin: 15px auto 30px auto !important;}
  .start .bg .slices span:last-of-type{background-image:url("../img/start_bg_mobile.webp");}
/*	.mob-ham{position:fixed;width:80px;height:80px;top:0;right:0;z-index:3;padding:29px 20px}
	.mob-ham span{display:block;height:2px;background-color:#a98776;margin-bottom:8px;position:relative}
	.mob-ham span:first-of-type{width:40px}
.mob-ham span:nth-child(2){width:30px;left:10px;transition:left 200ms}
.mob-ham span:last-of-type{width:20px;left:20px;transition:left 200ms;margin-bottom:0}
*/
nav{position:fixed;right:0;/*left:100%*/;top:0;bottom:0;/*background-color:#000;*/transition:left 250ms, opacity 250ms}
nav ul{overflow:hidden;padding: 0;counter-reset:my-awesome-counter;}
nav ul li{counter-increment:my-awesome-counter}
nav ul li i{height:26px;left:-26px}
nav ul li i u{width:20px;height:20px;border-radius:50px}
nav ul li a{color:#d77f44;font-size:15px; letter-spacing:0.17em;display:block}
nav ul li a {width: 100%; padding:16px 0 16px 40px;}
nav ul li::before{content:" 0" counter(my-awesome-counter) " | ";color:rgba(145,99,76,0.4);font-size:15px;position:absolute;left:1vw; top: 16px;}
nav ul li:first-of-type {}
nav ul li:last-of-type{padding-bottom: 20px;border-bottom:1px solid rgba(145,99,76,0.55);}
nav ul li:last-of-type i{}
nav ul li:last-of-type i u{position:relative;}
nav ul li:last-of-type::before{}
nav ul li.active::before{color:rgba(255,255,255,0.4)}
nav ul li.active i{left:-13px}
nav ul li.active a{color:#fff}
nav ul li.active:last-of-type i{}
nav ul li.active:last-of-type i u{}
.lang {display: none;}
.lang.active {display:block;opacity:0}
.lang ul li,{padding:2.604vw 0}
.lang ul li i u {margin: 13px auto !important;}
.lang{right:27px;transition:opacity 250ms;bottom:0;left:24.3vw;top:65%;}
.lang ul{display:flex}
.lang ul li i{display:none}
.lang ul li a{width:45px;height:45px;display:block;text-align:center;border-radius:50px;background-color:#d77f44;color:#fff;padding:15px 0 0}
.lang ul li:first-of-type{margin-right:20px}
.lang ul li.active a{background-color:#fff;color:#000}
.sm{bottom:50px;right:34px}
.sm span{font-size:14px;letter-spacing:0.15em;margin:0 20px 0 0}
.sm>div a{height:38px;width:38px;padding:13px;margin:0 7px}
.logotype{height:85px;margin-bottom: 35px; margin-left: 4%;width: 96%;background-position:center;}
.lang.hide{display:none}
/*start menu hamburger*/
#menuToggle {display:block;position:fixed;top:20px;right:20px;z-index:2;user-select:none;}
#menuToggle input {display:block;width:70px;height:72px;position:absolute;top:-17px;left:-25px;cursor:pointer;opacity:0;z-index:2;}
#menuToggle span {display:block;width:33px;height:4px;margin-bottom:5px;background:#cdcdcd;border-radius:3px;
  transition:transform 0.5s,background 0.5s,opacity 0.55s;position:relative;z-index:1;}
#menuToggle input:checked ~ span {transform:rotate(45deg) translate(8px,5px);background:#fff;}
#menuToggle input:checked ~ span:nth-last-child(3) {opacity:0;}
#menuToggle input:checked ~ span:nth-last-child(2) {transform:rotate(-45deg) translate(8px,-5px);}
.menu {position:fixed;top:0;right:-100%;width:100%;height:100%;background:rgba(0,0,0,0.9);list-style-type:none;
  padding:50px 20px 50px 20px;transition:right 0.5s;z-index:0;}
#menuToggle input:checked ~ .menu {right:0;}
.menu li {font-size: 14px;letter-spacing: 0.15em;text-decoration: none;display: block;font-weight: normal;}
.menu a {text-decoration:none;color: #d77f44;}
.menu-item-has-children > .sub-menu {padding-left:21px;}
.menu-item-has-children > .sub-menu li::before {display:none;} /*usuwa cyfry przed pozycją w submenu*/
.sub-menu {display:none;}
.menu-item-has-children {position: relative; }
.menu-item-has-children .sub-menu .sub-menu {position: relative; background: none;}
.menu-item-has-children .sub-menu .sub-menu li a {padding: 12px 0 12px 10px; font-size: 12px; letter-spacing: 0.05em;  }
.menu-item-has-children .sub-menu li a {padding: 12px 0 12px 20px; font-size: 12px; letter-spacing: 0.05em; }
.menu-item-has-children .sub-menu .sub-menu li:last-of-type {border: none; padding-bottom:0;}
.menu-item-has-children .sub-menu li:last-of-type {border: none; padding-bottom: 0;}
.menu-item-has-children > a {position: relative; }
.menu-item-has-children > a::after {content: '';position: absolute;  left:46%; ;top: 38%;width: 5px;height: 5px;border-left: 2px solid #d77f44;
border-bottom: 2px solid #d77f44; border-color 0.3s ease; transform: rotate(-45deg);}
.menu-item-has-children.open > a::after {border-color: #d77f44; transform: translateY(30%) rotate(135deg); }
.menu-item-has-children .menu-item-has-children > a::after {content: none;}
/* odpowiada za automatyczne rozwinięcie 2 poziomu submenu */
.menu-item-has-children.open .sub-menu { display: block;}
/*koniec menu hamburger*/
.section .mark{position:relative}
.section .mark span{width:16px;height:16px;top:3px}
.section .mark h4, .section .mark h2{letter-spacing:0.15em;padding:0 0 0 30px}
.section .mark h4 strong, .section .mark h2 strong{font-size:11px}
.section .mark h4 u, .section .mark h2 u{font-size:19px;line-height:1;margin:0 0 10px}
.start .content a, .category .content>div p a.kontakt {border: 2px solid #fff;height: 50px;font-size: 14px;letter-spacing: 0.2em;margin: 0 17% 49px;padding: 15px 0 0;}
.start .content i{width:12px;height:21px}
.start h1{font-size: 25px;margin:0 0 60px}
.start .bg .slices span:last-of-type{grid-column:1/3}
.start .bg-gradient{height:25.781vw}
.start .mark{top:60px;left:29px;position:absolute}
.about .content{width:100%;height:100%;}
.about .content>div{padding:170px 30px 0 36px;}
.about .content>div p{ line-height:20px;margin:0 0 30px; font-size: 4.00vw;}
.about .content>div .logotype.small{width:125px;height:41px;margin:0 0 0 auto}
.about .bg,.about .sm{display:none}
.about .mark{top:80px;left:29px;position:absolute}
.work .nav .button-group {display: list-item;}
.work .nav{margin: 120px 0 15px 0;}
.work .nav .button-group button.button{font-size:15px;letter-spacing:0.1em;margin-right:30px;line-height:23px;}
.work .nav .button-group button.button i{width:16px;height:16px;margin:0 10px 0 0}
.work .nav .button-group button.button i u{border-radius:100px;width:8px;height:8px}
.work .nav .button-group button.button:hover i u{width:16px;height:16px}
.work .nav .button-group button.button.is-checked i u{width:14px;height:14px; margin-left: -26px;}
.work .slick-slide>div {height: 100px;width: 83%;margin-left: 7.8%;}
.work .slick-slide>div .element-item{height:12.500vw}
.work .slick-slide>div .element-item i{top:8px;right:8px;bottom:8px;left:8px; width: 92px; height: 92px; opacity: 0.4;}
.work .slick-slide>div .element-item span{top:8px;right:8px;bottom:8px;left:8px; width: 92px; height: 92px;}
.work .paginate{bottom:67px;left:23px}
.work .paginate ul li{font-size:14px}
.work .paginate ul li span{padding:0 0.781vw}
.work .navigation{bottom:59px;right:42px}
.work .navigation .prev,.work .navigation .next{width:30px;height:30px}
.work .navigation .prev{margin-right:7px}
.work .navigation .next{margin-left:7px}
.work .mark{top: -508px;left:29px;}
a#statuetki.element-item { width: 80px; height: 80px;}
.customers .logotypes{display:flex;flex-wrap:wrap;flex-basis:1;flex-grow:0}
.customers .logotypes span{width:17%;margin:4%;position:relative;padding-top:19%}
.customers .logotypes span i{display:block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0.5;position:absolute;top:0;right:0;left:0;bottom:0}
.scroll .logos { height: 100px;  width: 1680px;}
.scroll .logos div { margin: 15px; width: 50px; height: 50px; }
.customers .carousel blockquote { line-height: 21px;}
.customers .content{width:100%;order:1;}
.customers .content>div>div{padding:0 0 0 20px; margin-top: -480px;}
.customers .logotypes{order:2;width:100%;padding: 120vw 10px 20px 10px}
.customers h3{font-size:29px;margin:0 0 11px;line-height:50px; letter-spacing: 0.05em; padding:0 0 0 39px}
.customers .carousel{ width: 330px;}
.customers .carousel .slick-list{margin:-3vw 0 -3vw}
.customers .carousel .slick-slide{margin:3vw 0 3vw}
.customers .carousel blockquote{font-size:14px; margin:0 2vw 2vw;padding:0 39px}
.customers .carousel blockquote:before,.customers .carousel blockquote:after{content:' ” ';font-size: 70px}
.customers .carousel blockquote:before{top:19px;left:-3px}
.customers .carousel blockquote:after{bottom:-7vw;right:2.3vw}
.customers .carousel p{font-size:12px;padding: 7vw 3vw 0 0}
.customers .carousel p span{margin:3px 0 0 auto; display: inline-block;}
.customers .carousel .slick-dots{bottom:0}
.customers .carousel .slick-dots li{height:12px;width:12px;margin:0 8px}
.customers .carousel .slick-dots li button{border-radius:100px;width:80%;height:80%}
.customers .carousel .slick-dots li:hover,.customers .carousel .slick-dots .slick-active{margin:0 6px;width:16px;height:16px}
.customers .mark{order:1;margin-left:29px;display:inline-block; top: 50px;}
.contact>div{display:grid}
.contact .content{width:100%;order:3;height:100%; margin-top: -40px;}
.contact .content>div {padding: 0 10% 8% 10%;}
.contact .content>div h3{font-size:25px;margin:0 0 20px;line-height:30px}
.contact .content>div p{font-size:12px;margin:0 0 10px; letter-spacing: 0.1em;}
.contact .content>div p strong{font-size:21px}
.contact .content>div p small{font-size:16px; letter-spacing: 0.08em;}
.contact .content>div p span{width:100px;letter-spacing:0.15em}
.contact .content>div p:last-of-type{margin:0 0 17px}
.contact .content>div .sm-footer span{font-size:12px;letter-spacing:0.1em;margin:0 15px 0 0}
.contact .content>div .sm-footer>div{display:flex}
.contact .content>div .sm-footer>div a{border-radius:50px;height:33px;width:33px;padding:9px;margin:0 5px}
.contact .insta{width:90%;order:2;padding:6vw 2vw 0 2vw; margin-left: 5%; margin-top: -50px;}
.contact .mark{margin-top:40px;margin-left:29px;display:inline-block;order:1}
.slices{grid-template-columns:80px auto}
.slices span:nth-child(3),.slices span:nth-child(4){display:none}
.slices span:nth-child(2){border-right:0}
.sm.mob{position:fixed;z-index:2; display: none; transition:opacity 250ms;bottom:2.604vw;right:10.972vw}
.sm.mob>div a{height:45px;width:45px;padding:15px;margin:0 10px;opacity:1}
.mob-ham.active span:nth-child(2){left:0;transition:left 200ms}
.mob-ham.active span:last-of-type{left:0;transition:left 200ms}nav.active{left:0;opacity:1;transition:left 250ms, opacity 250ms}
.lang.active{opacity:1;transition:opacity 250ms;transition-delay:250ms}
.sm.mob.active{opacity:1;transition:opacity 250ms;transition-delay:250ms}
.work .slick-slide>div .element-item { height: 99px;}
.customers .carousel .slick-dots{align-items:center;bottom: -25px;}

/*#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images
.sbi_item, #sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_7.sbi_mob_col_auto
#sbi_images .sbi_item, #sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_mob_col_1
#sbi_images .sbi_item { width: 33% !important;}
#sb_instagram #sbi_load .sbi_follow_btn {margin-top: -275px;float: right;margin-right: 10px;display: none;}
#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {letter-spacing: 0.08em;}
.contact .content>div p strong a, .contact .content>div p small a {text-decoration: none;color: inherit;}
#sb_instagram > div.sb_instagram_header > a > div > div.sbi_feedtheme_header_text > p {color: #333;}
*/

.project .project-images .slick-list .slick-track .img {  min-height: 356px; aspect-ratio: 1/1;}
.project .hide-work {  position: absolute;  padding: 50px;  top: 0;  right: 0;  height: 74px;  padding: 24px 57px 14px 30px;  z-index: 2;cursor: pointer;}
.project .hide-work a {font-family: source-sans-pro,sans-serif;color: #fff;font-size: 0.7em;letter-spacing: 0.2em;position: relative;text-decoration: none;
  text-transform: uppercase;padding: 6px 0 0 6px;opacity: 0.8;  transition: 100ms;}
.project .hide-work a span { visibility:hidden;}
.project .hide-work a i {position: absolute;right: -50px;top: 0;width: 20px;  height: 20px;display: block;
    background-image: url(../img/close-icon.svg);margin: 0 18px 0 0;background-size: cover;
    background-position: center;background-repeat: no-repeat;opacity: 0.8;transition: opacity 100ms;}
.project .arrows .prev, .project .arrows .next, .cetegory .arrows .prev, .category .arrows .next {width: 65px;height: 100px;background-size: 28px;background-position: center;
  background-repeat: no-repeat;z-index: 3;position: relative;  margin-top: -70%;}
.project .arrows, .category .arrows {width: 100%;padding-top: -50%;}
.project .arrows .prev, .category .arrows .prev{float: left;}
.project .arrows .next, .category .arrows .next{float: right;}
.project .pag, .category .pag {left: 25px;top: -50px;position: relative;width: 50%;}
.project .content>div { padding: 0 5% 0 5%;}
.content h2 { margin: 0 0 20px 0; font-size: 22px; line-height: 25px;}
.about .content>div h2 {font-size: 4.00vw;line-height: 6.5vw;display: inline;text-transform: none;font-family: source-sans-pro,sans-serif;}
.content h2 br { display: none;}
.about .content h3 {font-size: 23px;line-height: 28px;}
.project .content .nextPrevious{position: relative; margin-top: 20px; width: 100%; float:left; margin-bottom: 70px;}
.project .content .nextPrevious .prev {float: left; position: relative; width: 50%;}
.project .content .nextPrevious .next {float: right; position: relative; width: 50%;}
.project .content .nextPrevious .next a {float: right; }
.project .content .nextPrevious a{font-family:source-sans-pro,sans-serif;text-transform:uppercase;color:rgba(255,255,255,0.6);transition:color 200ms;letter-spacing:0.15em;text-decoration:none;position:relative;display:flex;align-items:center; font-size: 0.6em}
project .content .nextPrevious {float: left;}
.project .content>div .desc{padding:10px 0 20px;}
.project .content>div p, .project .content>div h2 { display: inline;line-height: 20px; font-size: 14px;}
.project .content h1 {font-size: 23px; line-height: 29px;}
.project .content>div .misc-top h4{ letter-spacing: 0.1em; font-size: 0.65em;}
.project .content>div .misc-top h4 strong {display: block; margin: 10px 0 5px 0;}
.project .content>div h2 {text-transform: none;}
.slices{top:0;right:0;left:-43px;bottom:0;}
.scroll .logos { float: left; will-change: transform; animation: animate 60s -60s linear infinite;}
}

@media screen and (min-width: 760px) and (max-width: 1150px){
.project .project-images .slick-list .slick-track .img {  min-height: 756px; aspect-ratio: 1/1;}
}
@media screen and (min-width: 751px) and (max-width: 1366px){.lang,nav{top:0}
.lang ul,nav ul{display:flex}
.lang ul li,nav ul li{padding:2.604vw 0}
.lang ul li i,nav ul li i{height:16px;top:-16px;left:0;right:0;transition:top 200ms}
.lang ul li i u,nav ul li i u{width:16px;height:16px;border-radius:50px}
.lang ul li a,nav ul li a{color:#d77f44;font-size:16px;letter-spacing:0.15em}
.lang ul li.active i,nav ul li.active i{top:-8px}
.lang ul li.active a,nav ul li.active a{color:#fff}
.lang ul li:hover i,nav ul li:hover i{top:-8px;transition:top 200ms}
.lang ul li:hover a,nav ul li:hover a{color:#fff}nav{left:0}nav a{padding:2.604vw 27px}
.lang{right:27px}
.lang a{padding:52px 18px}
.sm{bottom:50px;right:37px}
.sm span{font-size:16px;letter-spacing:0.15em;margin:0 20px 0 0}
.sm>div a{height:38px;width:38px;padding:13px;margin:0 7px}
.sm.mob{display:none}
.logotype{height:189px;margin:0px auto 15px;width:460px}
.section .mark{position:absolute}
.section .mark span{width:16px;height:16px;top:3px}
.section .mark h4, .section .mark h2{letter-spacing:0.15em;padding:0 0 0 30px}
.section .mark h4 strong, .section .mark h2 strong{font-size:16px}
.section .mark h4 u, .section .mark h2 u{font-size:24px;line-height:1;margin:0 0 10px}
.start .content a{border:2px solid #fff;height:60px;font-size:18px;letter-spacing:0.2em;margin:0 auto 79px;width:280px;padding:21px 0 0}
.start .content i{width:0.625vw;height:1.094vw}
.start h1{font-size:40px;margin:0 0 100px}
.start .bg .slices span:last-of-type{grid-column:1/5}
.start .bg-gradient{height:25.781vw}
.start .mark{top:170px;left:24.5vw}
.about .content{width:50%;height:100%}
.about .content>div{padding:250px 130px 0 130px}
.about .content>div h3{font-size: 30px;margin: 0 0 50px;line-height: 40px;}
.about .content>div p{font-size:20px;line-height:40px;margin:0 0 60px}
.about .content>div .logotype.small{width:125px;height:51px;margin:0 0 0 auto}
.about .bg{width:50%}
.about .mark{top:12.188vw;left:24.5vw}
.work .nav{width:50%;margin:140px 0 160px auto}
.work .nav .button-group button.button{font-size:10px;letter-spacing:0.1em;margin-right:30px;}
.work .nav .button-group button.button i{width:16px;height:16px;margin:0 10px 0 0}
.work .nav .button-group button.button i u{border-radius:100px;width:8px;height:8px}
.work .nav .button-group button.button:hover i u{width:16px;height:16px}
.work .nav .button-group button.button.is-checked i u{width:16px;height:16px}
.work .slick-slide>div .element-item{height:12.500vw}
.work .slick-slide>div .element-item i{top:8px;right:8px;bottom:8px;left:8px}
.work .slick-slide>div .element-item span{top:8px;right:8px;bottom:8px;left:8px}
.work .paginate{bottom:57px;right:213px}
.work .paginate ul li{font-size:14px}
.work .paginate ul li span{padding:0 0.781vw}
.work .navigation{bottom:49px;right:82px}
.work .navigation .prev,.work .navigation .next{width:30px;height:30px}
.work .navigation .prev{margin-right:7px}
.work .navigation .next{margin-left:7px}
.work .mark{top:138px;left:24.5vw}
.customers>div{display:flex}
.customers .content{width:50%;order:1;height:100%}
.customers .content>div{padding:160px 130px 0 130px}
.customers .logotypes{width:50%;padding:10.313vw 8.750vw;order:2}
.customers h2{font-size:30px;margin:0 0 41px;line-height:60px}
.customers .carousel{width:440px}
.customers .carousel .slick-list{margin:-3vw 0 -3vw -3vw}
.customers .carousel .slick-slide{margin:3vw 0 3vw 3vw}
.customers .carousel blockquote{font-size:1.0vw;line-height:2.304vw;margin:0 0 3.125vw;padding:0 2vw 0 0}
.customers .carousel blockquote:before,.customers .carousel blockquote:after{content:' ” ';font-size:4.684vw}
.customers .carousel blockquote:before{top:-1.2vw;left:-2.500vw}
.customers .carousel blockquote:after{bottom:-2vw;right:0vw}
.customers .carousel p{font-size:0.938vw;padding:0 3vw 0 0}
.customers .carousel p span{margin:0 0 0 auto}
.customers .carousel .slick-dots{bottom:0}
.customers .carousel .slick-dots li{height:12px;width:12px;margin:0 8px}
.customers .carousel .slick-dots li button{border-radius:100px;width:80%;height:80%}
.customers .carousel .slick-dots li:hover,.customers .carousel .slick-dots .slick-active{margin:0 6px;width:16px;height:16px}
.customers .mark{top:138px;left:24.5vw}
.contact>div{display:flex}
.contact .content{width:50%;height:100%}
.contact .content>div{padding:5.625vw 0 0 140px}
.contact .content>div h3{font-size:30px;margin:0 0 70px;line-height:26px}
.contact .content>div p{font-size:16px;margin:0 0 30px}
.contact .content>div p strong{font-size:25px}
.contact .content>div p small{font-size:20px}
.contact .content>div p span{width:120px;letter-spacing:0.15em}
.contact .content>div p:last-of-type{margin:0 0 77px}
.contact .content>div .sm-footer span{font-size:16px;letter-spacing:0.15em;margin:0 40px 0 0}
.contact .content>div .sm-footer>div{display:flex}
.contact .content>div .sm-footer>div a{border-radius:50px;height:40px;width:40px;padding:14px;margin:0 7px}
.contact .insta{width:50%;padding:10.313vw 4.75vw}
.contact .mark{top:138px;left:24.5vw}
.slices{grid-template-columns:repeat(4, 1fr)}
/*#sb_instagram #sbi_load .sbi_follow_btn {
	display: none;
}*/
}
@media screen and (min-width: 1200px){
.lang,nav{top:0}
.lang ul,nav ul{display:flex}
.lang ul li,nav ul li{padding:2.604vw 0 1.0vw 0;}
.lang ul li i,nav ul li i{height:1.042vw;top:-1.042vw;left:0;right:0;transition:top 200ms}
.lang ul li i u,nav ul li i u{width:1.042vw;height:1.042vw;border-radius:50px}
.lang ul li a,nav ul li a{color:#d77f44;font-size:0.95vw;letter-spacing:0.15em}
.lang ul li.active i,nav ul li.active i{top:-0.521vw}
.lang ul li.active a,nav ul li.active a{color:#fff}
.lang ul li:hover i,nav ul li:hover i{top:-0.521vw;transition:top 200ms}
.lang ul li:hover a,nav ul li:hover a{color:#fff}nav{left:0}nav a{padding:2.604vw 2.604vw 1.0vw 2.604vw;}
.lang{right:1.979vw}
.lang a{padding:2.604vw 0.781vw}

/*start menu na desktop*/
#menuCheckbox {display: none;}
nav ul li.menu-item-has-children:hover{background-color: rgba(255, 255, 255, 0.1);}
nav ul li.menu-item-has-children .sub-menu li:hover{background:none;}
.menu-item-has-children .sub-menu {display: none; position:absolute;z-index:999;background-color: rgba(255, 255, 255, 0.1);
  padding: 0;margin-left: 0px; margin-top: 15px; width: auto;
  white-space: nowrap;}
nav ul li.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {margin:0;}
.menu-item-has-children .sub-menu li {padding: 0;}
.menu-item-has-children:hover .sub-menu {display: block;}
.sub-menu li a {padding: 15px 40px 15px 40px;color: #d77f44;font-size: 9px;letter-spacing: 0.15em;text-decoration: none;display: block;
  font-weight: normal; min-width: 160px; }
.sub-menu li a:hover {background-color: #d77f44; color: #fff;}

.menu-item-has-children {position: relative; }
.menu-item-has-children .sub-menu .sub-menu {position: relative; background: none;}
.menu-item-has-children .sub-menu .sub-menu li a {padding-left: 60px;}

.menu-item-has-children > a {position: relative; }
.menu-item-has-children > a::after {content: '';position: absolute;  right: 15px;top: 63%;width: 5px;height: 5px;border-left: 2px solid #d77f44;
border-bottom: 2px solid #d77f44;transform: translateY(-50%) rotate(-45deg);transition:transform 0.3s ease, border-color 0.3s ease;}
.menu-item-has-children:hover > a::after {border-color: #ffffff; transform: translateY(-10%) rotate(135deg); }
.menu-item-has-children .menu-item-has-children > a::after {content: none;}
.menu-item-has-children > a {pointer-events: none;cursor: default;}
.menu-item-has-children .sub-menu a {pointer-events: auto;cursor: pointer;}
.menu-item-has-children > .sub-menu {display:none;list-style:none;padding-left:0px;}
.menu-item-has-children.open > .sub-menu {display:block;}

/*koniec menu na desktop*/


/*.glowne {position: relative;width: 100%;height: 100px;bottom: 100px;display: block;z-index: 999;}
.glowne .menu {padding: 35px 0 0 0;}
.glowne .menu li {position: relative; display: inline-block;}
.glowne .menu li a {color: #d77f44; font-family: source-sans-pro,sans-serif; text-decoration: none; padding: 20px 40px 20px 40px;}
.glowne .menu li a:hover {color: #ffffff;}*/
.sm{bottom:2.344vw;right:2.240vw}
.sm span{font-size:0.9vw;letter-spacing:0.15em;margin:0 1.563vw 0 0}
.sm>div a{height:2.344vw;width:2.344vw;padding:0.781vw;margin:0 0.521vw}
.sm.mob{display:none}
.logotype{height:12.427vw;margin:120px auto 0.938vw;width:34.740vw; }
.section .mark{position:absolute}
.section .mark span{width:1.042vw;height:1.042vw;top:3px}
.section .mark h4, .section .mark h2{letter-spacing:0.15em;padding:0 0 0 30px}
.section .mark h4 strong, .section .mark h2 strong{font-size:0.8vw}
.section .mark h4 u, .section .mark h2 u{font-weight:600;font-size:1.1vw;line-height:1;margin:0 0 10px}
.start .content a, .category .content>div p a.kontakt{border:2px solid #fff;height:3.688vw;font-size:1.050vw;letter-spacing:0.2em;margin:0 auto 3.469vw;width:18.833vw;padding:1.237vw 0 0}
.category .content>div p a.kontakt {line-height: normal;}
.start .content i{width:0.625vw;height:1.094vw}
.start h1{font-size:2.65vw;margin:0 0 4.917vw}
.start .bg .slices span:last-of-type{grid-column:1/5}
.start .bg-gradient{height:25.781vw}
.start .mark{top:13.313vw;left:24.5vw}
.about .content{width:50%;height:100%}
.about .content>div{padding:14.625vw 8.719vw 0 10.833vw}
.about .content>div h3{font-size:2.604vw;margin:0 0 1.125vw;line-height:3.125vw}
.about .content>div h2{font-size:1.00vw;line-height:1.3vw;margin-bottom: 0.4vw; display: inline;text-transform: none;font-family: source-sans-pro,sans-serif}
.about .content>div p{font-size:1.00vw;line-height:1.5vw;margin:0 0 3.125vw}
.about .content>div .logotype.small{width:7.813vw;height:3.177vw;margin:0 0 0 auto; background-position: 0;}
.about .bg{width:50%}
.about .mark{top:9.188vw;left:24.5vw}
.work .nav{width:50%;margin:140px 0 50px auto}
.work .nav .button-group button.button{font-size: 0.7vw;letter-spacing:0.1em; margin-right:30px;}
.work .nav .button-group button.button i{width:1.042vw;height:1.042vw;margin:0 0.502vw 0 0}
.work .nav .button-group button.button i u{border-radius:100px;width:0.521vw;height:0.521vw}
.work .nav .button-group button.button:hover i u{width:1.042vw;height:1.042vw}
.work .nav .button-group button.button.is-checked i u{width:1.042vw;height:1.042vw}
.work .slick-slide>div .element-item{height:12.500vw}
.work .slick-slide>div .element-item i{top:0.625vw;right:0.625vw;bottom:0.625vw;left:0.625vw}
.work .slick-slide>div .element-item span{top:0.625vw;right:0.625vw;bottom:0.625vw;left:0.625vw}
.work .paginate{bottom:2.865vw;right:17.708vw}
.work .paginate ul li{font-size:1.042vw}
.work .paginate ul li span{padding:0 0.781vw}
.work .navigation{bottom:2.344vw;right:2.760vw}
.work .navigation .prev,.work .navigation .next{width:2.344vw;height:2.344vw}
.work .navigation .prev{margin-right:0.521vw}
.work .navigation .next{margin-left:0.521vw}
.work .mark{top:10.388vw;left:24.5vw}
.project{display:flex}
.project .content {width:55%;height:100%}
.project .project-images{width:45%;height:100%}
.project .content{order:2}
.project .content>div{padding:0 9.719vw 0 8.833vw}
.project .content>div h1{font-size:2.0vw;margin:0 0 3.125vw;line-height:3.125vw}
.project .content>div h2 { text-transform: none; }
.project .content>div p {}
.project .content>div p, .project .content>div h2{font-size:0.9vw;line-height:1.3vw;margin-bottom: 0.4vw; display: inline;}
.project .content>div p strong, .project .content>div h2{color: rgba(255,255,255,0.8);}

.project .content .bg{width:100%}
.project .project-images{order:1}
.project .hide-work{position:absolute;padding:50px;top:0;right:0;height:74px;padding:44px 24px 24px 50px;z-index:2;background-color:#000}
.project .hide-work a{font-family:source-sans-pro,sans-serif;color:#fff;font-size: 0.7em;letter-spacing:0.2em;position:relative;text-decoration:none;text-transform:uppercase; padding: 6px 0 0 6px; opacity: 0.8; transition: 100ms; }
.project .hide-work a i{position:absolute;left:-35px;top:0;width:28px;height:28px;display:block;background-image:url(../img/left_active.svg);
  margin:0 18px 0 0;background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.8;transition: opacity 100ms; }
.project .project-images {height: inherit;min-height: inherit;}
.project .hide-work a:hover i, .project .hide-work a span:hover { cursor: pointer; opacity: 1; transition: opacity 100ms;}
.customers>div{display:flex}
.customers .content{width:50%;height:100%;order:1}
.customers .content>div{padding:0 100px;}
.customers .content>div>div{padding:0 0 40%;}
.customers .logotypes{width:50%;padding:8vw;order:2;}
.customers h3{font-size:2.604vw;margin:0 0 3.125vw;line-height:3.125vw}
.customers .carousel .slick-list{margin:-3vw 0 -3vw -3vw}
.customers .carousel .slick-slide{margin:3vw 0 3vw 3vw}
.customers .carousel blockquote{font-size:1.0vw;line-height:2.304vw;margin:0 0 3.125vw;padding:0 2vw 0 0}
.customers .carousel blockquote:before,.customers .carousel blockquote:after{content:' ” ';font-size:4.684vw}
.customers .carousel blockquote:before{top:-1.2vw;left:-2.500vw}
.customers .carousel blockquote:after{bottom:-2vw;right:0vw}
.customers .carousel p{font-size:0.838vw;padding:0 3vw 0 0}
.customers .carousel p span{margin:0 0 0 auto}
.customers .carousel .slick-dots{bottom:0}
.customers .carousel .slick-dots li{height:12px;width:12px;margin:0 8px}
.customers .carousel .slick-dots li button{border-radius:100px;width:80%;height:80%}
.customers .carousel .slick-dots li:hover,.customers .carousel .slick-dots .slick-active{margin:0 6px;width:16px;height:16px}
.customers .mark{top:120px;left:24.5vw}
.contact>div{display:flex}
.contact .content{width:50%;height:100%}
.contact .content>div{padding: 10% 11.719vw 0 10.833vw}
.contact .content>div h3{font-size:2.604vw;margin:0 0 3.125vw;line-height:3.125vw}
.contact .content>div p{font-size:0.838vw;margin:0 0 2.083vw}
.contact .content>div p strong{font-size:1.723vw; letter-spacing: 0.04em;}
.contact .content>div p small{font-size:1.202vw; letter-spacing: 0.04em;}
.contact .content>div p strong a,.contact .content>div p small a{text-decoration:none;color:inherit}
.contact .content>div p span{width:6.95vw;letter-spacing:0.2em}
.contact .content>div p:last-of-type{margin:0 0 3.385vw}
.contact .content>div .sm-footer span{font-size:0.938vw;letter-spacing:0.15em;margin:0 1.563vw 0 0}
.contact .content>div .sm-footer>div{display:flex}
.contact .content>div .sm-footer>div a{border-radius:50px;height:2.344vw;width:2.344vw;padding:0.781vw;margin:0 0.521vw}
.contact .insta{width:50%;padding:7.313vw 8.750vw}
.contact .mark{top:10.188vw;left:24.5vw}
.slices{grid-template-columns:repeat(4, 1fr)}
.logotype{background-position: 48px;}
.work .nav .button-group{display:flex}
.customers .carousel .slick-dots{align-items:center;bottom:0}
.customers .carousel blockquote{line-height: 24px;}
.customers .logotypes{display:flex;flex-wrap:wrap;flex-basis:1;flex-grow:0}
.customers .logotypes span{width:17%;margin:4%;position:relative;padding-top:19%}
.customers .logotypes span i{display:block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0.5;position:absolute;top:0;right:0;left:0;bottom:0}
.customers .content>div{display:flex;height:inherit;width:100%;align-items:end}
.scroll .logos div { margin: 20px; }
.scroll .logos {width: 480px;}
.menu-bar {width: 100%; height: 120px; background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%); position: fixed;
  z-index: 2;}
.top-banner {width: 100%; height: 340px; overflow: hidden; position: relative; background-size: cover; background-position: center;}
.top-banner img {width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.top-banner div {height: 120px; position: relative; z-index: 1;}
.top-banner .logotype {background-position: center; }
.top-banner div p { text-align: center; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 300; font-size: 1.65vw; margin: 0 0 4.917vw; color: #fff; font-family: oswald, sans-serif;}

.project .project-images .slick-list .slick-track .img{min-height:inherit;}
.project .arrows .prev,.project .arrows .next{width:120px;height:500px;display:block;background-size: 28px;background-position:center;background-repeat:no-repeat;opacity:0.6;transition:opacity 100ms; }
.project .arrows{width:45%; position:absolute;}
.project .arrows{top:0;right:0;left:0;padding:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:space-between}
.project .content{display:table;}
.project .content>div{display:table-cell;}
.project .pag{bottom:55px;left:55px; position: absolute;}
.project .content .nextPrevious{position:absolute;bottom:40px;left:0px;right:0px; }
.project .content .nextPrevious .prev {float: left; width: 50%; left: -70px; position: relative; }
.project .content .nextPrevious .prev a:hover, .project .content .nextPrevious .next a:hover { cursor: pointer;}
.project .content .nextPrevious .next {float: right; right: -80px; position: relative; cursor: pointer;}
.project .content .nextPrevious a{font-family:source-sans-pro,sans-serif;text-transform:uppercase;color:rgba(255,255,255,0.6);transition:color 200ms;letter-spacing:0.2em;text-decoration:none;position:relative;display:flex;align-items:center; font-size: 0.7em}
.project .content>div .desc{padding:10px 0 20px; min-height: 193px; }
.project .content>div .misc-top h4{ letter-spacing: 0.15em; font-size: 0.55em;}
.work .slick-slide>div{display:flex;flex-wrap:wrap;flex-basis:auto;flex-grow:1;width:100%;align-items:center}
.slices{top:0;right:0;left:0;bottom:0;}
.scroll .logos { float: left; will-change: transform; animation: animate 20s -20s linear infinite;}
}
.scroll .logos div { margin: 15px;width: 80px;height: 80px; }
.lang,nav{position:fixed;z-index:2}
.lang ul,nav ul{list-style:none}
.lang ul li,nav ul li{position:relative;z-index:0}
.lang ul li i,nav ul li i{position:absolute;z-index:0}
.lang ul li i u,nav ul li i u{background-color:#fff;display:block;margin:0 auto;border-radius:50px}
.lang ul li a,nav ul li a{font-family:source-sans-pro,sans-serif;font-weight:600;text-decoration:none;text-transform:uppercase;transition:color 300ms}
.lang ul li:hover a,nav ul li:hover a{color:#fff;transition:color 300ms}
.sm{display:flex;align-items:center;position:absolute;z-index:1}
.sm span{color:#fff;font-family:source-sans-pro,sans-serif;font-weight:400;text-transform:uppercase}
.sm>div{display:flex}
.sm>div a{background-color:#d77f44;border-radius:50px;display:flex;opacity:0.5;transition:opacity 200ms;align-items:center}
.sm>div a i{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}
.sm>div a:hover{opacity:1;transition:opacity 200ms}
.sm>div .instagram i{background-image:url("../img/instagram_white.svg")}
.sm>div .youtube i{background-image:url("../img/youtube_white.svg")}
.sm>div .facebook i{background-image:url("../img/facebook_white.svg")}
.sm>div .twitter i{background-image:url("../img/twitter_white.svg")}
h1,h2,h3,h4{color:#fff;font-family:oswald,sans-serif;font-weight:400;text-transform:uppercase}
.logotype{background-image:url("../img/MMuller_Logo.svg"); background-repeat:no-repeat; background-size:contain; display:block}
.section .content{position:relative;z-index:1}
.section .mark{z-index:2}
.section .mark span{position:absolute;left:0;z-index:0;background-color:#a98776;border-radius:100px}
.section .mark h4, .section .mark h2{position:relative;z-index:0}
.section .mark h4 u,.section .mark h4 strong, .section .mark h2 u,.section .mark h2 strong{display:block}
.section .mark h4 strong, .section .mark h2 strong{color:rgba(255,255,255,0.6);font-family:source-sans-pro,sans-serif;font-weight:400;text-transform:uppercase}
.section .mark h4 u, .section .mark h2 u{color:#d77f44;font-family:source-sans-pro,sans-serif;font-weight:600;text-decoration:none}
.section .bg{background-repeat:no-repeat;background-size:cover}
.start .content a, .category .content>div p a.kontakt{background-color:rgba(255,255,255,0.24);color:#fff;display:block;font-family:source-sans-pro,sans-serif;font-weight: normal;
  text-transform:uppercase;text-align:center;text-decoration:none;transition:background-color 200ms, color 200ms;margin-top:50px;}
.start .content a:hover, .category .content>div p a.kontakt:hover{background-color:#fff;color:#000;transition:background-color 200ms, color 200ms}
.start .content i{background-image:url("../img/scroll_down.svg");background-repeat:no-repeat;background-size:contain;display:block;margin:0 auto;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.start h1{text-align:center;text-transform:uppercase; letter-spacing: 0.04em; font-weight: 300;}
.start .bg-gradient{background:#000;background:-webkit-linear-gradient(#000 0%, rgba(0,0,0,0) 100%);background:-o-linear-gradient(#000 0%, rgba(0,0,0,0) 100%);background:linear-gradient(#000 0%, rgba(0,0,0,0) 100%);position:absolute;z-index:0;top:0;left:0;right:0;mix-blend-mode:multiply;opacity:0.55}
.start .bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}
.start .bg .slices{position:absolute;z-index:0}
.start .bg .slices span{border-right:1px solid white;background-color:rgba(0,0,0,0.55);mix-blend-mode:multiply;z-index:1}
.start .bg .slices span:last-of-type{background-color:transparent;background-image:url("../img/start_bg.webp");background-position:center top;background-size:cover;border-right:0;position:absolute;top:0;right:0;left:0;bottom:0;mix-blend-mode:unset;z-index:0}
.about>div{display:flex}
.about .content{display:table}
.about .content>div{vertical-align:middle;height:inherit}
.about .content>div h3 u{color:#d77f44;display:block;text-decoration:none}
.about .content>div p{color:rgba(255,255,255,0.7);font-family:source-sans-pro,sans-serif;font-weight:200}
.about .bg{position:relative}
.about .bg .slices{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;grid-template-columns:repeat(2, 1fr)}
.about .content>div p strong {font-weight: 600; letter-spacing: 0.04em;}
.about .bg .slices span{border-right:1px solid white;background-color:rgba(0,0,0,0.55);mix-blend-mode:multiply;z-index:1}
.about .bg .slices span:last-of-type{background-size:cover;background-position:center top;background-image:url("../img/about_bg.webp");border-right:0;grid-column:1/3;position:absolute;top:0;background-color:transparent;right:0;left:0;bottom:0;mix-blend-mode:unset;z-index:0}
.work{position:relative}
.work .fp-tableCell{vertical-align:top;}
.work .nav .button-group button.button h3 {all: unset;}
.work .nav .button-group button.button{color:#d77f44;font-family:source-sans-pro,sans-serif;font-weight:400;text-decoration:none;text-transform:uppercase;position:relative;display:flex;transition:color 200ms;background:transparent;border:0;align-items:center}
.work .nav .button-group button.button i{display:flex;justify-content:center;align-items:center}
.work .nav .button-group button.button i u{background-color:transparent;transition:background-color 200ms, width 200ms, height 200ms}
.work .nav .button-group button.button:hover{color:#fff;transition:color 200ms}
.work .nav .button-group button.button:hover i u{background-color:#a98776;transition:background-color 200ms, width 200ms, height 200ms}
.work .nav .button-group button.button.is-checked{color:#fff;transition:color 200ms}
.work .nav .button-group button.button.is-checked i u{background-color:#a98776;transition:background-color 200ms, width 200ms, height 200ms}
.work .nav .button-group button:last-of-type{margin-right:unset}

.work .slick-slide>div .element-item{position:relative;z-index:0}
.work .slick-slide>div .element-item i{background-color:rgba(0,0,0,0.35);position:absolute;z-index:1;transition:background-color 200ms}
.work .slick-slide>div .element-item span{background-size:cover;background-position:center;position:absolute;z-index:0}
.work .slick-slide>div .element-item:hover{cursor:pointer}
.work .slick-slide>div .element-item:hover i{background-color:rgba(0,0,0,0);transition:background-color 200ms}
.work .paginate,.work .pag{position:absolute}
.work .paginate ul,.work .pag ul{display:flex}
.work .paginate ul li,.work .pag ul li{color:#d77f44;font-family:source-sans-pro,sans-serif;font-weight:400}
.work .paginate ul li button {background: none; color:#d77f44; border: none;}


.work .paginate ul li span,.work .pag ul li span{color:#d77f44;transition:color 200ms}
.work .paginate ul li:hover,.work .pag ul li:hover{cursor:pointer}
.work .paginate ul li:hover span,.work .pag ul li:hover span{color:rgba(255,255,255,0.6);transition:color 200ms}
.work .paginate ul li.slick-active button,.work .pag ul li.slick-active button{color:rgba(255,255,255,0.6)}
.work .paginate ul li:last-of-type i,.work .pag ul li:last-of-type i{display:none}
.work .navigation{position:absolute;z-index:1;display:flex}
.work .navigation .prev,.work .navigation .next{background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.5}
.work .navigation .prev{background-image:url("../img/arrow_left.svg")}
.work .navigation .next{background-image:url("../img/arrow_right.svg")}
.work .navigation .prev:hover,.work .navigation .next:hover{opacity:1;cursor:pointer}
.project{background:#000000;min-height:100vh;height:auto}
.project .content{height:inherit;position:relative}
.project .content>div{vertical-align:middle;height:inherit}
.project .content>div h2 u{color:#d77f44;display:block;text-decoration:none}
.project .content>div .misc-top{display:flex;width:90%; margin: 0 0 10px 0;}
.project .content>div .misc-top h4{color:#b8b8b8;display:inline-block;text-decoration:none;text-transform:uppercase;font-family:source-sans-pro,sans-serif;width:50%;}
.project .content>div .misc-top h4 strong{color:#d77f44; }

.project .content>div p, .project .content>div h2{color:rgba(255,255,255,0.7);font-family:source-sans-pro,sans-serif;font-weight:100; }
.project .content>div p strong, .project .content>div h2{font-weight: 600; letter-spacing: 0.02em; }
.project .content>div p em { font-style: italic; font-weight: 300; }
.project .content>div p a, .about .content>div p a {color: #d77f44; text-decoration: underline; font-weight:300;}
.project .content>div p a:hover, .about .content>div p a:hover {color: #fff; text-decoration: underline; font-weight:300;}
.project .content>div .misc{position: relative;}
.project .content>div .misc .play,.project .content>div .misc .share{font-family:source-sans-pro,sans-serif}
.project .content>div .misc .play{display:flex;justify-content: left;color:#fff;letter-spacing:0.2em;text-transform:uppercase;align-items:center;text-decoration:none;font-size: 0.65em; opacity: 0.8; transition: 100ms;}
.project .content>div .misc .play i{background-image:url("../img/play_active.svg");background-size:cover;opacity:0.6;width:28px;height:28px;margin:0 0 0 8px;transition:opacity 100ms}
.project .content>div .misc .play:hover i, .project .content>div .misc .play:hover{opacity:1;transition:opacity 100ms}
.project .content>div .misc .vid {float: left; position: relative; width: 49%;}
.project .content>div .misc .share{text-transform:uppercase;letter-spacing:0.2em;margin: 10px 0 0 0;color:#d77f44;display:flex;align-items:center; font-size: 0.65em; float: right; position: relative; width: 49%; justify-content: right;}
.project .content>div .misc .share a{width:13px;height:13px;margin:0 5px; cursor: pointer;}
.project .content>div .misc .share a svg{display:block;width:100%;height:100%}
.project .content>div .misc .share a:hover path{fill:#fff}
.project .content .nextPrevious{z-index:1; width: 100%; justify-content:space-between}

.project .content .nextPrevious a i, .category .content .nextPrevious a i{width:28px;height:28px;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.4;transition:opacity 200ms;}

.project .content .nextPrevious .prev-work i, .category .content .nextPrevious .prev-work i{background-image:url("../img/prev.svg");margin:0 18px 0 0;}
.project .content .nextPrevious .next-work i, .category .content .nextPrevious .next-work i{background-image:url("../img/next.svg");margin:0 0 0 18px;}
.project .content .nextPrevious a:hover, .category .content .nextPrevious a:hover{color:#fff;transition:color 200ms}
.project .content .nextPrevious a:hover i, .category .content .nextPrevious a:hover i{opacity:1;transition:opacity 200ms}

.project .project-images .image{width:100%;height:100%;position:relative;background-position:center;background-size:cover}
.project .project-images .slick-list{height:inherit;width:100%;min-height:inherit}
.project .project-images .slick-list .slick-track{height:inherit;min-height:inherit}
.project .project-images .slick-list .slick-track .img{background-position:center;background-size:cover;width: 100%; height: 300px; overflow: hidden; position: relative; }
.project .project-images .slick-list .slick-track .img img {  width: 100%; height: 100%; object-fit: cover; object-position: center; }

.project .arrows .prev:hover,.project .arrows .next:hover{cursor:pointer;opacity:1;transition:opacity 100ms}
.project .arrows .prev{background-image:url("../img/left_active.svg")}
.project .arrows .next{background-image:url("../img/right_active.svg")}
.project .pag ul li{display:none;font-size: 16px; letter-spacing: 0.05em; color: #91614a; font-weight: 400;  }
.project .pag ul li.slick-active{display:block}
.project .pag ul li.slick-active span{font-size:20px; letter-spacing: 0.1em; color:#fff}
.project .pag ul li:last-of-type i{display:inline-block}
.customers .content{display:flex}

.customers .content>div>div{width:inherit}
.customers .carousel blockquote{color:rgba(255,255,255,0.7);font-family:source-sans-pro,sans-serif;font-weight:100;position:relative;}
.customers .carousel blockquote:before,.customers .carousel blockquote:after{content:' ” ';position:absolute;color:#d77f44;font-family:oswald,sans-serif;}
.customers .carousel p{color:#fff;font-family:source-sans-pro,sans-serif;font-weight:400;text-align:right}
.customers .carousel p span{color:#d77f44}
.customers .carousel .slick-slide{height:auto !important}

.customers .carousel .slick-dots li{display:flex;align-items:center;justify-content:center}
.customers .carousel .slick-dots li button{display:block;border:0;padding:0;text-indent:-100000px;background-color:rgba(255,255,255,0.3);
  transition:width 200ms, height 200ms, background-color 200ms}
.customers .carousel .slick-dots li button:focus,.customers .carousel .slick-dots li button:active{outline:transparent}
.customers .carousel .slick-dots li:hover button,.customers .carousel .slick-dots .slick-active button{cursor:pointer;width:100%;height:100%;
  background-color:#fff;transition:width 200ms, height 200ms, background-color 200ms}
.customers .carousel .slick-dots li:active,.customers .carousel .slick-dots li:focus{outline:transparent}
.contact .content{display:table}
.contact .content>div{display:table-cell;vertical-align:middle;height:inherit}
.contact .content>div h3 u{color:#d77f44;display:block;text-decoration:none}
.contact .content>div p{color:rgba(255,255,255,0.6);font-family:source-sans-pro,sans-serif;font-weight:200}
.contact .content>div p strong{font-family:oswald,sans-serif;color:#fff}
.contact .content>div p small{font-family:oswald,sans-serif;color:#fff}
.contact .content>div p span{display:inline-block;text-transform:uppercase}
.contact .content>div .sm-footer{display:flex;align-items:center}
.contact .content>div .sm-footer span{color:rgba(255,255,255,0.6);font-family:source-sans-pro,sans-serif;font-weight:200;text-transform:uppercase}
.contact .content>div .sm-footer>div{display:flex}
.contact .content>div .sm-footer>div a{background-color:#d77f44;display:flex;opacity:0.5;transition:opacity 200ms;align-items:center}
.contact .content>div .sm-footer>div a i{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}
.contact .content>div .sm-footer>div a:hover{opacity:1;transition:opacity 200ms}
.contact .content>div .sm-footer>div .instagram i{background-image:url("../img/instagram_white.svg")}
.contact .content>div .sm-footer>div .youtube i{background-image:url("../img/youtube_white.svg")}
.contact .content>div .sm-footer>div .facebook i{background-image:url("../img/facebook_white.svg")}
.contact .content>div .sm-footer>div .twitter i{background-image:url("../img/twitter_white.svg")}
.contact .content>div .sm-footer>div .instagram:hover{background:#c136ac;background:-webkit-linear-gradient(105deg, #c136ac 0%, #f34f54 100%);background:-o-linear-gradient(105deg, #c136ac 0%, #f34f54 100%);background:linear-gradient(195deg, #c136ac 0%, #f34f54 100%)}
.contact .content>div .sm-footer>div .youtube:hover{background-color:#f06361}
.contact .content>div .sm-footer>div .facebook:hover{background-color:#507cbd}
.contact .content>div .sm-footer>div .twitter:hover{background-color:#51aaf1}
.contact .insta{display:flex;flex-wrap:wrap;flex-grow:0}
.category .content {width:100%;}
.category .content>div{padding: 0 8% 0 8%;}
.category .content>div h1{font-size:3.0vw; margin:70px 0 3.125vw;line-height:3.125vw;}
.category .content>div h2 {font-size: 2.604vw;margin: 2vw 0 1.125vw;text-transform: none; }
.category .content>div h3 {font-size: 2.0vw;margin: 1.7vw 0 1.0vw;text-transform: none; }
.category .content>div p {color:rgba(255,255,255,0.65);font-family:source-sans-pro,sans-serif;font-weight:100; font-size: 1.20vw; margin-top:20px; line-height: 1.6vw; margin-bottom: 1.4vw;}
.category .content>div p em { font-style: italic; font-weight: 300; }

.category .bg{width:100%}
.category .project-images{order:1}
.category .hide-work{position:absolute;padding:50px;top:0;right:0;height:74px;padding:44px 24px 24px 50px;z-index:2;background-color:#000}
.category .hide-work a{font-family:source-sans-pro,sans-serif;color:#fff;font-size: 0.7em;letter-spacing:0.2em;position:relative;text-decoration:none;text-transform:uppercase; padding: 6px 0 0 6px; opacity: 0.8; transition: 100ms; }
.category .hide-work a i{position:absolute;left:-35px;top:0;width:28px;height:28px;display:block;background-image:url(../img/left_active.svg); margin:0 18px 0 0;
 background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.8;transition: opacity 100ms; }
.category .project-images {height: inherit;min-height: inherit;}
.category .hide-work a:hover i, .category .hide-work a span:hover { cursor: pointer; opacity: 1; transition: opacity 100ms;}
.category .content>div .misc .play,.project .content>div .misc .share{font-family:source-sans-pro,sans-serif}
.category .content>div .misc .play{display:flex;justify-content: left;color:#fff;letter-spacing:0.2em;text-transform:uppercase;align-items:center;text-decoration:none;font-size: 0.65em; opacity: 0.8; transition: 100ms;}
.category .content>div .misc .play i{background-image:url("../img/play_active.svg");background-size:cover;opacity:0.6;width:28px;height:28px;margin:0 0 0 8px;transition:opacity 100ms}
.category .content>div .misc .play:hover i, .project .content>div .misc .play:hover{opacity:1;transition:opacity 100ms}
.category .content>div .misc .vid {float: left; position: relative; width: 49%;}
.category .content>div .misc .share{text-transform:uppercase;letter-spacing:0.2em;margin: 50px 0 0 100px;color:#d77f44;display:flex;align-items:center; font-size: 0.65em; float: right; position: relative; width: 49%; justify-content: right;}
.category .content>div .misc .share a{width:13px;height:13px;margin:0 5px; cursor: pointer;}
.category .content>div .misc .share a svg{display:block;width:100%;height:100%}
.category .content>div .misc .share a:hover path{fill:#fff}
.category .pag{bottom:55px;left:55px; position: absolute;}
.category .content .nextPrevious{position:relative; margin: 120px 0 50px 0; height: 40px; }
.category .content .nextPrevious .prev {float: left; width: 50%; left: -70px; position: relative; }
.category .content .nextPrevious .prev a:hover, .category .content .nextPrevious .next a:hover { cursor: pointer;}
.category .content .nextPrevious .next {float: right; right: -80px; position: relative; cursor: pointer;}
.category .content .nextPrevious a{font-family:source-sans-pro,sans-serif;text-transform:uppercase;color:rgba(255,255,255,0.6);transition:color 200ms;letter-spacing:0.2em;text-decoration:none;position:relative;display:flex;align-items:center; font-size: 0.7em}
.category img, .category .content .description {float: left; display: block; margin: 0 2% 20px 0; width: 48%; height: 48%;  aspect-ratio: 1/1;}
.category .content .description {padding: 4%;}
.category .content .left { float:left;}
.category .content .right { float:right;}
.category .photo {float: left; width: 100%;}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-slider .paginate,.slick-slider .pag,.slick-slider .slick-dots{position:absolute;right:0;display:flex;justify-content:center;left:0;width:100%}
.slick-slider .paginate li,.slick-slider .pag li,.slick-slider .slick-dots li{color:#9daac2;font-weight:200;font-size:1rem}
.slick-slider .paginate .slick-active,.slick-slider .pag .slick-active,.slick-slider .slick-dots .slick-active{display:block}
.slick-slider .paginate .slick-active span,.slick-slider .pag .slick-active span,.slick-slider .slick-dots .slick-active span{color:#fff;font-weight:600;font-size:1.875rem;margin:0 14px 0 0}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
/*.slick-arrow.slick-hidden{display:none}*/
.cky-notice-des p {font-family: source-sans-pro,sans-serif; font-weight: normal; font-size: 0.90vw;line-height: 1.3vw;color: rgba(255,255,255,0.7)!important;}
.cky-consent-container {width: 520px !important;}
.cky-consent-container .cky-consent-bar, .cky-preference-center {background: #281b14 !important;
border: 1px solid #d77f44 !important;
padding: 20px 26px;
box-shadow: 0 -1px 10px 0 #000000 !important;
border-radius: 6px;}
.cky-notice-btn-wrapper .cky-btn{background-color:rgba(255,255,255,0.24) !important;color:#fff;display:block;
  font-family:source-sans-pro,sans-serif;font-weight: normal;text-transform:uppercase;text-align:center;text-decoration:none;
  transition:background-color 200ms, color 200ms;font-size: 0.70vw;letter-spacing: 1px;margin: 0 34px 0 0;}
.cky-btn {line-height: 15px !important;}
.cky-notice-btn-wrapper .cky-btn-accept {background-color:#624232 !important;}
.cky-notice-btn-wrapper .cky-btn:hover{background-color:#fff;color:#000;transition:background-color 200ms, color 200ms}
.cky-btn-accept {background-color:#624232 !important;}
.cky-notice .cky-title, .cky-preference-title {
color: #d77f44 !important;
font-family: oswald,sans-serif;
font-weight: 400 !important;
text-transform: uppercase;
font-size: 1.30vw !important;
text-decoration: none;}
.cky-preference-center {font-family: source-sans-pro,sans-serif; }
.cky-footer-shadow {background: linear-gradient(rgba(40, 27, 20, 0) 0%, rgb(35, 23, 16) 100%) !important;}
button.cky-show-desc-btn:not(:hover):not(:active) {color: #d77f44 !important;}
p.cky-empty-cookies-text {background-color: #312721 !important;}
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p,
.cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {line-height: 18px; !important;}
.cky-btn-revisit-wrapper {background: #d77f44 !important;opacity: 0.5;width: 40px !important;height: 40px !important;}
.cky-btn-revisit-wrapper .cky-btn-revisit img {height: 25px !important;width: 25px !important;}
.cky-accordion-header .cky-always-active {color: #baa201 !important;}
}
@media screen and (max-width: 1500px) {
  .scroll .logos div {width: 75px;height: 75px;}
}
@media screen and (min-width: 1500px) {
.customers .content>div>div {padding: 0 0 220px;}
.contact .content>div {padding: 6.625vw 11.719vw 0 10.833vw;}
.project .content {width:50%;}
.project .project-images{width:50%;}
.project .arrows{width:50%; }
.scroll .logos div {width: 110px;height: 100px;}
.scroll .logos {width: 610px;}
}
@media screen and (max-width: 750px) {

.cky-notice .cky-title, .cky-preference-title {font-size: 4.80vw !important;}
.cky-notice-des p {font-size: 3.00vw;line-height: 4.00vw;}
.cky-notice-btn-wrapper .cky-btn {font-size: 2.70vw;}
.cky-btn {margin: 10px 0 0 0 !important;}
.cky-notice-des p {margin-bottom: 10px !important;}
nav ul li:hover a {color: #d77f44;}
.menu-item-has-children a {background-color: none;}
.menu-item-has-children .sub-menu a {background-color: none;}
.category .content>div {100%;}
.category .content .description {float: left; display: block; margin: 0 0 20px 0; width: 100%;  height: auto;}
.category img {max-width: none;float: left; display: block; margin: 0 0 20px 0;  height: auto; width: 116%; position: relative;left: -8%; overflow:hidden; }
.category .content .description {padding: 0;}
.category .content>div p {font-weight: 100;font-size: 4.20vw;margin-top: 10px;line-height: 5.6vw;margin-bottom: 1.4vw;}
.category .content>div h2 {font-size: 6.5vw;margin: 20px 0 0 0;text-transform: none;}
.category .content>div h1 {font-size: 7.0vw;margin: 40px 0 1.125vw;line-height: 8.125vw;}
.category .content>div h3 {font-size: 5.5vw;}
.top-banner .logotype{margin-top: 16%;margin-bottom: 0; margin-left: 50%; width: 46%; left: -23%;background-position:center;}
.top-banner {width: 100%; height: 200px; overflow: hidden; position: relative; background-size: cover; background-position: center;}
.top-banner img {width: 100%; height: 100%; object-fit: fill; z-index: 0;}
.top-banner div {height: 80px; position: relative; z-index: 1;}
.top-banner .logotype {background-position: center; }
.top-banner div p {     text-align: center;text-transform: uppercase;letter-spacing: 0.07em;font-size: 3.85vw;margin: 0 0 4.917vw;color: #fff;
  font-family: oswald, sans-serif;}
.category .content {float: left; margin-bottom:100px;}
}

section { overflow: hidden; display:flex;flex-wrap:wrap;flex-basis:1;flex-grow:0}
.scroll {display: flex;}
&:nth-child(2) { animation: animate2 20s -10s linear infinite;}
.scroll .logos div {float:left;opacity: 0.5;background-size:contain;background-repeat:no-repeat;background-position:center;}

@keyframes animate {
  0% {transform: translateX(0); }
  100% {transform: translateX(-100%);}
}
@keyframes animate2 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-200%);}
}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-1.302vw)}}

@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.302vw)}}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}main{z-index:1}
.slices{position:fixed;z-index:0;display:grid}
.slices span{border-right:1px solid rgba(68,46,36,0.55)}
.slices span:last-of-type{border-right:0}
.hide{display:none}