/* header */
.header { height: 72px; padding: 24px 30px 0px 30px; }
.header .logo { width: 136px; }
.header nav { display: none; }
.header .socials { padding-top: 14px; }
.header .socials p a { background: url(../img/canvas.png) no-repeat -21px -21px; height: 21px; margin-left: 15px; width: 21px; }
.header .socials p a.socials-phone { background-position: 0px 0px; }
.header .socials p a.socials-ig { background-position: 0px -21px; }
.header #show_menu { display: block; margin-top: 13px; }
.header #close_menu { margin-top: 13px; }

.header.is_stuck { height: 71px; padding-top: 14px; }
.header.is_stuck .logo { width: 115px; }
.header.is_stuck .socials { padding-top: 9px; }
.header.is_stuck #show_menu,
.header.is_stuck #close_menu { margin-top: 9px; }

/* slideshow */
.slideshow .slideshow-item { height: 554px; }
.slideshow .slideshow-contents { left: 30px; padding-bottom: 53px; max-width: 400px; }
.slideshow .slideshow-contents h1, .slideshow .slideshow-contents h2 { font-size: 39.17px; line-height: 1em; margin-bottom: 17px; }
.slideshow .slideshow-contents p a { font-size: 14.5px; height: 27px; line-height: 1.7em; padding-left: 10px; padding-right: 35px; }
.slideshow .slideshow-contents p a:hover:after { margin-left: 20px; }
.slideshow .slick-dots { right: 30px; top: 90px; width: 10px; }
.slideshow .slick-dots li { padding: 4px 0px; }
.slideshow .slick-dots li button { height: 10px; width: 10px; }
.slideshow .slideshow-scroll { bottom: 27px; }
.slideshow .slideshow-scroll span:before { top: 28px; }
.slideshow .slideshow-scroll:hover span:before { top: 32px; }


