#menu { right: -100%; width: calc(100% - 65px); }
#menu .menu-inner { padding-top: 26px; width: calc(100% - 65px); }
#menu .menu-inner a.logo { height: 54px; margin-bottom: 30px; width: 55px; }
#menu .menu-inner a.logo img { display: block; height: auto; width: 100%; }

#menu .menu-inner ul li { line-height: 44.5px; }
#menu .menu-inner ul li a { font-size: 15.56px; }

#menu.menu-visible { right: 0px; }
body.menu-visible { left: calc(-100% + 70px); overflow: hidden; position: relative; }


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

.header.is_stuck { height: 66px; padding-top: 13px; }
.header.is_stuck .logo { width: 105px; }
.header.is_stuck .socials { padding-top: 10px; }
.header.is_stuck #show_menu,
.header.is_stuck #close_menu { margin-top: 9px; }


/* slideshow */
.slideshow .slideshow-item { height: 458px; }
.slideshow .slideshow-contents { left: 25px; padding-bottom: 13px; max-width: 260px; }
.slideshow .slideshow-contents h1, .slideshow .slideshow-contents h2 { font-size: 26px; line-height: 1em; margin-bottom: 14px; }
.slideshow .slideshow-contents p a { font-size: 14px; height: 26px; 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: 91px; width: 10px; }
.slideshow .slick-dots li { padding: 3px 0px; }
.slideshow .slick-dots li button { height: 10px; width: 10px; }
.slideshow .slideshow-scroll { bottom: 27px; font-size: 11px; }
.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 { height: 367px; width: 100%; }
.article-with-image .article-image img { display: block; height: 387px; left: 50%; margin-bottom: 0; margin-top: -10px; position: relative; top: 0%; width: auto; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); }
.article-with-image .article-contents { color: #252C32; padding-bottom: 20px; padding-left: 0px; padding-top: 67px; text-align: center; width: 100%; }
.article-with-image .article-contents * { margin-left: auto; margin-right: auto; min-width: 255px; max-width: calc(100% - 64px) }
.article-with-image .article-contents h2 { font-size: 16px; }
.article-with-image .article-contents h3 { font-size: 26px; padding-bottom: 25px; padding-top: 23px; }
.article-with-image .article-contents hr { margin-bottom: 7px; margin-left: auto; margin-right: auto; padding: 0px; width: 88px; min-width: 88px; max-width: 88px; }
.article-with-image .article-contents h4 { font-size: 16px; padding-top: 29px; }
.article-with-image .article-contents p { font-size: 14px; line-height: 1.43em; padding-top: 10px; }


/* 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% - 50px); padding-top: 38px; }
.project-gallery .projects .projects-item-content { flex-direction: column;  justify-content: center; padding-top: 11px; }
.project-gallery .projects .projects-item-content p { font-size: 14px; line-height: 1.282em; text-align: center !important; width: 100% !important; }
.project-gallery .projects .projects-item-content p:first-child { line-height: 1.285em; padding-bottom: 24px; }
.project-gallery .projects .slick-arrow { background-size: 100% auto; height: 29px; left: 10px; line-height: 40px; margin-top: 0px; top: 36%; width: 29px; }


/* process-block */
.process-block  { padding-top: 67px; }
.process-block h2 { font-size: 16px; padding-bottom: 29px; }
.process-block h2:after { bottom: 1px; height: 2px; margin-left: -44px; width: 88px; }
.process-block h3 { font-size: 26px; padding-bottom: 31px; padding-top: 26px; }
.process-block .process-grid { flex-wrap: wrap; width: calc(100% - 50px); }
.process-block .process-grid .process-box { padding-bottom: 68px; padding-top: 45px; width: 100%; }
.process-block .process-grid .process-box * { max-width: 220px; width: 80%; }
.process-block .process-grid .process-box img { height: auto; width: 67px; }
.process-block .process-grid .process-box h4 { font-size: 18px; line-height: 1.22em; padding-bottom: 13px; padding-top: 19px; }
.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; border-left-color: transparent; left: 50%; margin-left: -17px; top: 0px; margin-top: 0px; }
.process-block .process-grid .process-box:nth-child(2):before { border-top-color: #7FB4FF; }
.process-block .process-grid .process-box:nth-child(3):before { border-top-color: #599DFF; }
.process-block .process-grid .process-box:nth-child(4):before { border-top-color: #3387FF; }


/* customers */
.customers { padding-bottom: 72px; padding-top: 69px; }
.customers h2 { font-size: 18px; padding-bottom: 29px; }
.customers h2:after { bottom: 1px; }
.customers ul.customers-grid { flex-wrap: wrap; height: auto; margin-bottom: 34px; margin-top: 29px; width: calc(100% - 50px); }
.customers ul.customers-grid li { height: 129px; width: 50%; }
.customers ul.customers-grid li:nth-child(-n+2) {border-top: 1px solid #D9DADB !important; }
.customers ul.customers-grid li:nth-child(2n) {border-right: 1px solid #D9DADB; }
.customers ul.customers-grid li:nth-child(-n+3), .customers ul.customers-grid li:nth-child(-n+6) {border-top: unset; }
.customers ul.customers-grid img { width: 100px; }


.customers .brochure-link { font-size: 16px; margin-left: auto; margin-right: auto; max-width: 270px; padding-top: 8px; padding-left: 10px; padding-right: 0px; padding-bottom: 9px; width: calc(100% - 50px); }


/* numbers */
.numbers { padding-top: 64px; }
.numbers h2 { font-size: 16px; padding-bottom: 29px; }
.numbers h2:after { display: none; }
.numbers ul.numbers-grid { border: 1px solid #3387FF; flex-wrap: wrap; margin-bottom: 54px; max-width: inherit; padding-bottom: 0px; padding-top: 0px; width: calc(100% - 60px) }
.numbers ul.numbers-grid li { border: 1px solid #3387FF; font-size: 80.11px; padding-bottom: 47px; padding-top: 24px; width: 100%; }
.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: inherit; padding-bottom: 101px; padding-left: 0px; padding-right: 0px; padding-top: 60px; text-align: center; width: calc(100% - 46px); }
.numbers-article p { font-size: 14.01px; line-height: 1.57em; 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 { font-size: 16.01px; padding-bottom: 4px; }
.numbers-article h3 { font-size: 16px; line-height: 1em; padding-bottom: 14px; }
.numbers-article h3 + p { font-size: 14px; line-height: 1.4em; margin-bottom: 29px; padding-bottom: 0px; }
.numbers-article hr { display: block; height: 2px; margin: 0px auto; width: 88px !important; }
.numbers-article h4 { font-size: 18.01px; padding-bottom: 7px; padding-top: 35px; }
.numbers-article h4 + p { font-size: 16.01px; padding-bottom: 14px; }
.numbers-article h4 + p a { font-size: 16.01px; }
.numbers-article .numbers-right { overflow: hidden; width: 100%; } 
.numbers-article img { display: block; height: auto; left: 50%; margin-bottom: -15px; margin-top: -10px; min-height: 367px; min-width: 412px; position: relative; width: 100%;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }


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

/* instagram-block */
.instagram-block { padding-top: 48px; }
.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: 27px; width: calc(100% - 44px); }
.instagram-block .instagram-grid li { padding: 3px; width: calc(100% / 3); }


/* hamilton-block */
.hamilton-block { flex-direction: column; padding-bottom: 60px; 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: 28px; text-align: center; width: calc(100% - 46px); } 
.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: 23px; padding-bottom: 17px; }
.hamilton-block p { font-size: 14px; line-height: 1.36em; padding-bottom: 10px; }
.hamilton-block p a.link { font-size: 14.5px; height: 28px; line-height: 1.7em; margin-top: 12px; 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: 218px; margin: 0px auto; padding-bottom: 32px; padding-top: 48px; width: 100%; }


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