/* header */
.header { height: 89px; padding: 28px 40px 0px 40px; }
.header .logo { width: 172px; }
.header nav { padding-right: 4px; padding-top: 22px; }
.header nav ul li {  padding: 0px 16px; }
.header nav ul li a { font-size: 15.18px; padding: 0px 5px; }
.header .socials { padding-top: 20px; }
.header .socials p a { background: url(../img/canvas.png) no-repeat -21px -21px; height: 21px; margin-left: 13px; width: 21px; }
.header .socials p a.socials-phone { background-position: 0px 0px; background-size: 18px auto; height: 18px; margin-top: 2px; width: 18px; }
.header .socials p a.socials-ig { background-position: 0px -21px; }

.header.is_stuck { height: 82px; padding-top: 16px; }
.header.is_stuck .logo { width: 134px; }
.header.is_stuck nav { padding-top: 17px; }
.header.is_stuck .socials { padding-top: 15px; }


/* slideshow */
.slideshow .slideshow-item { height: 554px; }
.slideshow .slideshow-contents { left: 40px; padding-bottom: 38px; max-width: 540px; }
.slideshow .slideshow-contents h1, .slideshow .slideshow-contents h2 { font-size: 44px; line-height: 1em; margin-bottom: 21px; }
.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: 40px; top: 110px; 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 { max-height: 735px; }
.article-with-image .article-image img { max-height: 781px; left: 37%; }
.article-with-image .article-contents { padding-bottom: 62px; padding-left: 40px; padding-right: 40px; }
.article-with-image .article-contents * { max-width: 90%; }
.article-with-image .article-contents h2 { font-size: 18px; }
.article-with-image .article-contents h3 { font-size: 36px; padding-bottom: 21px; padding-top: 28px; }
.article-with-image .article-contents hr { margin-bottom: 17px; padding: 0px; width: 88px; }
.article-with-image .article-contents h4 { font-size: 20px; padding-top: 25px; }
.article-with-image .article-contents p { font-size: 15px; line-height: 1.33em; padding-top: 14px; }


/* project-gallery */
.project-gallery { padding-top: 79px; }
.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% - 80px); padding-top: 43px; }
.project-gallery .projects .projects-item-content { padding-top: 26px; }
.project-gallery .projects .projects-item-content p { font-size: 15px; line-height: 1.33em; }
.project-gallery .projects .slick-arrow { background-size: 100% auto; height: 40px; left: 10px; line-height: 40px; margin-top: -5px; width: 40px; }


/* process-block */
.process-block  { padding-top: 59px; }
.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 { width: calc(100% - 80px); }
.process-block .process-grid .process-box { padding-bottom: 69px; padding-top: 48px; }
.process-block .process-grid .process-box * { max-width: 185px }
.process-block .process-grid .process-box img { height: auto; width: 75px; }
.process-block .process-grid .process-box h4 { font-size: 20px; line-height: 1.18em; padding-bottom: 12px; padding-top: 20px; }
.process-block .process-grid .process-box p { font-size: 15px; line-height: 1.33em; }
.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: 95px; padding-top: 76px; }
.customers h2 { font-size: 18px; padding-bottom: 32px; }
.customers h2:after { bottom: 1px; }
.customers ul.customers-grid { margin-bottom: 57px; margin-top: 35px; width: calc(100% - 80px); }
.customers ul.customers-grid img { width: 116px; }


.customers .brochure-link { font-size: 24px; padding-top: 8px; padding-left: 15px; padding-right: 90px; padding-bottom: 12px; }


/* numbers */
.numbers { padding-top: 78px; }
.numbers h2 { font-size: 18px; padding-bottom: 34px; }
.numbers h2:after { bottom: 0px; }
.numbers ul.numbers-grid { max-width: 758px; padding-bottom: 138px; padding-top: 53px; }
.numbers ul.numbers-grid li { font-size: 80.11px; }
.numbers ul.numbers-grid li:after { height: 72px; top: 0px; width: 2px; }
.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 { min-height: 713px; }
.numbers-article .numbers-left { padding-bottom: 43px; padding-left: 40px; padding-right: 40px; }
.numbers-article p { font-size: 15.01px; line-height: 1.47em; padding-bottom: 11px; }
.numbers-article p strong { font-size: 18.01px; padding-bottom: 2px; }
.numbers-article h3 { font-size: 22px; line-height: 1em; padding-bottom: 13px; }
.numbers-article h3 + p { font-size: 15px; line-height: 1.33em; margin-bottom: 29px; padding-bottom: 0px; }
.numbers-article hr { height: 2px; width: 88px !important; }
.numbers-article h4 { font-size: 20.01px; padding-bottom: 6px; 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; } 
.numbers-article img { display: block; height: 100%; left: calc(50% + 15px); position: relative; width: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

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

/* instagram-block */
.instagram-block { padding-top: 77px; }
.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: 34px; width: calc(100% - 68px); }
.instagram-block .instagram-grid li { padding: 6px; width: calc(100% / 6); }



/* hamilton-block */
.hamilton-block { padding-bottom: 102px; padding-top: 71px; }
.hamilton-block .hamilton-left { order: 1; padding-left: 40px; padding-right: 40px; padding-top: 33px; width: 50%; } 
.hamilton-block .hamilton-right { order: 2; padding-left: 65px; padding-right: 95px; width: 50%; } 
.hamilton-block h2 { font-size: 32px; padding-bottom: 19px; }
.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: 6px; padding-left: 10px; padding-right: 35px; }
.hamilton-block p a.link:hover:after { margin-left: 20px; }
.hamilton-block img { display: block; height: auto; padding-bottom: 145px; padding-top: 97px; width: 100%; }


/* footer */
footer { height: 129px; padding-left: 40px; padding-top: 54px; }
footer p { font-size: 14.01px; }