/* article-with-image */
.article-with-image { display: block; max-height: inherit; }
.article-with-image .article-image { width: 100%; }
.article-with-image .article-image img { display: block; height: auto; left: 0%; margin-bottom: -2%; margin-top: -4%; position: relative; top: 0%; width: 100%; -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); transform: translate(0%,0%); }
.article-with-image .article-contents { color: #252C32; padding-bottom: 20px; padding-left: 0px; padding-top: 84px; text-align: center; width: 100%; }
.article-with-image .article-contents * { margin-left: auto; margin-right: auto; max-width: 370px; }
.article-with-image .article-contents h2 { font-size: 16px; }
.article-with-image .article-contents h3 { font-size: 30px; padding-bottom: 27px; padding-top: 30px; }
.article-with-image .article-contents hr { margin-bottom: 9px; margin-left: auto; margin-right: auto; padding: 0px; width: 88px; }
.article-with-image .article-contents h4 { font-size: 18px; padding-top: 27px; }
.article-with-image .article-contents p { font-size: 14px; line-height: 1.43em; padding-top: 13px; }


/* project-gallery */
.project-gallery { padding-top: 56px; }
.project-gallery h2 { font-size: 18px; padding-bottom: 32px; }
.project-gallery h2:after { bottom: 0px; height: 2px; margin-left: -44px; width: 88px; }
.project-gallery .projects { max-width: calc(100% - 60px); padding-top: 38px; }
.project-gallery .projects .projects-item-content { padding-top: 20px; }
.project-gallery .projects .projects-item-content p { font-size: 14px; line-height: 1.29em; }
.project-gallery .projects .slick-arrow { background-size: 100% auto; height: 29px; left: 10px; margin-top: -20px; width: 29px; }


/* process-block */
.process-block  { padding-top: 74px; }
.process-block h2 { font-size: 18px; padding-bottom: 32px; }
.process-block h2:after { bottom: 1px; height: 2px; margin-left: -44px; width: 88px; }
.process-block h3 { font-size: 36px; padding-bottom: 46px; padding-top: 32px; }
.process-block .process-grid { flex-wrap: wrap; width: calc(100% - 160px); }
.process-block .process-grid .process-box { padding-bottom: 119px; padding-top: 58px; width: 50%; }
.process-block .process-grid .process-box * { max-width: 175px }
.process-block .process-grid .process-box img { height: auto; width: 68px; }
.process-block .process-grid .process-box h4 { font-size: 18px; line-height: 1.22em; padding-bottom: 13px; padding-top: 17px; }
.process-block .process-grid .process-box p { font-size: 14px; line-height: 1.36em; }
.process-block .process-grid .process-box:nth-child(2):before,
.process-block .process-grid .process-box:nth-child(3):before,
.process-block .process-grid .process-box:nth-child(4):before { border-width: 17px; margin-top: -17px; }


/* customers */
.customers { padding-bottom: 92px; padding-top: 87px; }
.customers h2 { font-size: 18px; padding-bottom: 32px; }
.customers h2:after { bottom: 1px; }
.customers ul.customers-grid { flex-wrap: wrap; height: auto; margin-bottom: 46px; margin-top: 32px; width: calc(100% - 160px); }
.customers ul.customers-grid li { height: 141px; width: calc(100% / 3); }
.customers ul.customers-grid li:nth-child(-n+3) {border-top: 1px solid #D9DADB !important; }
.customers ul.customers-grid li:nth-child(3n) {border-right: 1px solid #D9DADB; }
.customers ul.customers-grid li:nth-child(-n+6) {border-top: unset; }
.customers ul.customers-grid img { width: 116px; }

.customers .brochure-link { font-size: 21px; padding-top: 7px; padding-left: 15px; padding-right: 65px; padding-bottom: 11px; }


/* numbers */
.numbers { padding-top: 64px; }
.numbers h2 { font-size: 18px; padding-bottom: 32px; }
.numbers h2:after { display: none; }
.numbers ul.numbers-grid { border: 1px solid #3387FF; flex-wrap: wrap; margin-bottom: 48px; max-width: inherit; padding-bottom: 0px; padding-top: 0px; width: calc(100% - 80px) }
.numbers ul.numbers-grid li { border: 1px solid #3387FF; font-size: 80.11px; padding-bottom: 29px; padding-top: 24px; width: 50%; }
.numbers ul.numbers-grid li:after { display: none; }
.numbers ul.numbers-grid li span.countflow { font-size: 80.11px; line-height: 1em; position: relative; top: -8px; }
.numbers ul.numbers-grid li span:nth-of-type(2) { font-size: 14.5px; line-height: 1.18em; max-width: 150px; padding-top: 6px; }
.numbers ul.numbers-grid li i { top: -8px; }

.numbers-article { flex-wrap: wrap; min-height: inherit; }
.numbers-article .numbers-left { flex-wrap: wrap; margin: 0px auto; max-width: 380px; padding-bottom: 99px; padding-left: 0px; padding-right: 0px; padding-top: 73px; text-align: center; width: 100%; }
.numbers-article p { font-size: 15px; line-height: 1.47em; padding-bottom: 11px; }
.numbers-article p strong { font-size: 18.01px; padding-bottom: 2px; }
.numbers-article p:nth-of-type(4) { font-size: 14.01px; line-height: 1.47em; padding-top: 1px; }
.numbers-article p:nth-of-type(4) strong { padding-bottom: 5px; }
.numbers-article h3 { font-size: 22px; line-height: 1em; padding-bottom: 14px; }
.numbers-article h3 + p { font-size: 15.01px; line-height: 1.33em; margin-bottom: 29px; padding-bottom: 0px; }
.numbers-article hr { display: block; height: 2px; margin: 0px auto; width: 88px !important; }
.numbers-article h4 { font-size: 20.01px; padding-bottom: 5px; padding-top: 34px; }
.numbers-article h4 + p { font-size: 17.01px; padding-bottom: 14px; }
.numbers-article h4 + p a { font-size: 17.01px; }
.numbers-article .numbers-right { overflow: hidden; width: 100%; } 
.numbers-article img { display: block; height: auto; margin-bottom: -37px; margin-top: -23px; position: relative; width: 100%; }

/* testimonials */
#testimonials .slick-arrow { background-size: 100% auto; height: 29px; left: 10px; margin-top: -20px; width: 29px; }


/* instagram-block */
.instagram-block { padding-top: 72px; }
.instagram-block a.link-follow { background-size: 30px auto; font-size: 18px; height: 28px; line-height: 28px; padding-left: 45px; width: 120px; }
.instagram-block .instagram-grid { padding-top: 28px; width: calc(100% - 50px); }
.instagram-block .instagram-grid li { padding: 5px; width: calc(100% / 4); }


/* hamilton-block */
.hamilton-block { flex-direction: column; padding-bottom: 61px; padding-top: 0px; }
.hamilton-block .hamilton-left { max-width: 400px; margin-left: auto; margin-right: auto; order: 2; padding-left: 0px; padding-right: 0px; padding-top: 33px; text-align: center; width: 100%; } 
.hamilton-block .hamilton-right { border: 0px none; order: 1; padding-left: 0px; padding-right: 0px; position: relative; width: 100%; } 
.hamilton-block .hamilton-right:before { background: #ccc; bottom: 7px; content: ""; display: block; height: 1px; left: 50%; margin-left: -44px; position: absolute; width: 88px; }
.hamilton-block h2 { font-size: 32px; padding-bottom: 21px; }
.hamilton-block p { font-size: 15px; line-height: 1.33em; padding-bottom: 14px; }
.hamilton-block p a.link { font-size: 14.5px; height: 28px; line-height: 1.7em; margin-top: 13px; padding-left: 10px; padding-right: 35px; }
.hamilton-block p a.link:hover:after { margin-left: 20px; }
.hamilton-block img { display: block; height: auto; max-width: 277px; margin: 0px auto; padding-bottom: 38px; padding-top: 70px; width: 100%; }


/* footer */
footer { height: 129px; padding-left: 0px; padding-top: 54px; text-align: center; }
footer p { font-size: 14.01px; }