body { background: #393858; }
header, section, footer { background: #EFEFEF; display: block; margin: 0px auto; max-width: 1600px; }

/* header */
.header { background: #fff; display: block; height: 122px; padding: 0px 50px; position: relative; z-index: 200; }
.header .logo { display: block; float: left; margin-right: 111px; margin-top: 29px; width: 220px; position: relative; z-index: 10; }
.header .logo img { display: block; height: auto; width: 100%; }
.header .menu { position: relative; top: 29px; z-index: 10; }
.header .menu ul { display: block; float: right; list-style: none; }
.header .menu ul li { display: inline-block; padding-right: 10px; position: relative; vertical-align: top; }
.header .menu ul li a { color: #19040C; font-size: 15px; }
.header .menu ul li.current-menu-item a { font-weight: bold; }
.header .menu ul li a:hover { color: #D31F31; }

.header .nav { padding-top: 56px; }
.header .nav ul { display: block; list-style: none; }
.header .nav ul li { display: inline-block; padding-right: 40px; position: relative; vertical-align: top; }
.header .nav ul li:before { background: url(../img/sep.png); background-size: 100% auto; content: ""; display: block; height: 27px; position: absolute; right: 20px; top: 4px; width: 8px; }
.header .nav ul li:last-child:before { display: none; }
.header .nav ul li a { color: #231F1F; display: block; font-family: 'DINRegular', sans-serif; font-size: 15.43px; line-height: 1.12em; text-transform: uppercase; }
.header .nav ul li.current-menu-item a { border-bottom: 4px solid #D32031; }
.header .nav ul li a strong { display: block; font-family: 'DINBold', sans-serif; font-weight: normal; padding-bottom: 3px; }
.header .nav ul li a:hover strong { color: #D31F31; }

.header .phone { float: right; padding-left: 20px; padding-top: 24px; position: relative; text-align: right; z-index: 10; }
.header .phone a { color: #D31F31; font-family: 'DINBold', sans-serif; font-size: 20.87px; line-height: 1.1em; }
.header .phone a span { color: #000; display: block; font-size: 16px; }
.header .phone a:hover { color: #000; }
.header .phone a:hover span { color: #D31F31; }
.header #show_menu { background: url(../img/menu.png); background-size: 100% auto; cursor: pointer; display: block; display: none; height: 32px; left: 50%; margin-left: -16px; width: 32px; position: absolute; top: 24px; }

.header .nav ul li ul { background: #11171F; border-top: 5px solid #fff; color: #fff; display: none; left: -15px; padding-bottom: 20px; padding-top: 17px; position: absolute; width: 202px; z-index: 100; }
.header .nav ul li ul li { display: block; padding-right: 0px; }
.header .nav ul li ul li:before { display: none; }
.header .nav ul li ul li a { background: none; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 2em; padding-left: 15px; text-transform: none; }
.header .nav ul li.current-menu-item ul li a { border-bottom: 0px none; }
.header .nav ul li ul li a:hover { background: #2B2F38; }

.header .nav ul li.current-menu-parent ul li.current-menu-item a { border-bottom: 0px none; background: #2B2F38; }

.header .nav ul li:hover ul { display: block; }


/* banner */
.home-banner { display: block; overflow: hidden; position: relative; z-index: 1; }
.home-banner #scroll-down { background: url(../img/arrow.png) no-repeat; background-size: auto 100%; border: 0px none; cursor: pointer; display: block; height: 25px; left: 50%; margin-top: 0px; margin-left: -12.5px; position: absolute; bottom: 35px; width: 25px; z-index: 5; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.home-banner .banner { display: block; height: 813px; position: relative; width: 100%; }
.home-banner .banner li { overflow: hidden; position: relative; width: 100%; }
.home-banner .banner li img { display: block; height: auto; left: 50%; min-height: 813px; position: relative; min-width: 1600px; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.home-banner .banner li:after { mix-blend-mode: multiply; background: url(../img/banner-cover.png); background-position: center 0; background-size: auto 100%; opacity: 0.9; content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.home-banner .banner li.banner-left-hover:after { background-position: 30% 0; }
.home-banner .banner li.banner-right-hover:after { background-position: 68% 0; }
.home-banner .banner li.banner-left-hover .banner-left { width: 90% !important; }
.home-banner .banner li.banner-left-hover .banner-right { width: 10% !important; }
.home-banner .banner li.banner-right-hover .banner-right { width: 90% !important; }
.home-banner .banner li.banner-right-hover .banner-left { width: 10% !important; }
.home-banner .banner li.banner-left-hover .banner-inner { opacity: 0; }
.home-banner .banner li.banner-right-hover .banner-inner { opacity: 0; }
.home-banner .banner li.banner-left-hover .banner-right .banner-hidden { opacity: 0; top: -50%; }
.home-banner .banner li.banner-left-hover .banner-left .banner-hidden { opacity: 1; top: 50%; }
.home-banner .banner li.banner-right-hover .banner-left .banner-hidden { opacity: 0; top: -50%; }
.home-banner .banner li.banner-right-hover .banner-right .banner-hidden { opacity: 1; top: 50%; }
.home-banner .banner .slick-arrow { background: url(../img/arrow.png) no-repeat; background-size: auto 100%; border: 0px none; display: block; height: 30px; margin-top: -50px; position: absolute; top: 50%; width: 30px; z-index: 5; }
.home-banner .banner .slick-arrow.slick-prev { left: 48px; }
.home-banner .banner .slick-arrow.slick-next { right: 48px;  -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.home-banner .banner-left { display: block; height: 813px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 50%; z-index: 3; }
.home-banner .banner-right { display: block; height: 813px; right: 0px; overflow: hidden; position: absolute; top: 0px; width: 50%; z-index: 3; }
.home-banner .banner .banner-inner { opacity: 1; left: 50%; margin-left: -400px; margin-top: -22px; width: 800px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }
.home-banner .banner .banner-inner h1 { font-size: 150.28px; font-weight: 300; line-height: .7em; text-transform: uppercase; }
.home-banner .banner .banner-inner h1 span { font-size: 52.38px; font-style: italic; font-weight: 800; text-transform: none; position: relative; top: -38px; }
.home-banner .banner .banner-inner h1 strong { font-weight: 800; }
.home-banner .banner .banner-inner p { font-size: 31.11px; font-style: italic; font-weight: 400; line-height: .7em; margin-top: -3px; }
.home-banner .banner .banner-hidden { opacity: 0; left: 50%; margin-left: -400px; margin-top: 13px; width: 800px; position: absolute; text-align: center; top: -50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }
.home-banner .banner .banner-hidden h1 { font-size: 150.28px; font-weight: 300; line-height: 1.2em; text-transform: uppercase; }
.home-banner .banner .banner-hidden h1 strong { font-weight: 800; }
.home-banner .banner .banner-hidden p { font-size: 31.11px; font-style: italic; font-weight: 400; line-height: .7em; margin-top: -3px; }
.home-banner .banner .banner-hidden a.banner-link { background: #fff; display: inline-block; font-family: 'DINBold', sans-serif; font-size: 22.25px; height: 63px; line-height: 63px; margin-left: 2px; margin-right: 2px; margin-top: 45px; padding: 0px 35px; text-transform: uppercase; }
.home-banner .banner .banner-left .banner-hidden a.banner-link { color: #45436B; }
.home-banner .banner .banner-left .banner-hidden a.banner-link:hover { color: #fff; background: #11171F; }
.home-banner .banner .banner-right .banner-hidden a.banner-link { color: #D31F31; }
.home-banner .banner .banner-right .banner-hidden a.banner-link:hover { color: #fff; background: #11171F; }
.home-banner .banner .banner-hidden a.banner-link.blue-link { color: #fff; background: #45436B; }
.home-banner .banner .banner-hidden a.banner-link.blue-link:hover { color: #fff; background: #11171F; }
.home-banner .banner .banner-hidden a.banner-link.red-link { color: #fff; background: #D31F31; }
.home-banner .banner .banner-hidden a.banner-link.red-link:hover { color: #fff; background: #11171F; }
.home-banner .banner .banner-left-hover .banner-hidden { left: 55%; }
.home-banner .banner .banner-right-hover .banner-hidden { left: 45%; }
.home-banner .banner .banner-left-hover .banner-inner,
.home-banner .banner .banner-right-hover .banner-inner { opacity: 0; display: none; }


.banner-social { position: absolute; top: 20px; right: 50px; z-index: 5; }
.banner-social li { display: inline-block; vertical-align: top; }
.banner-social li a { background: url(../img/social-white.png); background-size: 100% auto; background-position: 32px 32px; display: block; height: 22px; width: 22px; overflow: hidden; margin: 0px 2px; opacity: .6; position: relative; text-indent: -99999px; }
.banner-social li.fb-icon a { background-position: 0px -22px; }
.banner-social li.gp-icon a { background-position: 0px 0px; }
.banner-social li a:hover { opacity: 1; }

/* home-block */
.home-block { background: #fff; color: #231F1F; overflow: hidden; position: relative; text-align: center; }
.home-block .home-block-inner { display: block; margin-left: auto; margin-right: auto; max-width: 700px; padding-top: 124px; width: 90%; }
.home-block .home-block-inner h1 { font-family: 'DINRegular', sans-serif; font-size: 35.6px; font-weight: normal; line-height: .96em; margin-bottom: 26px; text-transform: uppercase; }
.home-block .home-block-inner p { font-size: 24px; font-style: italic; font-weight: 400; line-height: 1.18em; margin-left: auto; margin-right: auto; width: 90%; }
div.home-block:before { content: ""; border-top: 600px solid #EFEFEF; border-right: 135px solid transparent; display: block; left: 0px; position: absolute; bottom: 5%;  }

/* home-diagonal */
.home-diagonal { display: block; list-style: none; margin-left: auto; margin-right: auto; max-width: 1080px; padding-top: 106px; position: relative; text-align: left; width: 90%; }
.home-diagonal li { display: block; float: left; margin: 0px 18px; padding-bottom: 120px; position: relative; width: calc(33% - 46px); text-align: center; }
.home-diagonal li a { color: #fff; display: block; position: relative; }
.home-diagonal li img.cover { display: block; height: auto; width: 130%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home-diagonal li a:hover img.cover { -moz-transform: scale(1.1) skew(12deg); -webkit-transform: scale(1.1) skew(12deg); transform: scale(1.1) skew(12deg); }

.home-diagonal .skew { -webkit-transform: skew(-12deg); transform: skew(-12deg); overflow:hidden; position:relative; }
.home-diagonal .skew img { -webkit-transform: skew(12deg); transform: skew(12deg); position:relative; left:-45px; }
.home-diagonal li .skew span { bottom: 35px; font-size: 20.43px; font-italic: normal; font-weight: 400; line-height: 1.4em; left: 30px; position: absolute; text-align: left; -webkit-transform: skew(12deg); transform: skew(12deg); }
.home-diagonal li span strong { display: block; font-size: 32.61px; text-transform: uppercase; font-family: 'DINRegular', sans-serif; font-style: normal; font-weight: bold; }
.home-diagonal li p { font-size: 14px; line-height: 1.72em; margin-left: -40px; margin-top: 47px; padding-bottom: 19px; text-align: center; width: 90%; }
.home-diagonal li a.home-diagonal-link { color: #D31F31; display: inline-block; font-family: 'DINBold', sans-serif; font-size: 16px; margin-left: -90px; text-transform: uppercase; }

.home-diagonal li a.home-diagonal-link span { display: block; font-size: 12px; padding-top: 15px; }

.home-diagonal li a.home-diagonal-link:hover { color: #000; }
.home-diagonal .icon-desktop { display: block; position: absolute; top: 20px; right: 0px; z-index: 6; }
.home-diagonal .icon-desktop img { display: block; height: auto; width: 100%; }
.home-diagonal .icon-mobile { display: none; }

.home-diagonal li .block-hidden { display: none; }
.home-diagonal li .block-hidden p { margin-top: 0px; }


/* home-box */
.home-box { background: #fff; display: block; padding-top: 83px; overflow: hidden; position: relative; }
.home-box .home-box-left { mix-blend-mode: multiply; display: block; float: left; width: 50%; position: relative; z-index: 2; }
.home-box .home-box-left img { display: block; height: auto; opacity: 0.9; width: 100%; }
.home-box .home-box-right { display: block; width: 70%; position: absolute; right: 0px; top: 0px; z-index: 1; }
.home-box .home-box-right img.cover { display: block; height: auto; width: 100%; position: relative; }
.home-box .home-box-inner { display: block; right: 0px; padding-top: 5%; position: absolute; top: 0px; margin-top: 2%; text-align: center; width: 70%; z-index: 3; }
.home-box .home-box-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 28.88px; font-weight: normal; line-height: 1.11em; margin: 0px auto; margin-bottom: 28px; max-width: 680px; margin-top: 7%; text-transform: uppercase; }
.home-box .home-box-inner a { border-bottom: 1px solid transparent; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; }
.home-box .home-box-inner a:hover { border-bottom: 1px solid #fff; }

/* footer */
.footer { color: #231F1F; display: block; border-top: 27px solid #fff; padding-bottom: 50px; }
.footer .footer-inner { display: block; margin: 0px 50px; }
.footer .footer-inner .footer-nav { display: inline-block; margin-right: -3px; min-width: 240px; padding-top: 50px; vertical-align: top; width: 25%; }
.footer .footer-inner .footer-nav h4 { font-family: 'DINBold', sans-serif; font-size: 17px; font-weight: normal; line-height: 2.1em;  }
.footer .footer-inner .footer-nav ul { list-style: none; padding-bottom: 12px; }
.footer .footer-inner .footer-nav ul li { display: block; line-height: 2.4em; }
.footer .footer-inner .footer-nav ul li a { color: #231F1F; }
.footer .footer-inner .footer-nav ul li a:hover { color: #D31F31; }
.footer .footer-inner .footer-nav form { max-width: 375px; padding-top: 10px; width: 100%; }
.footer .footer-inner .footer-nav form input,
.footer .footer-inner .footer-nav form button { background: #fff; border: 0px none; display: block; height: 46px; margin-bottom: 9px; font-family: 'Open Sans', sans-serif; padding: 0px 20px; width: 100%; }
.footer .footer-inner .footer-nav form input[type=email] { margin-bottom: 13px; }
.footer .footer-inner .footer-nav form button { background: #46456C; color: #fff; height: 56px; line-height: 52px; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.footer .footer-inner .footer-nav form button:hover { background: #D31F31; }
.footer .footer-inner .footer-last { display: inline-block; float: right; padding-top: 40px; vertical-align: top; text-align: right; width: 25%; }
.footer .footer-inner .social-footer { list-style: none; padding-top: 270px; }
.footer .footer-inner .social-footer li { display: inline-block !important; vertical-align: top; }
.footer .footer-inner .social-footer li a { background: url(../img/social.png); background-size: 100% auto; display: block; height: 28px; overflow: hidden; position: relative; text-indent: 9999px; width: 28px; }
.footer .footer-inner .social-footer li.fb-icon a { background-position: 0px 0px; }
.footer .footer-inner .social-footer li.gp-icon a { background-position: 0px -28px; }
.footer .footer-inner .footer-last img { display: inline-block; margin-top: 48px; }
.footer .footer-inner .footer-last p { margin-top: 24px; }
.footer .footer-inner .footer-nav .social-footer { display: none; }

.footer .footer-end { display: block; clear: both; }
.footer .footer-end a { color: #231F1F; }


.error404 .footer { border-top: 0px none; }
.error404 .about-banner { background: #EFEFEF; }
.error404 .about-banner .banner .banner-right { border-bottom-color:  #EFEFEF; }

/* about-banner */
.about-banner { background: #fff; display: block; overflow: hidden; position: relative; }
.about-banner .banner { display: table; position: relative; width: 100%; }
.about-banner .banner .banner-left { display: table-cell; vertical-align: top; position: relative; z-index: 2; width: 55%; }
.about-banner .banner .banner-left img { display: block; height: auto; width: 100%; position: relative; z-index: 2; }
.about-banner .banner .banner-right { background: #46456C; border-bottom: 36px solid #fff; display: table-cell; position: relative; vertical-align: top; width: 45%; }
.about-banner .banner .banner-right:before { background: #46456C; bottom: 36px; content: ""; display: block; height: 100%; position: absolute; top: 0px; left: -50%; width: 55%; z-index: 1; }
.about-banner .banner .banner-right .banner-inner { display: block; left: 50%; max-width: 500px; margin-left: auto; margin-right: auto; position: absolute; top: 50%; width: 80%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.about-banner .banner .banner-right .banner-inner h1 { font-family: 'DINRegular', sans-serif; font-size: 30px; font-weight: normal; line-height: 1em; padding-bottom: 14px; text-transform: uppercase; }
.about-banner .banner .banner-right .banner-inner p { font-size: 20px; font-style: italic; line-height: 1.4em; }
.hire-banner .banner .banner-right .banner-inner { max-width: 435px; }
.hire-banner .banner .banner-right .banner-inner h1 { font-size: 35.97px; }
.hire-banner .banner .banner-right .banner-inner p { font-size: 23.98px; }

.faqs-banner .banner .banner-right .banner-inner h1 { font-size: 40px; }
.faqs-banner .banner .banner-left { width: 50.2%; }


.faq-blocks { background: #fff; color: #231F1F; display: block; width: 100%; }
.faq-blocks .faq-blocks-inner { display: block; margin-left: auto; margin-right: auto; max-width: 760px; padding-bottom: 83px; padding-top: 80px; text-align: center; width: 90%; }
.faq-blocks .faq-blocks-inner .faq-block { display: block; padding-bottom: 24px; padding-top: 38px; }

.faq-blocks .faq-blocks-inner .faq-block h3 { font-size: 30px; font-weight: normal; line-height: 1em; padding-bottom: 22px; text-transform: uppercase; }
.faq-blocks .faq-blocks-inner .faq-block p { font-size: 16.74px; line-height: 1.71em; padding-bottom: 22px; }

.faq-blocks .faq-blocks-inner .faq-block ul { font-size: 16.74px; line-height: 1.71em; padding-top: 7px; padding-bottom: 29px; }
.faq-blocks .faq-blocks-inner .faq-block ul li { display: block; padding-left: 7px; }
.faq-blocks .faq-blocks-inner .faq-block ul li::before { content: "· "; display: inline-block; position: relative; left: -5px; vertical-align: top; }

.faq-blocks .faq-blocks-inner .faq-block hr { background: #231F1F; border: 0px none; display: block; height: 1px; margin: 0px auto; margin-bottom: 12px; margin-top: 17px; padding: 0px; width: 145px; }
.faq-blocks .faq-blocks-inner .faq-block:last-child hr { display: none; }

/* about-article */
.about-article { background: #fff; color: #231F1F; display: block; overflow: hidden; }
.about-article .about-article-inner { margin-left: 6%; margin-right: 6%; padding-bottom: 166px; padding-top: 114px; position:relative; }
.about-article .about-article-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 36px; font-weight: normal; float: left; line-height: 1em; max-width: 560px; padding-bottom: 21px; text-transform: uppercase; width: 40%; }
.about-article .about-article-inner p { clear: both; font-size: 14px; line-height: 1.71em; max-width: 520px; padding-bottom: 14px; width: 40%; }
.about-article .about-article-inner img { float: right; height: auto; max-width: 702px; position: absolute; right: 0px; top: 26px; width: 58%; }

/* hire-article */
.hire-article .about-article-inner { padding-top: 137px; }
.hire-article .about-article-inner h2 { float: right; max-width: inherit; width: 48%; padding-right: 3%; }
.hire-article .about-article-inner p { float: right; max-width: inherit; width: 48%; padding-right: 3%; }
.hire-article .about-article-inner img { float: left; max-width: 671px; left: 0px; position: absolute; right: auto; top: 69px; width: 45%; }

/* about-blocks */
.about-blocks { display: block; background: #fff; overflow: hidden; }
.about-blocks .about-blocks-inner { margin: 0px 5%; text-align: center; }
.about-blocks .about-blocks-inner .about-block { display: inline-block; min-height: 679px; width: 47%; margin: 0px 1.25%; overflow: hidden; position: relative; vertical-align: top; }
.about-blocks .about-blocks-inner .about-block:nth-of-type(1) { background: #D32031; }
.about-blocks .about-blocks-inner .about-block:nth-of-type(1):before { border-top: 800px solid #9B1724; border-right: 168px solid transparent; content: ""; display: block; left: 0px; position: absolute; top: 0px; z-index: 0; }
.about-blocks .about-blocks-inner .about-block:nth-of-type(2) { background: #424165; }
.about-blocks .about-blocks-inner .about-block:nth-of-type(2):before { border-top: 800px solid #32314D; border-right: 168px solid transparent; content: ""; display: block; left: 0px; position: absolute; top: 0px; z-index: 0; }
.about-blocks .about-blocks-inner .about-block .about-block-content { display: block; margin-left: 140px; margin-right: 60px; width: auto; padding-bottom: 80px; text-align: left; }
.about-blocks .about-blocks-inner .about-block .about-block-content h3 { font-family: 'DINRegular', sans-serif; font-size: 30px; font-weight: normal; line-height: 1em; margin-bottom: 22px; position: relative; z-index: 2; text-transform: uppercase; }
.about-blocks .about-blocks-inner .about-block .about-block-content p { font-sie: 14px; line-height: 1.71em; position: relative; z-index: 2; }
.about-blocks .about-blocks-inner .about-block .about-block-content p br { line-height: 1.5em; height: 0px; display: block; clear: both; margin-top: 7px; }
.about-blocks .about-blocks-inner .about-block .about-block-content .about-block-icon { position: absolute; left: 38px; top: 36px; z-index: 1; }
.about-blocks .about-blocks-inner .about-block:nth-of-type(1) .about-block-content { padding-top: 184px; }
.about-blocks .about-blocks-inner .about-block:nth-of-type(2) .about-block-content { padding-top: 102px; }
.about-blocks .about-blocks-inner .about-block .about-block-links { color: #E45D6A; font-family: 'DINBold'; font-size: 17.8px; padding-top: 14px; }
.about-blocks .about-blocks-inner .about-block a.about-block-link { border-bottom: 1px solid transparent; color: #fff; margin-right: 2px; margin-left: 0px; text-transform: uppercase; }
.about-blocks .about-blocks-inner .about-block a.about-block-link:last-of-type { margin-right: 0px; margin-left: 2px; }

.about-blocks .about-blocks-inner .about-block a.about-block-link:hover { border-bottom: 1px solid #fff; }

/* about-grid */
.about-grid { background: #fff; color: #231F1F; display: block; padding-bottom: 139px; padding-top: 116px; position: relative; }
div.about-grid:before { content: ""; border-top: 554px solid #EFEFEF; border-right: 121px solid transparent; display: block; left: 0px; position: absolute; top: 276px;  }
.about-grid .about-grid-inner { display: block; margin-left: auto; margin-right: auto; max-width: 1168px; text-align: center; }
.about-grid .about-grid-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 35.66px; font-weight: normal; line-height: 1em; text-transform: uppercase; }
.about-grid .about-grid-inner h3 { font-size: 22.97px; font-weight: normal; font-style: italic; line-height: 1.5em; margin-bottom: 43px; margin-left: auto; margin-right: auto; padding-top: 41px; max-width: 770px; width: 90%; }
.about-grid .about-grid-inner ul { list-style: none; padding-bottom: 21px; padding-top: 48px; }
.about-grid .about-grid-inner ul li { display: inline-block; margin-bottom: 50px; vertical-align: top; width: 24%; }
.about-grid .about-grid-inner ul li img { display: block; margin: 0px auto; padding-bottom: 19px; }
.about-grid .about-grid-inner ul li span { display: block; font-size: 18px; font-style: italic; line-height: 1.44em; margin-left: auto; margin-right: auto; width: 90%; }
.about-grid .about-grid-inner hr { background: #231F20; margin: 0px auto; padding: 0px; border: 0px none; height: 1px; width: 52px; }
.about-grid .about-grid-inner a.link-quote { background: #D32031; color: #fff; display: block; font-family: 'DINBold'; font-size: 28.52px; height: 75px; line-height: 75px; margin-left: auto; margin-right: auto; max-width: 380px; text-transform: uppercase; }
.about-grid .about-grid-inner a.link-quote:hover { background: #231F20; }

/* testimonials-block */
.testimonials-block { background: #D32031; display: block; color: #fff; margin-bottom: -27px; overflow: hidden; padding-bottom: 117px; padding-top: 84px; position: relative; text-align: center; }
div.testimonials-block:before { content: ""; border-top: 345px solid #424165; border-right: 77px solid transparent; display: block; left: 0px; position: absolute; top: 0px;  }
.testimonials-block .testimonials-block-inner h4 { font-family: 'DINRegular', sans-serif; font-size: 27px; font-weight: normal; line-height: 1em; text-transform: uppercase;  }
.testimonials-block .testimonials-block-inner ul { list-style: none; margin-left: auto; margin-right: auto; max-width: 1340px; }
.testimonials-block .testimonials-block-inner ul li { display: inline-block; font-size: 18px; font-style: italic; line-height: 1.44em; margin: 0px 2%; padding-top: 15px; position: relative; vertical-align: top; width: 28%; }
.testimonials-block .testimonials-block-inner ul li:before { content: "“"; display: block; font-size: 60px; font-style: italic; line-height: 1em; margin-bottom: -10px; }
.testimonials-block .testimonials-block-inner ul li span { display: block; font-family: 'DINRegular', sans-serif; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1em; padding-top: 24px; text-transform: uppercase; }

/* hire-grid */
.hire-grid { background: #fff; color: #231F1F; display: block; overflow: hidden; padding-bottom: 10px; padding-top: 78px; position: relative; }
div.hire-grid:before { content: ""; border-top: 554px solid #EFEFEF; border-right: 121px solid transparent; display: block; left: 0px; position: absolute; top: 276px;  }
.hire-grid .hire-grid-inner { display: block; margin-left: auto; margin-right: auto; max-width: 1168px; text-align: center; }
.hire-grid .hire-grid-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 35.66px; font-weight: normal; line-height: 1em; text-transform: uppercase; }
.hire-grid .hire-grid-inner ul { color: #32314D; list-style: none; padding-bottom: 14px; padding-top: 52px; }
.hire-grid .hire-grid-inner ul li { display: inline-block; font-size: 18px; font-style: italic; margin-bottom: 50px; vertical-align: top; width: 24%; }
.hire-grid .hire-grid-inner ul li span { display: block; font-family: 'DINBold'; font-size: 60px; font-style: normal; line-height: 1em; }
.hire-grid .hire-grid-inner ul li img { display: block; margin: 0px auto; padding-bottom: 28px; }
.hire-grid .hire-grid-inner a.link-quote { background: #D32031; color: #fff; display: block; font-family: 'DINBold'; font-size: 28.52px; height: 75px; line-height: 75px; margin-left: auto; margin-right: auto; max-width: 380px; text-transform: uppercase; }
.hire-grid .hire-grid-inner a.link-quote:hover { background: #231F20; }
.hire-grid-article { display: block; margin: 0px auto; margin-top: 97px; max-width: 1314px; padding-top: 36px; position: relative; width: 90%; }
.hire-grid-article .hire-grid-left { background: url(../img/hire-grid-box.png) no-repeat; background-size: 100% auto; display: block; float: left; height: calc(100% + 36px); position: absolute; top: 0px; width: 60%; z-index: 1; }
.hire-grid-article .hire-grid-right { mix-blend-mode: multiply; display: block; float: right; position: relative; z-index: 2; width: 50%; }
.hire-grid-article .hire-grid-right img {  display: block; height: auto; width: 100%; }
.hire-grid-article .hire-grid-content { color: #fff; left: 0px; margin-top: -15px; position: absolute; top: 50%; width: 50%; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hire-grid-article .hire-grid-content h2 { font-family: 'DINRegular', sans-serif; font-size: 28px; font-weight: normal; line-height: 1em; margin-bottom: 12px; margin-left: auto; margin-right: auto; max-width: 400px; text-transform: uppercase; }
.hire-grid-article .hire-grid-content p { font-size: 18px; font-style: italic; line-height: 1.5em; margin-left: auto; margin-right: auto; max-width: 400px; }
.hire-content { display: block; padding-bottom: 181px; padding-top: 124px; }
.hire-content .hire-content-inner { display: block; margin: 0px auto; text-align: center; width: 750px; }
.hire-content .hire-content-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 35.71px; font-weight: normal; line-height: 1em; padding-bottom: 17px; text-transform: uppercase; }
.hire-content .hire-content-inner p { font-size: 24px; font-style: italic; line-height: 1.2em; margin-left: auto; margin-right: auto;}
.hire-block { background: #fff; display: block; position: relative; width: 100%; }
.hire-block .hire-block-left { background: url(../img/hire-block.png); background-size: auto 100%; background-position: right top; background-repeat: no-repeat; display: block; position: relative; width: 60%; z-index: 2; }

/*
.hire-block .hire-block-left:before { background: #D32031; content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0px; width: 100%; }
*/

.hire-block .hire-block-right { display: block; height: 100%; position: absolute; right: 0px; top: -74px; width: 55%; z-index: 1; }
.hire-block .hire-block-right img { height: auto; width: calc(100% + 74px); }
.hire-block .hire-block-inner { color: #fff; }
.hire-block .hire-block-left .hire-block-inner { margin-left: 20%; margin-right: 30%; width: 50%; padding-bottom: 102px; padding-top: 104px; }
.hire-block .hire-block-right .hire-block-inner { display: none; }
.hire-block .hire-block-inner h3 { font-family: 'DINRegular', sans-serif; font-size: 28px; font-weight: normal; line-height: 1em; margin-bottom: 17px; text-transform: uppercase; }
.hire-block .hire-block-inner h4 { font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.44em; margin-bottom: 24px; }
.hire-block .hire-block-inner p { font-size: 14px; line-height: 1.71em; padding-bottom: 14px; } 
.hire-block-hidden { display: none; font-size: 13px; line-height: 1.54em; margin: 0px auto; max-width: 380px; text-align: center; width: 90%; }
.hire-block-top { color: #fff; display: none; left: 50%; margin: 0px auto; margin-left: -125px; max-width: 250px; position: absolute; top: 60px; text-align: center; z-index: 10; }
.hire-block-top h3 { font-family: 'DINRegular', sans-serif; font-size: 18px; font-weight: normal; line-height: 1em; margin-bottom: 10px; text-transform: uppercase; }
.hire-block-top h4 { font-size: 15px; font-weight: normal; font-style: italic; line-height: 1.4em; margin-bottom: 24px; }

/* sale-banner */
.sale-banner .banner .banner-right .banner-inner { max-width: 555px; }
.sale-banner .banner .banner-right .banner-inner h1 { font-size: 40px; }

/* sale-content */
.sale-content { background: #fff; color: #231F1F; display: block; text-align: center; }
.sale-content .sale-content-inner { margin: 0px auto; padding-top: 127px; width: 80%; }
.sale-content .sale-content-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 45.21px; font-weight: normal; line-height: 1em; margin: 0px auto; margin-bottom: 26px; max-width: 820px; text-transform: uppercase; }
.sale-content .sale-content-inner h3 { font-size: 27.6px; font-style: italic; font-weight: normal; line-height: 1.2em; margin: 0px auto; margin-bottom: 23px; max-width: 806px; }
.sale-content .sale-content-inner  p { font-size: 14px; line-height: 1.71em; margin: 0px auto; max-width: 620px; padding-left: 0px; }
.sale-content .sale-content-inner .table { border: 6px solid #EFEFEF; display: block; float: left; width: calc(33% - 40px); margin: 0px 20px; margin-top: 73px; margin-bottom: 48px; }
.sale-content .sale-content-inner .table table { text-align: left; width: 100%; }
.sale-content .sale-content-inner .table table p { padding-left: 20px; }
.sale-content .sale-content-inner .table table .sale-table-size { font-family: 'DINBold'; font-size: 40.49px; text-transform: uppercase; }
.sale-content .sale-content-inner .table table .sale-table-size span { font-size: 20.49px; }
.sale-content .sale-content-inner .table table .border-top { border-top: 7px solid #EFEFEF; }
.sale-content .sale-content-inner .table table .border-top-small { border-top: 1px solid #EFEFEF; }
.sale-content .sale-content-inner .table table .border-right { border-right: 1px solid #EFEFEF; }
.sale-content .sale-content-inner .table table img { display: block; height: auto; margin: 0px auto; max-width: 278px; padding-bottom: 39px; width: 90%; }
.sale-content .sale-content-inner .table table .sale-table-type { font-family: 'DINBold'; font-size: 16px; padding-bottom: 12px; padding-top: 13px; text-transform: uppercase; }
.sale-content .sale-content-inner .table table .sale-table-row {  font-family: 'DINBold'; font-size: 15px; padding-bottom: 7px; padding-top: 8px; }
.sale-content .sale-content-inner .table table .sale-table-rowlast { padding-bottom: 9px; padding-top: 10px; }
.sale-content .sale-content-inner .table table .sale-table-value { font-size: 15px; padding-right: 15px; padding-bottom: 7px; padding-top: 8px; text-align: right; }
.sale-content .sale-content-inner .table table .sale-table-weight { font-size: 20px; font-style: italic; font-weight: 700; padding-bottom: 12px; padding-top: 8px; text-align: center; }
.sale-content .sale-content-inner a.link-quote { background: #D32031; color: #fff; display: block; font-family: 'DINBold'; font-size: 28.52px; height: 75px; line-height: 75px; margin-left: auto; margin-right: auto; max-width: 380px; text-transform: uppercase; }
.sale-content .sale-content-inner a.link-quote:hover { background: #231F20; }

/* sale-block */
.sale-block { background: #fff; display: block; padding-top: 135px; overflow: hidden; position: relative; }
.sale-block .sale-block-first { background: url(../img/sale-block.png); background-size: cover; background-position: left top; background-repeat: no-repeat; color: #231F1F; display: block; width: 100%; }
.sale-block .sale-block-first .sale-block-inner { text-align: center; margin: 0px auto; max-width: 820px; padding-bottom: 155px; padding-top: 99px; width: 80%; }
.sale-block .sale-block-first .sale-block-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 36px; font-weight: normal; line-height: 1em; padding-bottom: 21px; text-transform: uppercase; }
.sale-block .sale-block-first .sale-block-inner h3 { font-size: 27.6px; font-style: italic; font-weight: normal; line-height: 1.2em; padding-bottom: 25px; }
.sale-block .sale-block-first .sale-block-inner p { font-size: 14px; line-height: 1.71em; margin-bottom: 15px; margin-left: auto; margin-right: auto; max-width: 715px; }
.sale-block .sale-block-left { left: 0px; position: absolute; width: 45%; }
.sale-block .sale-block-left img { mix-blend-mode: multiply; display: block; height: auto; width: 100%; }
.sale-block .sale-block-right { background: url(../img/sale-right.png); background-size: cover; background-position: left top; background-repeat: no-repeat; display: block; float: right; margin-top: -66px; width: 70%; }
.sale-block .sale-block-right .sale-right-inner { display: block; margin: 0px auto; max-width: 500px; padding-bottom: 133px; padding-top: 133px; width: 60%; }
.sale-block .sale-block-right .sale-right-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 27px; font-weight: normal; line-height: 1em; padding-bottom: 18px; text-transform: uppercase; }
.sale-block .sale-block-right .sale-right-inner h3 { font-size: 18px; font-style: italic; font-weight: normal; line-height: 1.44em; padding-bottom: 18px; }
.sale-block .sale-block-right .sale-right-inner p { font-size: 14px; line-height: 1.71em; margin-bottom: 15px; }

.sale-block .sale-block-right .sale-right-inner p a { border-bottom: 1px solid transparent; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; }
.sale-block .sale-block-right .sale-right-inner p a:hover { border-bottom: 1px solid #fff; }

/* sale-article */
.sale-article { background: #fff; color: #231F1F; display: block; text-align: center; }
.sale-article .sale-article-inner { margin: 0px auto; padding-bottom: 115px; padding-top: 129px; width: 80%; }
.sale-article .sale-article-inner h4 { font-family: 'DINRegular', sans-serif; font-size: 36px; font-weight: normal; line-height: 1em; padding-bottom: 10px; text-transform: uppercase; }
.sale-article .sale-article-inner h5 { font-size: 27.6px; font-style: italic; font-weight: normal; line-height: 1.44em; padding-bottom: 14px; }
.sale-article .sale-article-inner p { font-size: 14px; line-height: 1.71em; margin-top: 15px; margin-left: auto; margin-right: auto; max-width: 715px; padding-bottom: 9px; }
.sale-article .sale-article-inner a.link-quote { background: #D32031; color: #fff; display: block; font-family: 'DINBold'; font-size: 28.52px; height: 75px; line-height: 75px; margin-left: auto; margin-right: auto; margin-top: 28px; max-width: 380px; text-transform: uppercase; }
.sale-article .sale-article-inner a.link-quote:hover { background: #231F20; }

/* logistics-banner */
.logistics-banner .banner .banner-left { position: relative; vertical-align: top; width: 50%; }
.logistics-banner .banner .banner-left img { height: auto; min-height: 879px; min-width: 867px; position: absolute; right: 0px; width: 100%; }
.logistics-banner .banner .banner-right { height: 822px; vertical-align: top; width: 50%; }
.logistics-banner .banner .banner-right .banner-inner { max-width: 580px; margin-top: -10px; }
.logistics-banner .banner .banner-right .banner-inner h1 { font-size: 42.85px; font-weight: normal; line-height: 1em; padding-bottom: 15px; text-transform: uppercase; }
.logistics-banner .banner .banner-right .banner-inner h2 { font-size: 31.68px; font-style: italic; font-weight: normal; line-height: 1.4em; padding-bottom: 25px; }
.logistics-banner .banner .banner-right .banner-inner p { font-size: 17.55px; line-height: 1.71em; }
.logistics-banner .banner .banner-right .banner-inner a.banner-link { background: #D32031; color: #fff; display: block; font-family: 'DINBold'; font-size: 23.58px; height: 62px; line-height: 62px; margin-top: 32px; max-width: 255px; text-align: center; text-transform: uppercase; -webkit-transition: background ease-in-out .35s; -moz-transition: background ease-in-out .35s; transition: background ease-in-out .35s; }
.logistics-banner .banner .banner-right .banner-inner a.banner-link:hover { background: #231F20; }

/* logistics-grid */
.logistics-grid { background: #fff; color: #231F1F; display: table; overflow: hidden; width: 100%; }
.logistics-grid .logistics-left { display: table-cell; vertical-align: top; width: 40%; }
.logistics-grid .logistics-right { background: url(../img/home-box-right.png); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; display: table-cell; vertical-align: top; width: 59%; position: relative; z-index: 10; }
.logistics-grid .logistics-left .logistics-inner { max-width: 524px; position: relative; right: -7%; }
.logistics-grid .logistics-right .logistics-inner { position: relative; right: -7%; color: #fff; max-width: 580px; }
.logistics-grid .logistics-inner { margin: 0px auto; padding-bottom: 131px; padding-top: 100px; width: 80%; }
.logistics-grid .logistics-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 36px; font-weight: normal; line-height: 1em; padding-bottom: 21px; text-transform: uppercase; }
.logistics-grid .logistics-inner p { font-size: 14px; line-height: 1.71em; padding-bottom: 14px; }
.logistics-grid .logistics-right .logistics-inner h2,
.logistics-grid .logistics-right .logistics-inner p { max-width: 385px; }

/* logistics-article */
.logistics-article { background: #fff; color: #231F1F; display: table; margin-top: -86px; overflow: hidden; width: 100%; }
.logistics-article .logistics-left { background: url(../img/hire-block.png); background-size: auto 100%; background-position: right top; background-repeat: no-repeat; display: table-cell;  vertical-align: top; width: 40%; }
.logistics-article .logistics-right { display: table-cell; vertical-align: top; width: 60%; }
.logistics-article .logistics-left .logistics-inner { color: #fff; max-width: 524px; position: relative; right: -7%; width: 80%; }
.logistics-article .logistics-right .logistics-inner { max-width: 580px; margin-top: 0px; position: relative; right: -7%; width: 80%; }
.logistics-article .logistics-inner { margin: 0px auto; padding-bottom: 163px; padding-top: 120px; }
.logistics-article .logistics-inner h2 { font-family: 'DINRegular', sans-serif; font-size: 36px; font-weight: normal; line-height: 1em; padding-bottom: 21px; text-transform: uppercase; }
.logistics-article .logistics-left .logistics-inner h2 { font-size: 31.3px; padding-bottom: 19px; }
.logistics-article .logistics-inner p { font-size: 14px; line-height: 1.71em; padding-bottom: 14px; }
.logistics-article .logistics-left .logistics-inner h2 { max-width: 345px; }
.logistics-article .logistics-left .logistics-inner p { max-width: 320px; }
.logistics-article .logistics-right .logistics-inner h2,
.logistics-article .logistics-right .logistics-inner p { max-width: 385px; }
.logistics-article .logistics-right .logistics-inner h2 { margin-top: 154px; padding-bottom: 13px; }


/* roof-grid */
.roof-grid { background: #fff; color: #231F1F; display: block; padding-bottom: 56px; padding-top: 104px; text-align: center; width: 100%; }
.roof-grid article { display: block; }
.roof-grid article h1 { display: block; font-size: 45px; font-weight: normal; line-height: 1em; margin: 0px auto; max-width: 660px; padding-bottom: 27px; text-transform: uppercase; width: 90%; }
.roof-grid article h2 { display: block; font-family: 'Open Sans', sans-serif; font-size: 27px; font-style: italic; font-weight: normal; line-height: 1em; margin: 0px auto; max-width: 660px; padding-bottom: 31px; width: 90%; }
.roof-grid article h3 { display: block; font-size: 45px; font-weight: normal; line-height: 1em; margin: 0px auto; max-width: 660px; padding-bottom: 27px; text-transform: uppercase; width: 90%; }

.roof-grid article p { display: block; font-size: 14px; font-weight: normal; line-height: 1.71em; margin: 0px auto; max-width: 660px; width: 90%; }
.roof-grid article img { display: inline-block; padding-bottom: 60px; padding-top: 120px; }

.roof-grid article:nth-child(2) { }
.roof-grid article:nth-child(2) h1 { font-size: 35px; max-width: 790px; padding-bottom: 26px; }
.roof-grid article:nth-child(2) h2 { font-size: 22px; line-height: 1.09em; padding-bottom: 22px; }
.roof-grid article:nth-child(2) h3 { font-size: 35px; max-width: 790px; padding-bottom: 26px; }
.roof-grid article:nth-child(2) .article-images { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; }
.roof-grid article:nth-child(2) img {  padding-top: 96px; }
.roof-grid article:nth-child(2) img:nth-child(1) { margin-right: -20px; }
.roof-grid article:nth-child(2) img:nth-child(2) { margin-left: -20px; }



/* depot-banner */
.depot-banner .banner .banner-left { position: relative; vertical-align: top; width: 50%; }
.depot-banner .banner .banner-left img { height: auto; min-height: 879px; min-width: 867px; position: absolute; right: 0px; width: 100%; z-index: 1; }
.depot-banner .banner .banner-right { height: 822px; vertical-align: top; width: 50%; }
.depot-banner .banner .banner-right .banner-inner { max-width: 615px; margin-top: 10px; }
.depot-banner .banner .banner-right .banner-inner h1 { font-size: 42.85px; font-weight: normal; line-height: 1em; padding-bottom: 15px; text-transform: uppercase; }
.depot-banner .banner .banner-right .banner-inner h2 { font-size: 31.68px; font-style: italic; font-weight: normal; line-height: 1.26em; padding-bottom: 15px; }
.depot-banner .banner .banner-right .banner-inner p { font-size: 15px; line-height: 1.67em; }
.depot-banner .banner .banner-right .banner-inner a.banner-link { background: #D32031; color: #fff; display: block; font-family: 'DINBold'; font-size: 23.58px; height: 62px; line-height: 62px; margin-top: 42px; max-width: 255px; text-align: center; text-transform: uppercase; }
.depot-banner .banner .banner-left .banner-inner { max-width: 525px; margin-left: 7%; margin-right: 5%; margin-top: 23.5%; position: relative; z-index: 2; }
.depot-banner .banner .banner-left .banner-inner h3 { font-family: 'DINRegular', sans-serif; font-size: 20.48px; font-weight: normal; line-height: 1em; padding-bottom: 15px; text-transform: uppercase; }
.depot-banner .banner .banner-left .banner-inner p { font-size: 17.55px; font-style: italic; line-height: 1.71em; }

.error404 .depot-banner .banner .banner-right .banner-inner h1 { font-size: 69.72px; }
.error404 .depot-banner .banner .banner-right .banner-inner p { font-size: 31.68px; }

/* depot-grid */
.depot-grid { background: #fff; color: #231F1F; overflow: hidden; padding-top: 86px; position: relative; }
.depot-grid:before { mix-blend-mode: multiply; background: #D32031; bottom: 0px; content: ""; display: block; height: 264px; left: 0px; position: absolute; width: 35%; }
.depot-grid:after { mix-blend-mode: multiply; border-top: 264px solid #D32031; border-right: 56px solid transparent; bottom: 0px; content: ""; display: block; height: 0px; left: 35%; position: absolute; }
.depot-grid img { display: block; margin: 0px auto; margin-top: 74px; padding-bottom: 16px; } 
.depot-grid .depot-grid-inner { display: block; margin: 0px auto; max-width: 690px; text-align: center; }
.depot-grid .depot-grid-inner h1 { font-family: 'DINRegular', sans-serif; font-size: 45px; font-weight: normal; line-height: 1em; padding-bottom: 25px; text-transform: uppercase; }
.depot-grid .depot-grid-inner h3 { font-family: 'DINRegular', sans-serif; font-size: 45px; font-weight: normal; line-height: 1em; padding-bottom: 25px; text-transform: uppercase; }
.depot-grid .depot-grid-inner h2 { font-size: 27px; font-style: italic; font-weight: normal; line-height: 1.2em; padding-bottom: 15px; }
.depot-grid .depot-grid-inner p { font-size: 14.03px; line-height: 1.71em; }

/* depot-block */
.depot-block { background: #fff; color: #231F1F; overflow: hidden; padding-top: 64px; position: relative; }
.depot-block img { display: block; height: auto; width: 100%; max-width: 968px; margin: 0px auto; margin-top: 64px; padding-bottom: 16px; } 
.depot-block .depot-block-inner { display: block; margin: 0px auto; max-width: 690px; text-align: center; }
.depot-block .depot-block-inner h1 { font-family: 'DINRegular', sans-serif; font-size: 35px; font-weight: normal; line-height: 1em; padding-bottom: 21px; text-transform: uppercase; }
.depot-block .depot-block-inner h3 { font-family: 'DINRegular', sans-serif; font-size: 35px; font-weight: normal; line-height: 1em; padding-bottom: 21px; text-transform: uppercase; }
.depot-block .depot-block-inner h2 { font-size: 22px; font-style: italic; font-weight: normal; line-height: 1.2em; padding-bottom: 16px; }
.depot-block .depot-block-inner p { font-size: 14.03px; line-height: 1.71em; padding-bottom: 14px; }

/* depot-content */
.depot-content { background: #fff; color: #231F1F; padding-top: 29px; }
.depot-content .depot-content-inner { display: block; margin: 0px auto; max-width: 730px; text-align: center; width: 80%; }
.depot-content .depot-content-inner h3 { font-family: 'DINRegular', sans-serif; font-size: 35px; font-weight: normal; line-height: 1em; padding-bottom: 19px; padding-top: 44px; text-transform: uppercase; }
.depot-content .depot-content-inner h4 { font-size: 22px; font-style: italic; font-weight: normal; line-height: 1.45em; padding-bottom: 13px; }
.depot-content .depot-content-inner p { font-size: 14.03px; line-height: 1.71em; padding-bottom: 7px; }
.depot-content .depot-content-inner h3:last-of-type { padding-bottom: 18px; }
.depot-content .depot-content-inner h4:last-of-type { padding-bottom: 28px; }

/* depot-article */
.depot-article { background: #fff; color: #231F1F; display: block; padding-bottom: 79px; padding-top: 57px; }
.depot-article h5 { font-family: 'DINRegular', sans-serif; font-size: 35px; font-weight: normal; line-height: 1em; padding-bottom: 29px; text-transform: uppercase; text-align: center; }
.depot-article ul { list-style: none; margin: 0px auto; max-width: 1056px; }
.depot-article ul li { display: block; float: left; vertical-align: top; margin: 1%; position: relative; width: 23%; }
.depot-article ul li img { display: block; max-height: 227px; height: auto; width: 130%; }
.depot-article ul li span { font-family: 'DINRegular', sans-serif; font-size: 22px; font-weight: normal; line-height: 1em; margin-left: 20%; position: absolute; top: 29px; text-transform: uppercase; width: 60%; }
.depot-article ul li a { color: #fff; }
.depot-article ul li .skew { -webkit-transform: skew(-12deg); transform: skew(-12deg); overflow:hidden; position:relative; }
.depot-article ul li .skew img { -webkit-transform: skew(12deg); transform: skew(12deg); position:relative; left: -30px; }
.depot-article ul li:before { mix-blend-mode: multiply; background: #D32031; content: ""; display: block; width: 20px; height: 46px; left: 19px; position: absolute; top: 0px; z-index: 5;  -webkit-transform: skew(-12deg); transform: skew(-12deg); }
.depot-article ul li:hover:before { height: 69px; left: 17px; }
.depot-article ul li.current:before { height: 69px; left: 17px; }

/* contact-banner */
.contact-banner .banner .banner-right { vertical-align: top; width: 50%; }
.contact-banner .banner .banner-right .banner-inner { max-width: 438px; margin-top: 0px; }
.contact-banner .banner .banner-right .banner-inner h1 { font-size: 35.97px; font-weight: normal; line-height: 1em; padding-bottom: 25px; text-transform: uppercase; }
.contact-banner .banner .banner-right .banner-inner h1 a { color: #fff; font-family: 'DINBold'; }
.contact-banner .banner .banner-right .banner-inner p { font-size: 23.98px; line-height: 1.4em; }
.contact-banner .banner .banner-right .banner-inner p a { color: #fff; display: block; font-family: 'DINBold'; font-style: normal; clear: both; }

.contact-banner .banner .banner-right .contact-map { display: none; height: 175px; margin-top: 50px; overflow: hidden; position: relative; width: 100%; }
.contact-banner .banner .banner-right .contact-map img { height: 460px; width: auto; left: 50%; margin-top: 40px; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* contact-form */
.contact-form { background: #fff; color: #231F1F; display: block; padding-top: 98px; }
.contact-form span.wpcf7-not-valid-tip,
.contact-form  .wpcf7-validation-errors,
.contact-form .wpcf7-response-output { display: none !important; }

.contact-form img.wpcf7-captcha-captcha { padding-bottom: 12px; padding-top: 20px; }


.contact-form h2 { font-family: 'DINRegular', sans-serif; font-size: 36.02px; font-weight: normal; line-height: 1em; text-align: center; text-transform: uppercase; }
.contact-form .contact-form-inner { display: block; margin: 0px auto; width: 916px; }
.contact-form .contact-form-inner form { display: block; padding-bottom: 61px; padding-top: 37px; }
.contact-form .contact-form-inner form fieldset { display: inline-block; vertical-align: top; width: 31%; margin-left: 1.5%; }
.contact-form .contact-form-inner form fieldset input { background: #fff; border: 2px solid #D5D5D5; font-family: 'Open Sans', sans-serif; font-size: 14px; height: 53px; margin-bottom: 20px; padding: 0px 20px; width: 100%; }
.contact-form .contact-form-inner form fieldset textarea { background: #fff; border: 2px solid #D5D5D5; font-family: 'Open Sans', sans-serif; font-size: 14px; min-height: 173px; padding: 13px 20px; resize: none; width: calc(97% - 2px); }
.contact-form .contact-form-inner form fieldset.form-full { width: 100%; }
.contact-form .contact-form-inner form fieldset:last-of-type { float: right; margin-right: 1.8%; }
.contact-form .contact-form-inner form fieldset button { background: #D32031; border: 0px none; color: #fff; display: block; font-family: 'DINBold', sans-serif; font-size: 24px; font-weight: normal; height: 52px; line-height: 1em; margin-top: 62px; text-transform: uppercase; width: 100%; }
.contact-form .contact-form-inner form fieldset button:hover { background: #46456C; }

.thank-you .contact-form-inner { min-height: 250px; text-align: center; }
.thank-you .contact-form-inner h2 { padding-bottom: 18px; }
.thank-you .contact-form-inner p { font-size: 27px; font-style: italic; line-height: 1.37em; }

/* fixed_header */
#fixed_header { background: #fff; display: block; height: 72px; opacity: 0; padding: 0px 50px; position: fixed; top: -72px; width: 100%; z-index: 100; }
#fixed_header.highlighted { display: block; opacity: 1; top: 0px; }
#fixed_header .logo { display: block; float: left; margin-right: 0px; position: relative; top: 13px; width: 138px; }
#fixed_header .logo img { display: block; height: auto; width: 100%; }
#fixed_header .link-quote { background: #231F20; color: #fff; float: right; font-family: 'DINBold', sans-serif; font-size: 13.68px; font-weight: normal; height: 31px; line-height: 31px; margin-right: 10px; text-align: center; text-transform: uppercase; position: relative; top: 14px; width: 130px; }
#fixed_header .link-quote:before { content: ""; display: block; position: absolute; top: 0px; left: -7px; border-bottom: 31px solid #231F20; border-left: 7px solid transparent; }
#fixed_header .link-quote:after { content: ""; display: block; position: absolute; top: 0px; right: -7px; border-top: 31px solid #231F20; border-right: 7px solid transparent; }
#fixed_header .link-quote:hover { background: #46456C; }
#fixed_header .link-quote:hover:before { border-bottom-color: #46456C; }
#fixed_header .link-quote:hover:after { border-top-color: #46456C; }
#fixed_header .phone { float: right; padding-left: 20px; padding-top: 19px; position: relative; text-align: right; }
#fixed_header .phone a { color: #D31F31; font-family: 'DINBold', sans-serif; font-size: 20.87px; line-height: 1.005em; }
#fixed_header .phone a span { color: #000; display: block; font-size: 16px; }
#fixed_header .phone a:hover { color: #000; }
#fixed_header .phone a:hover span { color: #D31F31; }
#fixed_header #show_menu_fixed { background: url(../img/menu.png); background-size: 100% auto; cursor: pointer; display: block; height: 32px; left: 50%; margin-left: -16px; width: 32px; position: absolute; top: 20px; }

/* mobile_menu */
#mobile_menu { display: none; height: 100%; left: 0px; overflow: hidden; opacity: 1 !important; position: fixed; top: 0px; width: 100%; z-index: 9999; }
#mobile_menu .mobile-menu-overlay { background: #C3002E; display: block; left: 0px; height: 100%; position: fixed; top: 0px; width: 100%; z-index: 1; }
#mobile_menu .mobile-menu-inner { left: 50%; margin-left: -65px; width: 130px; position: fixed; top: 90px; text-align: center; z-index: 2; }
#mobile_menu .mobile-menu-inner span.close-menu { color: #fff; cursor: pointer; font-family: 'DINRegular', sans-serif; font-size: 30px; line-height: 1em; text-transform: uppercase; }
#mobile_menu .mobile-menu-inner ul { list-style: none; }
#mobile_menu .mobile-menu-inner ul.nav { padding-top: 62px; }
#mobile_menu .mobile-menu-inner ul.nav li { padding-bottom: 26px; }
#mobile_menu .mobile-menu-inner ul li a { color: #fff; }
#mobile_menu .mobile-menu-inner ul.nav li a { font-family: 'DINRegular', sans-serif; font-size: 22.05px; line-height: 1.08em; text-transform: uppercase; }

#mobile_menu .mobile-menu-inner ul.nav li a strong { border-bottom: 1px solid transparent; clear: both; display: inline-block; font-family: 'DINBold', sans-serif; font-weight: normal; }
#mobile_menu .mobile-menu-inner ul.nav li a:hover strong { border-bottom: 1px solid #fff; }
#mobile_menu .mobile-menu-inner ul.menu { padding-top: 9px; }
#mobile_menu .mobile-menu-inner ul.menu li { padding-bottom: 24px; }
#mobile_menu .mobile-menu-inner ul.menu li a { border-bottom: 1px solid transparent; font-family: 'DINRegular', sans-serif; font-size: 20px; line-height: 1.08em; }
#mobile_menu .mobile-menu-inner ul.menu li a:hover { border-bottom: 1px solid #fff; }
#mobile_menu .mobile-menu-inner ul.social { padding-top: 25px; }
#mobile_menu .mobile-menu-inner ul.social li { display: inline-block; vertical-align: top; }
#mobile_menu .mobile-menu-inner ul.social li a { background: url(../img/social-white.png); background-size: 100% auto; background-position: 32px 32px; display: block; height: 32px; width: 32px; overflow: hidden; margin: 0px 2px; opacity: .6; position: relative; text-indent: -99999px; }
#mobile_menu .mobile-menu-inner ul.social li.fb-icon a { background-position: 0px -32px; }
#mobile_menu .mobile-menu-inner ul.social li.gp-icon a { background-position: 0px 0px; }
#mobile_menu .mobile-menu-inner ul.social li a:hover { opacity: 1; }


/* depot_menu  */
#depot_menu { background: #11171F; color: #fff; display: block; height: 100vh; position: fixed; right: -187px; top: 0px; text-align: center; width: 187px; z-index: 3; }
#depot_menu .depot-menu-inner { display: block; margin: 0px auto; position: relative; top: 150px; width: 95px; }
#depot_menu .depot-menu-inner h4 { font-family: 'DINRegular', sans-serif; font-size: 16px; font-weight: normal; line-height: 1.26em; text-transform: uppercase; }
#depot_menu .depot-menu-inner h4 span { font-family: 'DINBold', sans-serif; font-weight: normal; }

#depot_menu .depot-menu-inner ul { list-style: none; padding-top: 20px; }
#depot_menu .depot-menu-inner ul li { display: block; padding-bottom: 10px; }
#depot_menu .depot-menu-inner ul li a { border-bottom: 1px solid transparent; display: inline-block; color: #fff; font-family: 'DINRegular', sans-serif; font-size: 14px; line-height: 1.49em; }
#depot_menu .depot-menu-inner ul li a:hover { border-bottom: 1px solid #fff; }



/* about-banner */
.news-banner { background: #fff; display: block; position: relative; }
.news-banner .banner { display: table; position: relative; width: 100%; }
.news-banner .banner .banner-left { display: table-cell; vertical-align: top; overflow: hidden; position: relative; z-index: 2; width: 55%; }
.news-banner .banner .banner-left img { display: block; height: auto; width: 100%; }
.news-banner .banner .banner-right { background: #46456C; border-bottom: 46px solid #fff; display: table-cell; position: relative; vertical-align: top; width: 45%; }
.news-banner .banner .banner-right:before { background: #46456C; bottom: 36px; content: ""; display: block; height: 100%; position: absolute; top: 0px; left: -50%; width: 55%; z-index: 1; }
.news-banner .banner .banner-right .banner-inner { display: block; left: 50%; max-width: 500px; margin-left: auto; margin-right: auto; position: absolute; top: calc(50% - 10px); width: 80%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.news-banner .banner .banner-right .banner-inner h1 { font-family: 'DINRegular', sans-serif; font-size: 34px; font-weight: normal; line-height: 1em; padding-bottom: 16px; text-transform: uppercase; }
.news-banner .banner .banner-right .news-select { max-width: 332px; }

.news-banner-inner .banner { height: 378px; }
.news-banner-inner .banner .banner-left { background: #D42031; }
.news-banner-inner .banner .banner-left:before { bottom: 36px; content: ""; display: block; height: 100%; position: absolute; top: 0px; left: inherit; width: 0; z-index: 1; background: #46456C; height: 0px; border-top: 342px solid #D42031; border-right: 78px solid transparent; right: 0px; }
.news-banner-inner .banner .banner-right { }
.news-banner-inner .banner .banner-right:before { display: none; }
.news-banner-inner img.news-internal-image { display: block; margin: 0px auto; margin-top: -304px; height: auto; width: auto; position: relative; z-index: 2; }


.news-articles { background: #fff; display: block; font-family: 'DINRegular', sans-serif; padding-bottom: 109px; padding-top: 109px; width: 100%; }
.news-articles .news-articles-inner { margin-left: auto; margin-right: auto; max-width:670px; }
.news-articles article { display: block; padding-bottom: 58px; text-align: center; }
.news-articles article:last-child { padding-bottom: 0px; }
.news-articles article .news-header { background: none; }
.news-articles article .news-header p { color: #231F1F; font-size: 14px; padding-bottom: 18px; }
.news-articles article .news-header p a { color: #C3002D; font-family: 'DINBold', sans-serif; text-transform: uppercase; }
.news-articles article .news-header h1.news-title { color: #231F1F; font-size: 30px; font-weight: normal; line-height: 1em; margin-bottom: 22px; margin-top: 22px; text-transform: uppercase; }
.news-articles article .news-header h2.news-title { color: #231F1F; font-size: 30px; font-weight: normal; line-height: 1em; margin-bottom: 22px; margin-top: 22px; text-transform: uppercase; }
.news-articles article .news-content p { color: #231F1F; font-size: 16.74px; line-height: 1.71em; }
.news-articles article .news-content p a.more-link { display: table; clear: both; margin: 0px auto; margin-bottom: 53px; margin-top: 21px; width: auto; font-family: 'DINBold', sans-serif; text-transform: uppercase; }
.news-articles article hr { border: 0px none; background: #1B1B1B; display: block; height: 1px; margin: 0px auto; width: 145px; }



.single-news .news-content { display: block; background: #fff; padding-top: 66px; }
.single-news .news-content .news-content-internal { color: #231F1F; display: block; max-width: 740px; margin: 0px auto; text-align: center; width: 90%; }

.single-news .news-content .news-content-internal .head { padding-bottom: 40px; }
.single-news .news-content .news-content-internal .head p { font-size: 14px; padding-bottom: 11px; }
.single-news .news-content .news-content-internal .head p a { color: #C3002D; font-family: 'DINBold', sans-serif; text-transform: uppercase; }

.single-news .news-content .news-content-internal h1 { font-family: 'DINRegular', sans-serif; font-size: 30px; font-weight: normal; line-height: 1em; padding-bottom: 17px; text-transform: uppercase; }
.single-news .news-content .news-content-internal h2 { font-family: 'DINRegular', sans-serif; font-size: 24px; font-weight: normal; line-height: 1.46em; padding-top: 12px; padding-bottom: 12px; text-transform: uppercase; }
.single-news .news-content .news-content-internal p { font-family: 'DINRegular', sans-serif; font-size: 16px; line-height: 1.62em; padding-bottom: 17px; }



.news-related { background: #fff; display: block; padding-top: 67px; width: 100%; }
.news-related ul { align-items: stretch; display: flex; padding: 0px 50px; padding-bottom: 36px; }
.news-related ul li { width: 25%; }
.news-related ul li a { border-left: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; color: #231F1F; display: block; padding-left: 40px; padding-right: 40px; padding-top: 55px; position: relative; }
.news-related ul li:last-child a { border-right: 1px solid #D0D0D0; }
.news-related ul li a span.related-date { display: inline-block; font-size: 13.16px; line-height: 1em; }
.news-related ul li a span.related-category { color: #231F1F; display: inline-block; font-size: 13.16px; line-height: 1em; text-transform: uppercase; }
.news-related ul li a span.related-category i { color: #C3002D; font-family: 'DINBold', sans-serif; font-style: normal; }

.news-related ul li a span.related-author { display: block; font-size: 13.16px; line-height: 2.05em;  }

.news-related ul li a span.related-title { font-size: 24.44px; line-height: 1em; text-transform: uppercase; padding-top: 21px; padding-bottom: 157px; display: block; }

.news-related ul li a span.related-more { color: #C3002D; position: absolute; bottom: 40px; font-family: 'DINBold', sans-serif; font-size: 15.04px; line-height: 1em; text-transform: uppercase; }

.news-related ul li a:hover span.related-category i { color: #231F1F; }
.news-related ul li a:hover span.related-more { color: #231F1F; }
.news-related ul li a:hover span.related-title { color: #C3002D; }




/* roof block */
.roof-block { background: #fff; display: block; position: relative; margin-top: -120px; width: 100%; }
.roof-block::before {
    content: "";
    border-top: 457px solid #D32031;
    border-right: 97px solid transparent;
    display: block;
    left: 0px;
    position: absolute;
    top: 0px;

}

.roof-block .roof-inner { align-items: center; display: flex; justify-content: flex-end; overflow: hidden; width: 100% }

.roof-block .roof-inner .roof-image { position: relative; width: 60%;  }
.roof-block .roof-inner .roof-image img { display: block; height: auto; width: 100%; }


.roof-block .roof-inner .roof-content { color: #000000; max-width: 475px; padding-bottom: 4px; position: absolute; right: 55%; width: 40%; z-index: 1; }
.roof-block .roof-inner .roof-content h2 { display: block; font-family: 'DINRegular', sans-serif; font-size: 34.63px; font-weight: normal; line-height: 1em; padding-bottom: 30px; text-transform: uppercase; }
.roof-block .roof-inner .roof-content h2 span {	display: block; font-size: 63.92px; padding-top: 10px; }

.roof-block .roof-inner .roof-content-mobile { color: #000000; display: none; }
.roof-block .roof-inner .roof-content-mobile h2 { display: block; font-family: 'DINRegular', sans-serif; font-size: 34.63px; font-weight: normal; line-height: 1em; padding-bottom: 30px; text-transform: uppercase; }
.roof-block .roof-inner .roof-content-mobile h2 span {	display: block; font-size: 63.92px; padding-top: 10px; }

.roof-block .roof-inner .roof-content ul { list-style: disc; margin-left: 18px; padding-bottom: 13px; }
.roof-block .roof-inner .roof-content ul li { font-family: 'Open Sans', sans-serif; font-size: 14.01px; line-height: 1.69em; padding-bottom: 16px; }

.roof-block .roof-inner .roof-content a.link { background: #D32031; color: #fff; display: inline-block; height: 44px; line-height: 42px; font-family: 'Open Sans', sans-serif; font-size: 17.5px; font-weight: bold; padding-left: 40px; padding-right: 40px; text-transform: uppercase; }

.footer-logo {
	margin-top: 62px;
	display: flex;
	gap: 20px;
	align-items: center;
	flex-wrap: wrap;
}

.footer-logo a {
	width: calc(50% - 10px);
	max-width: 144px;
}

.footer-logo img {
	width: 100%;
	height: auto;
	display: block;
}