/* FONTS font-family: 'pt_sans_captionbold', Arial, sans-serif; font-family: 'pt_sansregular', Arial, sans-serif; font-family: 'pt_sansbold', Arial, sans-serif; */ html { font-size: 62.5%; } #cookieinfo { text-align: center; background: #f6f6f6; color: #38393a; font-size: 14px; padding: 20px; } #cookieinfo a { color: #38393a; text-decoration: underline; } #cookieinfo::before { content: ''; background: url(../img/cookie.png); width: 38px; height: 38px; display: inline-block; margin-right: 20px; vertical-align: middle; } a#cookiebtn { display: inline-block; border: 2px solid #38393a; padding: 5px 30px; margin-left: 20px; text-decoration: none; } .alert-info { display: none; } .error + .alert-info { display: block; } .ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } .ajaxInfo.error { background-color: #f85555; border-color: #f8bf55; } .ajaxInfo.error_send { background-color: #f85555; border-color: #f8bf55; } .ajaxInfo.ok { background-color: #00da0e; border-color: #55f855; } input.error, textarea.error, select.error { border: 1px solid #f00!important; } body * { font-family: 'pt_sansregular', Arial, sans-serif; } body img { max-width: 100%; } body a, body a:hover, body a:focus, body a:active { text-decoration: none; } body ul { list-style-type: none; } body .navbar { height: 149px; margin-bottom: 0; border-radius: 0; border: none; } @media screen and (max-width: 767px) { body .navbar { height: 99px; } } @media screen and (max-width: 767px) { body .navbar .navbar-toggle { margin-top: 29px; } } body .navbar.navbar-default { background-color: #fff; } @media screen and (min-width: 768px) { body .navbar.navbar-default .container { max-height: 149px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } body .navbar.navbar-default .container #waldi-nav { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } } body .navbar.navbar-default .navbar-brand { height: auto; padding-top: 26px; } body .navbar.navbar-default .navbar-brand img { max-width: 99%; } @media screen and (max-width: 767px) { body .navbar.navbar-default .navbar-brand img { max-width: 170px; } } @media screen and (max-width: 767px) { body .navbar.navbar-default .navbar-collapse { padding: 0; } } body .navbar.navbar-default .navbar-collapse.collapse.in { background-color: #fff; } body .navbar.navbar-default .nav.navbar-nav { list-style-type: none; } @media screen and (min-width: 768px) { body .navbar.navbar-default .nav.navbar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) and (max-width: 991px) { body .navbar.navbar-default .nav.navbar-nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } body .navbar.navbar-default .nav.navbar-nav:not(.navbar-right) { margin-right: 63px; } @media screen and (max-width: 767px) { body .navbar.navbar-default .nav.navbar-nav:not(.navbar-right) { margin: 0; } } body .navbar.navbar-default .nav.navbar-nav li.active a { background-color: #fff; color: #0095da; } body .navbar.navbar-default .nav.navbar-nav li a { background: #fff; white-space: nowrap; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; font-weight:600; color: #171b25; font-family: 'pt_sansregular', Arial, sans-serif; } body .navbar.navbar-default .nav.navbar-nav li a:hover { color: #0095da; } @media screen and (max-width: 991px) { body .navbar.navbar-default .nav.navbar-nav li a { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 767px) { body .navbar.navbar-default .nav.navbar-nav li a { padding-left: 30px; padding-right: 30px; } } body main { margin-top: 149px; } @media screen and (max-width: 767px) { body main { margin-top: 95px; } } body main ul { list-style-type: none; } body main ul li { font-family: 'pt_sansregular', Arial, sans-serif; font-size: 1.4rem; font-size: 14px; color: #fff; } body main ul li:before { content: "\2022"; display: inline-block; margin-right: 4px; color: #fff; } body main section.blue { background-color: #0095da; } body main section h1 { font-size: 4.4rem; font-size: 44px; font-family: 'pt_sansbold', Arial, sans-serif; margin-top: 0; margin-bottom: 0; text-transform: uppercase; color: #0d121d; } @media screen and (max-width: 767px) { body main section h1 { margin-top: 30px; margin-bottom: 30px; text-align: center; } } body main section h2 { font-size: 4.4rem; font-size: 44px; font-family: 'pt_sansbold', Arial, sans-serif; margin-top: 0; margin-bottom: 0; text-transform: uppercase; color: #0d121d; } @media screen and (max-width: 767px) { body main section h2 { margin-top: 30px; margin-bottom: 30px; text-align: center; } } body main section p { font-family: 'pt_sansregular', Arial, sans-serif; } body main section.home-section { position: relative; } @media screen and (max-width: 630px) { body main section.home-section { background-image: url("../img/header-truck.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 200px; } body main section.home-section img.header-img { visibility: hidden; } } body main section.home-section .row { position: relative; } body main section.home-section .row img { width: 100%; } body main section.home-section .wd-caption-absolute { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 219px; background-image: -webkit-gradient(linear, left top, right top, from(#0095da), to(#0095da)), url("../img/header-truck.jpg"); background-image: -webkit-linear-gradient(left, #0095da 0%, #0095da 100%), url("../img/header-truck.jpg"); background-image: -o-linear-gradient(left, #0095da 0%, #0095da 100%), url("../img/header-truck.jpg"); background-image: linear-gradient(to right, #0095da 0%, #0095da 100%), url("../img/header-truck.jpg"); background-position: bottom; background-size: 100%; background-repeat: no-repeat; background-blend-mode: multiply; } @media screen and (max-width: 630px) { body main section.home-section .wd-caption-absolute { height: 320px; background-size: cover; } } @media screen and (max-width: 830px) { body main section.home-section .wd-caption-absolute { display: none; } } body main section.home-section .wd-caption-absolute .no-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body main section.home-section .wd-caption-absolute .justify { height: 219px; padding: 0 28px; } @media screen and (max-width: 630px) { body main section.home-section .wd-caption-absolute .justify { height: 320px; } } body main section.home-section .wd-caption-absolute .justify:first-of-type .content-wrapper { padding-left: 0; } body main section.home-section .wd-caption-absolute .justify:last-of-type .content-wrapper { border-right: none; padding-right: 0; } body main section.home-section .wd-caption-absolute .justify .content-wrapper { padding: 0 28px; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 138px; border-right: 1px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 460px) { body main section.home-section .wd-caption-absolute .justify .content-wrapper { padding: 0 6px; } } @media screen and (max-width: 350px) { body main section.home-section .wd-caption-absolute .justify .content-wrapper { padding-top: 30px; display: block; text-align: center; } body main section.home-section .wd-caption-absolute .justify .content-wrapper img { width: 70%; display: block; margin: auto; } body main section.home-section .wd-caption-absolute .justify .content-wrapper .txt-wrapper { margin-bottom: 10px; } } body main section.home-section .wd-caption-absolute .justify .content-wrapper .txt-wrapper { position: relative; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; color: white; font-size: 2.4rem; font-size: 24px; font-family: 'pt_sansregular', Arial, sans-serif; text-transform: uppercase; } @media screen and (max-width: 999px) { body main section.home-section .wd-caption-absolute .justify .content-wrapper .txt-wrapper { font-size: 2rem; font-size: 20px; } } @media screen and (max-width: 767px) { body main section.home-section .wd-caption-absolute .justify .content-wrapper .txt-wrapper { font-size: 1.4rem; font-size: 14px; } } @media screen and (max-width: 600px) { body main section.home-section .wd-caption-absolute .justify .content-wrapper .txt-wrapper { font-size: 1rem; font-size: 10px; } } body main section.home-section .wd-caption-absolute .justify .content-wrapper .icon-wrapper { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; position: relative; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } body main section.about-section { padding-top: 36px; padding-bottom: 26px; } @media screen and (max-width: 767px) { body main section.about-section { padding-top: 0; } } body main section.about-section .justify-me { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body main section.about-section h1 { margin-bottom: 70px; margin-top: 23px; } @media screen and (max-width: 767px) { body main section.about-section h1 { margin-top: 30px; margin-bottom: 30px; text-align: center; } } body main section.about-section p { margin-top: 0; padding-top: 0; margin-bottom: 32px; font-size: 1.6rem; font-size: 16px; color: #232323; } @media screen and (max-width: 767px) { body main section.about-section p { text-align: center; } } @media screen and (max-width: 767px) { body main section.about-section img { display: block; margin: auto; } } body main section.services-section { padding-top: 31px; padding-bottom: 46px; } @media screen and (max-width: 767px) { body main section.services-section { padding-top: 0; } } body main section.services-section .justify-me { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { body main section.services-section .row { position: relative; } body main section.services-section .row .center-vertically { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 61px; } } @media screen and (max-width: 767px) { body main section.services-section img { display: block; margin: auto; } } body main section.services-section h2 { margin-bottom: 50px; margin-top: 30px; color: #fff; } @media screen and (max-width: 767px) { body main section.services-section h2 { margin-top: 30px; margin-bottom: 30px; text-align: center; } } body main section.services-section h3 { font-size: 2rem; font-size: 20px; font-family: 'pt_sansbold', Arial, sans-serif; color: #fff; margin-top: 0; margin-bottom: 26px; } @media screen and (max-width: 767px) { body main section.services-section h3 { text-align: center; } } body main section.services-section p { margin-top: 0; padding-top: 0; margin-bottom: 32px; font-size: 1.4rem; font-size: 14px; color: #fff; } @media screen and (max-width: 767px) { body main section.services-section p { text-align: center; } } body main section.services-section2 .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body main section.services-section2 article.fwidth { padding: 0; } body main section.services-section2 article.fwidth:nth-child(1) { background-color: #131925; } body main section.services-section2 article.fwidth:nth-child(2) { background-color: #1e293d; } body main section.services-section2 article.fwidth:nth-child(3) { background-color: #293752; } body main section.services-section2 article.fwidth:nth-child(4) { background-color: #374a6e; } body main section.services-section2 article.fwidth .img-container img { width: 100%; } body main section.services-section2 article.fwidth .text-container { padding: 25px 35px; padding-bottom: 50px; padding-right: 50px; } body main section.services-section2 article.fwidth .text-container h4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 0; color: #fff; font-family: 'pt_sansregular', Arial, sans-serif; font-size: 1.6rem; font-size: 16px; text-transform: uppercase; margin-bottom: 25px; } body main section.services-section2 article.fwidth .text-container h4 span.counter { font-size: 9rem; font-size: 90px; font-family: 'pt_sansbold', Arial, sans-serif; } body main section.services-section2 article.fwidth .text-container h4 span.counter span.blue { color: #0095da; font-family: 'pt_sansbold', Arial, sans-serif; } body main section.services-section2 article.fwidth .text-container ul { list-style-type: none; padding-left: 35px; } body main section.services-section2 article.fwidth .text-container ul li { font-family: 'pt_sansregular', Arial, sans-serif; font-size: 1.4rem; font-size: 14px; color: #fff; line-height: 26px; padding-bottom: 5px; } body main section.services-section2 article.fwidth .text-container ul li:before { content: "\2022"; display: inline-block; margin-right: 4px; color: #fff; } body main section.documents-section { padding-top: 63px; padding-bottom: 63px; } @media screen and (max-width: 767px) { body main section.documents-section { padding-top: 0; } } body main section.documents-section h2 { margin-top: 0; color: #0d121d; margin-bottom: 43px; } @media screen and (max-width: 767px) { body main section.documents-section h2 { margin-top: 30px; margin-bottom: 30px; text-align: center; } } body main section.documents-section p { font-size: 1.6rem; font-size: 16px; color: #0d121d; margin-top: 0; margin-bottom: 43px; } @media screen and (max-width: 767px) { body main section.documents-section p { text-align: center; } } body main section.documents-section .justify-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } body main section.documents-section .justify-content a.doc:nth-child(1) { background-color: #131925; } body main section.documents-section .justify-content a.doc:nth-child(2) { background-color: #1e293d; } body main section.documents-section .justify-content a.doc:nth-child(3) { background-color: #293752; } body main section.documents-section .justify-content a.doc:nth-child(4) { background-color: #374a6e; } body main section.documents-section .justify-content a.doc:nth-child(5) { background-color: #495875; } body main section.documents-section .justify-content a.doc:nth-child(6) { background-color: #657799; } body main section.documents-section .justify-content a.doc { display: block; text-transform: uppercase; font-size: 2.6rem; font-size: 16px; font-family: 'pt_sans_captionbold', Arial, sans-serif; color: #fff; height: 57px; flex: 1 33%; padding-left: 15px; line-height: 57px; position: relative; margin-bottom: 10px; -webkit-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; } body main section.documents-section .justify-content a.doc:hover { -webkit-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; background-color: #0095da; } @media screen and (max-width: 447px) { body main section.documents-section .justify-content a.doc { margin: 5px auto; } } body main section.documents-section .justify-content a.doc:after { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; float: right; width: 36px; height: 42px; background-image: url("../img/icon-download.png"); background-repeat: no-repeat; background-position: center; } body main section.career-section { background-image: url("../img/career-background.jpg"); background-repeat: no-repeat; background-position: right center; background-size: cover; padding-top: 60px; padding-bottom: 213px; position: relative; } @media screen and (max-width: 767px) { body main section.career-section { padding-top: 0; background-position: center; } } @media screen and (max-width: 370px) { body main section.career-section { padding-bottom: 233px; } } body main section.career-section h2 { color: #fff; } body main section.career-section h3 { margin-top: 48px; margin-bottom: 40px; color: #0095da; font-family: 'pt_sansbold', Arial, sans-serif; font-size: 3rem; font-size: 30px; line-height: 20px; } @media screen and (max-width: 767px) { body main section.career-section h3 { text-align: center; } } body main section.career-section h3 span { color: #fff; font-family: 'pt_sansregular', Arial, sans-serif; font-size: 1.4rem; font-size: 14px; } @media screen and (max-width: 767px) { body main section.career-section { text-align: center; } } body main section.career-section .career-section__text a { color: #fff; border: 1px solid #fff; padding: 18px 31px; display: inline-block; width: auto; margin-bottom: 37px; } body main section.career-section .career-section__text a:hover { color: #0095da; } body main section.career-section h4 { color: #fff; font-family: 'pt_sansbold', Arial, sans-serif; font-size: 1.8rem; font-size: 18px; } body main section.career-section .requirements ul, body main section.career-section .we-offer ul { padding: 0; } body main section.career-section .requirements ul li, body main section.career-section .we-offer ul li { color: #fff; font-size: 1.4rem; font-size: 14px; font-family: 'pt_sansregular', Arial, sans-serif; } body main section.career-section p { color: #fff; } body main section.career-section .are-u-interested { width: 100%; position: absolute; bottom: 0; left: 0; height: 162px; z-index: 1; } @media screen and (max-width: 640px) { body main section.career-section .are-u-interested { height: 182px; } } @media screen and (max-width: 370px) { body main section.career-section .are-u-interested { height: 220px; } } @media screen and (max-width: 767px) { body main section.career-section .are-u-interested { background-color: #0095da; } } body main section.career-section .are-u-interested .rel-wrap { position: relative; width: 100%; height: 100%; } body main section.career-section .are-u-interested .rel-wrap .bg-wrap { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 50%; background-image: url("../img/career-background2.png"); background-repeat: no-repeat; background-position: right center; background-size: cover; } @media screen and (max-width: 767px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { display: none; } } @media screen and (max-width: 1199px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 55%; } } @media screen and (max-width: 991px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 65%; } } @media screen and (max-width: 800px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 70%; } } @media screen and (max-width: 700px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 75%; } } @media screen and (max-width: 650px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 80%; } } @media screen and (max-width: 600px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 85%; } } @media screen and (max-width: 570px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 98%; } } @media screen and (max-width: 370px) { body main section.career-section .are-u-interested .rel-wrap .bg-wrap { width: 100%; } } @media screen and (min-width: 768px) { body main section.career-section .are-u-interested .rel-wrap .bd-right { border-right: 2px solid #fff; } } body main section.career-section .are-u-interested .rel-wrap h3 { color: #fff; margin-bottom: 0; line-height: 26px; margin-top: 40px; } body main section.career-section .are-u-interested .rel-wrap .contacts-wrapper p span { display: inline-block; padding-right: 10px; margin-right: 8px; } @media screen and (min-width: 372px) { body main section.career-section .are-u-interested .rel-wrap .contacts-wrapper p span { border-right: 2px solid #fff; } } body main section.career-section .are-u-interested .rel-wrap p { color: #fff; font-size: 18px; font-family: 'pt_sansbold', Arial, sans-serif; margin-bottom: 0; } body main section.career-section .are-u-interested .rel-wrap p .border-right:before { position: relative; top: 4px; display: inline-block; content: ""; width: 34px; margin-right: 32px; border-right: 2px solid #fff; min-height: 18px; } body main section.career-section .are-u-interested .rel-wrap p a { color: #fff; font-family: 'pt_sansbold', Arial, sans-serif; font-size: 1.8rem; font-size: 18px; border: none; padding: 0; margin-bottom: 0; } body main section.career-section .are-u-interested .rel-wrap p a:hover { color: #131925; } body main section.vehicle-section { padding-top: 67px; padding-bottom: 46px; } @media screen and (max-width: 767px) { body main section.vehicle-section { padding-top: 0; padding-bottom: 0; } } body main section.vehicle-section h2 { margin-top: 0; margin-bottom: 43px; } @media screen and (max-width: 767px) { body main section.vehicle-section h2 { margin-top: 30px; margin-bottom: 30px; } } body main section.vehicle-section .gal-item { margin-bottom: 30px; } body main section.vehicle-section .gal-item a { padding-bottom: 69%; display: block; background-size: cover; position: relative; } body main section.vehicle-section .gal-item a:before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-color: rgba(0, 0, 0, 0.9); background-image: url("../img/icon-magnifying.png"); background-repeat: no-repeat; background-position: center; opacity: 0; -webkit-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s; } @media screen and (min-width: 768px) { body main section.vehicle-section .gal-item a:hover:before { opacity: .8; } } body main section.vehicle-section .gal-item img { margin-bottom: 24px; } @media screen and (max-width: 767px) { body main section.vehicle-section img { display: block; margin: 0 auto; } } body main section.contact-section { padding-bottom: 70px; } @media screen and (max-width: 767px) { body main section.contact-section { padding-top: 0; padding-bottom: 0; } } body main section.contact-section h2 { margin-bottom: 24px; } @media screen and (max-width: 767px) { body main section.contact-section h2 { margin-top: 30ox; margin-bottom: 30px; } } body main section.contact-section .piles-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } body main section.contact-section .piles-row .pile { margin-bottom: 20px; } body main section.contact-section .piles-row .pile:nth-child(5) h4::before, body main section.contact-section .piles-row .pile:nth-child(6) h4::before { background-image: url("../img/ico-person-user.png"); } body main section.contact-section .piles-row .pile:nth-child(7) h4::before, body main section.contact-section .piles-row .pile:nth-child(8) h4::before { background-image: url("../img/ico-person-user-black.png"); } body main section.contact-section .piles-row .pile:not(:last-of-type) { border-right: 1px solid #dedede; } @media screen and (max-width: 991px) { body main section.contact-section .piles-row .pile.pile-mail { border-right: none; } } @media screen and (max-width: 767px) { body main section.contact-section .piles-row .pile { text-align: center; } body main section.contact-section .piles-row .pile.pile-phone, body main section.contact-section .piles-row .pile.pile-address, body main section.contact-section .piles-row .pile.pile-mail { border-right: none; border-bottom: 1px solid #dedede; margin-bottom: 12px; padding-bottom: 22px; } } body main section.contact-section .piles-row .pile h4 { margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'pt_sansbold', Arial, sans-serif; font-size: 1.8rem; font-size: 18px; color: #0d121d; text-transform: uppercase; margin-bottom: 22px; } @media screen and (max-width: 767px) { body main section.contact-section .piles-row .pile h4 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 0; } } body main section.contact-section .piles-row .pile h4.phone:before { background-image: url("../img/icon-phone.png"); } body main section.contact-section .piles-row .pile h4.mail:before { background-image: url("../img/icon-mail.png"); } body main section.contact-section .piles-row .pile h4.address:before { background-image: url("../img/icon-address.png"); } body main section.contact-section .piles-row .pile h4.others:before { background-image: url("../img/icon-others.png"); } body main section.contact-section .piles-row .pile h4:before { content: ""; min-width: 50px; width: 50px; height: 50px; margin-right: 17px; display: block; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } body main section.contact-section .piles-row .pile p { font-size: 1.8rem; font-size: 18px; padding-left: 20px; color: #0d121d; } @media screen and (max-width: 767px) { body main section.contact-section .piles-row .pile p { text-align: center; padding-left: 0; } } body main section.contact-section .piles-row .pile p a { padding: 0; color: #0d121d; font-size: 1.8rem; font-size: 18px; } body main section.contact-section .piles-row .pile a { display: inline-block; color: #0d121d; font-size: 1.8rem; font-size: 18px; padding-left: 20px; } body main section.contact-section .piles-row .pile a:hover { color: #0095da; } @media screen and (max-width: 767px) { body main section.contact-section .piles-row .pile a { padding-left: 0; } } body main section.contact-section2 { background-color: #293752; } body main section.contact-section2 .contact-section2__full-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; } body main section.contact-section2 .map-col { padding: 0; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body main section.contact-section2 .map-col img { width: 100%; } @media screen and (min-width: 991px) { body main section.contact-section2 .form-col { padding-left: 33px; } } body main section.contact-section2 .form-col h3 { color: #fff; text-transform: uppercase; font-family: 'pt_sansbold', Arial, sans-serif; font-size: 3rem; font-size: 30px; margin-top: 35px; margin-bottom: 34px; padding-left: 17px; line-height: 25px; } body main section.contact-section2 .form-col form input { width: 100%; border: none; margin-bottom: 11px; color: #fff; background-color: #131925; padding: 15px 18px; } body main section.contact-section2 .form-col form input::-webkit-input-placeholder, body main section.contact-section2 .form-col form input::-moz-placeholder, body main section.contact-section2 .form-col form input:-ms-input-placeholder, body main section.contact-section2 .form-col form input:-moz-placeholder { color: #eeeff3; font-family: 'pt_sansregular', Arial, sans-serif; } body main section.contact-section2 .form-col form textarea { width: 100%; height: 168px; border: none; color: #fff; background-color: #131925; padding: 15px 18px; margin-bottom: 24px; } body main section.contact-section2 .form-col form textarea::-webkit-input-placeholder, body main section.contact-section2 .form-col form textarea::-moz-placeholder, body main section.contact-section2 .form-col form textarea:-ms-input-placeholder, body main section.contact-section2 .form-col form textarea:-moz-placeholder { color: #eeeff3; font-family: 'pt_sansregular', Arial, sans-serif; } body main section.contact-section2 .form-col form button { padding: 14px 34px; padding-bottom: 12px; background-color: #0095da; text-transform: uppercase; font-family: 'pt_sansbold', Arial, sans-serif; font-size: 3rem; font-size: 30px; line-height: 30px; border: none; color: #fff; margin-bottom: 34px; } body footer { background-color: #131925; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 38px 0; } body footer .nav-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { body footer .nav-col { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } body footer .nav-col ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin-bottom: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body footer .nav-col ul li:not(:first-of-type) { padding-left: 6px; } body footer .nav-col ul li:not(:last-of-type) { padding-right: 8px; border-right: 2px solid #fff; } @media screen and (max-width: 440px) { body footer .nav-col ul li { width: auto; text-align: center; } body footer .nav-col ul li { border-right: none !important; } body footer .nav-col ul li a { font-size:10px; } body footer .copy-col { text-align:center !important; justify-content: center !important; } } body footer .nav-col ul li:before { display: none; } body footer .nav-col ul li a { color: #fff; } body footer .nav-col ul li a:hover { color: #0095da; } body footer .copy-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { body footer .copy-col { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } body footer .copy-col { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } body footer .copy-col p { color: #fff; margin-bottom: 0; } @media screen and (max-width: 767px) { body footer .copy-col p { text-align: center; margin-top: 10px; } body main section.documents-section .justify-content a.doc { flex:1 50%; } } @media screen and (min-width: 768px) { body footer .copy-col p { text-align: right; } } body footer .copy-col p a { color: #fff; } body footer .copy-col p a:hover { color: #0095da; } @media screen and (max-width: 400px) { body main section.documents-section .justify-content a.doc { flex:1 100%; margin-bottom:5px; } }