/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; */ /*CUSTOM FONT*/ /* @font-face { font-family: gagalin; src: url(fonts/gagalin.ttf); } .gagalin-font { font-family: gagalin; } */ /* NEW COOKIE */ .cursor-pointer{ cursor: pointer; } @media only screen and (max-width: 1150px) { .section-slider { display: none !important; } } #app-reference-slider .owl-controls .owl-nav .owl-prev { display: inline-block; margin-right: 10px; } #app-reference-slider .owl-controls .owl-nav .owl-next { display: inline-block; } .mb-70 { margin-bottom: 70px; } .round { position: absolute; border: 2px solid #b2b2b2; width: 40px; height: 40px; border-radius: 100%; } #cta { width: 100%; position: absolute; } .hover-element { cursor: pointer; } #cta .arrow { left: 30%; } .arrow { position: absolute; bottom: 0; margin-left: 0px; width: 12px; height: 12px; background-size: contain; top: 13px; } .segunda { margin-left: 8px; } .next { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjJCMkIyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEsMjE3YzIwLjIsMjAuMiwxOS45LDUzLjItMC42LDczLjdzLTUzLjUsMjAuOC03My43LDAuNmwtMTkwLTE5MEMzNC43LDgxLjEsMzUsNDguMSw1NS41LDI3LjYNCglTMTA5LDYuOCwxMjkuMSwyN0wzMTkuMSwyMTd6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEsMjkwLjVjMjAuMi0yMC4yLDE5LjktNTMuMi0wLjYtNzMuN3MtNTMuNS0yMC44LTczLjctMC42bC0xOTAsMTkwYy0yMC4yLDIwLjItMTkuOSw1My4yLDAuNiw3My43DQoJczUzLjUsMjAuOCw3My43LDAuNkwzMTkuMSwyOTAuNUwzMTkuMSwyOTAuNXoiLz4NCjwvc3ZnPg0K); } @keyframes bounceAlpha { 0% { opacity: 1; transform: translateX(0px) scale(1); } 25% { opacity: 0; transform: translateX(10px) scale(0.9); } 26% { opacity: 0; transform: translateX(-10px) scale(0.9); } 55% { opacity: 1; transform: translateX(0px) scale(1); } } .bounceAlpha { animation-name: bounceAlpha; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear; } .arrow.primera.bounceAlpha { animation-name: bounceAlpha; animation-duration: 1.4s; animation-delay: 0.2s; animation-iteration-count: infinite; animation-timing-function: linear; } .hover-element:hover .arrow { animation-name: bounceAlpha; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear; } .hover-element:hover .arrow.primera { animation-name: bounceAlpha; animation-duration: 1.4s; animation-delay: 0.2s; animation-iteration-count: infinite; animation-timing-function: linear; } .onboarding-item:hover .arrow { animation-name: bounceAlpha; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear; } .onboarding-item:hover .arrow.primera { animation-name: bounceAlpha; animation-duration: 1.4s; animation-delay: 0.2s; animation-iteration-count: infinite; animation-timing-function: linear; } .center-con { display: flex; margin-top: 10px; justify-content: center; } .onboarding-item-image { margin-top: 50px; } .onboarding-item:hover { border: 1px solid #df2b2e; } @media (max-width: 500px) { .onboarding-item-image { margin-top: 30px; } .round { position: absolute; border: 2px solid #b2b2b2; width: 40px; height: 40px; border-radius: 100%; } } .faq-plus { width: 30px; height: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACkElEQVRIib2XMUgcQRSGPxfP3AVNtEljKcJhmoBdmjSadCeBJFeYgBg00fqS0oCl2CsRRIhpYiB4XWKaNOls5UQsbSzMhSskEUx48M8xLnt7s6L3w3DL7Jv/uzf7dma2q1wuE6ACUALGgVFgCOjTsAZwCOwCO0AVOG1n2d3m/h2gArz2QKZz4Leurf+e2kv9kVVgGThuZRylQGeAfeAN0Kts5oG7QB7oV8urb14xvRqzL49gcA+wCbyX8RYwAjwEVoA94MyLP1PfimJGNKZfHpvyTAX36BlNAr+ACeAZUEuZmbhqGjMhj0l5XoDHwevAI+AIuK8Bl1VVHkfyXG8FnvEyHcuYZVr2Y17mzWfuwFa9S7qeCoQ+UQuBT+l6SawmuOIVUuj0WuF8CIytegVXceCC3tN/wEKgkRubzxC/IIaxCpFWJFsEvl/Rc22lmhjGKkVaBk1frhHq5BjjkdZe048OgB1jNNKCb2vvQQfAB2INRZrzRmwZdLLX5QSoJ7Rbikm6d9LiVTsTq6/d7mS6CdxIuX87oe8P0JVm2u3+AZBLyPqzWpLqgqYCYsq5GY60idvvcAaDy2pYrMNIJwfTgw6AHWM30uZtetwBsGPsRFpHG9pFitcILYphrGqkg9mqimQxg9G5qjdUi2IY69TtTsuq0qdau0P0CngRGFuSd12s5rZop8G3ut4InPIttXYqyhMxjomdQNaAj8CAdpGreN5FeQ3Ie83diJ+5poGvwCDwM8O0J6kkj0F5TvsxcfBfDXCZbwOfMmZf1JhtL9OSvFuCHfw5MOsVnJ2bvwFzOjfnvPic+uYUs+cV0qy8LkBN7b6d0j5h7H00Wb+fQNAnTLvdyVX7u4SPNrcrZf9oA/4DGGSjkUrpCPAAAAAASUVORK5CYII=') } .faq-minus { width: 30px; height: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACcElEQVRIib2XPUgcQRiGH5c74wWD2qSxFGExTcAuTRpNupVAkitMIQYlWl9SGrCU9EoESWEaIwSvS0yTJp2tnIiljU2UKyQ5SMIH7xzjcrt7l9u7F5Yb5ud99pub/WZmoFwu04ZKQATMAtPABHBHw+rAGXAEHAJV4DrLspDRfheoAK88kOkPcKWy1d/X81IvsgW8Ay6SjIMU6BJwArwGhhXNKnAPGAJG9QypblV9hjXmRB5tgweBXeC9jD8BU8AjYBM4Bhpe/4bqNtVnSmNG5bErz1TwoP6jeeAnMAc8B2opMxNXTWPm5DEvzxvwOHgHeAycAw804H9Vlce5PHeSwEtepDMdRpkW/YwXefM/d2BbvRsqL+QE9eELKm+I1QRXvIXUzfQmqeotuIoDl/Sd/gXWegB1WhPDWKVAGcmSwLecpziumhjGigKlQdPnHkKdHGM2UO41fe8D2DGmAyV8y72nfQCfijVR0JxfxdKg01OlvbSc3kpmvgzsx9oa2kRGsnYn023gVofgX8BAWoeC3sCiLraIer/FW3ejolj1QJu4/U7mCEjSpFhngU4Opod9ADvGUaDN2/SkD2DHOAyUR+vaRcIeQkMxjFUNdDDb0ipc7yF4XQxjXbvv0w5ml8Az5e68Fcn7UqxmYrDT4BuVP+Q85aE8EeOCWEbaBj4CY9pF8oCH8hqT97ZriKfCReALMA786HLaI3mMy3PRb4yDf2uAi/wA2Osw+lBjDrxII3kngh38hZK8W3B2bv4KrOjcXPT6F1W3oj7H3kJaltcNqCnr7pR2hbHv0WT1fgBtXWGydie32t+2uLSNeKDOLm3APxttk5KPldcxAAAAAElFTkSuQmCC') } .panel-heading-shadow { box-shadow: 0px 3px 5.9px 0.1px rgba(0, 0, 0, 0.25); background-color: #f9f9f9 !important; } @media (min-width: 992px) { .hover-element { width: 414px; } .hover-element-left { float: right; } .hover-element-right { float: left; } .rectangle { width: 390px; } } @media (max-width: 420px) { .flex-direction { flex-direction: column; } .rectangle { width: 100%; } .triangle { display: none; } .rectangle p { margin: 5px 5px; } } .triangle-white { position: absolute; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid white; top: 0; bottom: 0; margin: auto; } .triangle-gray { position: absolute; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #fafafa; top: 0; bottom: 0; margin: auto; } .h3News { font-size: 31px; color: #df2b2e; font-weight: 500; text-transform: uppercase; margin-bottom: 42px; text-align: center; } .h3News:after { content: ''; display: block; width: 40px; height: 4px; background: #df2b2e; margin-top: 13px; margin: 13px auto 0; } #new-cookie-info { z-index: 9999; position: fixed; right: 10px; bottom: 10px; width: 320px; padding: 10px; font-size: 13px; line-height: 16px; text-align: left; background: rgba(0, 0, 0, .7); color: #fff; border-radius: 10px; font-family: arial; } #new-cookie-info #new-cookie-close { position: absolute; top: 10px; right: 10px; color: #fff; font-weight: 700; text-align: center !important; cursor: pointer; display: block; font-size: 20px; padding: 2px; } #new-cookie_info #new-cookie_head { font-weight: 700; margin-bottom: 5px; display: inline-block; } /* PAGE MODULES */ body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #575757; } .container {} /* animated ie fix */ /*.animated { opacity:1; }*/ #cookieinfo { padding: 10px 20px !important; } #cookieinfo a { color: #df2b2e !important; } form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } form p.ajaxInfo.error { background-color: #690000; border-color: #F00; } form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; } form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; } form p.error { display: none; } form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; } form label.full { text-align: left; width: 100%; display: inline-block; } form label, form textarea, form input { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } textarea, select, input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; padding: 0 10px; font-size: 15px; font-family: inherit; } textarea { height: 120px; } select {} input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; } textarea.error, ffont select.error, input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; } :-moz-placeholder { opacity: 1; color: #575757; } ::-moz-placeholder { opacity: 1; color: #575757; } :-ms-input-placeholder { opacity: 1; color: #575757; } ::-webkit-input-placeholder { opacity: 1; color: #575757; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .cb { clear: both; } .info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; } .info.show { display: block; } .info.error { background-color: #ab0268; border-color: #780148; color: #fff; } .info.ok { background-color: #02ab68; border-color: #017848; color: #fff; } .gallery { margin-top: 35px; margin: 35px -10px 0; } .gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: none no-repeat scroll center top transparent; max-width: 100%; width: 25%; padding-bottom: 20%; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 10px #FFFFFF solid; } .gallery-item-career { opacity: 1; display: inline-block; vertical-align: top; background: none no-repeat scroll center top transparent; max-width: 100%; width: 50%; padding-bottom: 40%; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 10px #FFFFFF solid; } .gallery-item:hover { opacity: 0.7; } .button { background: #e03538; color: #fff; display: inline-block; vertical-align: middle; padding: 0 18px; height: 35px; line-height: 35px; font-size: 14px; position: relative; border: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button:before { content: ''; position: absolute; top: 0; left: -35px; width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 0; border-color: transparent #e03538 transparent transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button:after { content: ''; position: absolute; top: 0; right: -35px; width: 0; height: 0; border-style: solid; border-width: 35px 0 0 35px; border-color: transparent transparent transparent #e03538; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button-reverse { text-decoration: none; background: #fff; color: #e03538; display: inline-block; vertical-align: middle; padding: 0 18px; height: 35px; line-height: 35px; font-size: 14px; position: relative; border: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button-reverse:before { content: ''; position: absolute; top: 0; left: -35px; width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 0; border-color: transparent #fff transparent transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button-reverse:after { content: ''; position: absolute; top: 0; right: -35px; width: 0; height: 0; border-style: solid; border-width: 35px 0 0 35px; border-color: transparent transparent transparent #fff; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button-reverse:hover, .button-reverse:active, .button-reverse:focus { background: rgba(255, 255, 255, 0.9); text-decoration: none; color: #e03538; } .button-reverse:hover:before, .button-reverse:active:before, .button-reverse:focus:before { border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; } .button-reverse:hover:after, .button-reverse:active:after, .button-reverse:focus:after { border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); } .button:hover, .button:active, .button:focus { background: #c50921; } .button:hover:before, .button:active:before, .button:focus:before { border-color: transparent #c50921 transparent transparent; } .button:hover:after, .button:active:after, .button:focus:after { border-color: transparent transparent transparent #c50921; } .button.slider-button { padding: 0 20px; z-index: 20; position: relative } .button.slider-button:before { left: -34px; } .button.slider-button:after { right: -34px; } .table { display: table; width: 100%; } .tablecell { display: table-cell; vertical-align: top; } /*.button:hover { background: #fff; color: #e03538; } .button:hover:before { border-color: transparent #fff transparent transparent; } .button:hover:after { border-color: transparent transparent transparent #fff; }*/ .basket-top:hover button, .button:hover, .button:active, .button:focus { text-decoration: none; outline: none; color: #fff; } /* owl */ .owl-carousel .owl-item img { display: inline-block; vertical-align: middle; width: auto; } .row-equal-height *[class^="col-"] { display: table-cell; float: none; } .container-fluid { padding-left: 0; padding-right: 0; } .container-fluid .row { margin-right: 0 !important; margin-left: 0 !important; width: 100%; } /* mobilne menu */ /* .mobile-nav { } .mobile-nav nav { display: none; background: #b1c903; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; } .mobile-nav nav.show { display: block; } .mobile-nav nav ul { list-style: none; margin: 0; padding: 0; } .mobile-nav nav li { display: block; } .mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; } .mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #b1c903; background-color: #fff; z-index: 1020; } .mobile-nav-toggle span { display: block; height: 3px; background: #b1c903; margin: 4px 8px; } .mobile-nav-toggle:active, .mobile-nav-toggle:focus, .mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; } */ /* /mobilne menu */ /* mobilne menu */ /*.mobile-nav { } .mobile-nav nav { display: none; background: #ec6013; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; } .mobile-nav nav.show { display: block; } .mobile-nav nav ul { list-style: none; margin: 0; padding: 0; } .mobile-nav nav li { display: block; } .mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; } .mobile-nav nav .dropdown-menu { display: block; position: static; width: 100%; text-align: center; background: 0; border: none; box-shadow: none; background: rgba(255, 255, 255, 0.2); padding: 0; margin: 0 0 5px 0; } .mobile-nav nav .dropdown-menu a { font-size: 14px; } .mobile-nav nav .dropdown-menu a:hover { background: none; color: #FFF; } .mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #ec6013; background-color: #fff; z-index: 1020; } .mobile-nav-toggle span { display: block; height: 3px; background: #ec6013; margin: 4px 8px; } .mobile-nav-toggle:active, .mobile-nav-toggle:focus, .mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }*/ /* /mobilne menu */ .header { padding-top: 33px; } #logo { margin-top: -7px; } .header-search-content { position: relative; display: inline-block; padding-left: 20px; overflow: hidden; } .header-search-content:hover { overflow: visible; } .header-search-content input { width: 160px; margin: 0; height: 39px !important; display: inline-block; vertical-align: top; position: absolute; top: 0; right: -240px; opacity: 0; } .header-search-content:hover input { opacity: 1; right: 52px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .header-search-content input:hover, .header-search-content input:active, .header-search-content input:focus { outline: 0; border: 1px solid #c50921; } .header-search { display: inline-block; width: 48px; height: 38px; border: none; border-left: 1px solid #d9d9d9; background: url('../img/ico-search.png') no-repeat center center; position: relative; z-index: 6; } .language { text-transform: uppercase; display: inline-block; vertical-align: top; padding-left: 8px; border: 1px solid transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } /* .language:hover, .language.active { border: 1px solid #d9d9d9; } */ .lg-label { font-size: 12px; margin-right: 18px; } .language select { color: transparent; background: none; width: 26px; height: 26px; border: 1px solid #d9d9d9; } .language option { color: grey; background: none; } .language > div { display: inline-block; vertical-align: middle; } .language .btn-bottom { width: 26px; height: 26px; border: 1px solid #d9d9d9; cursor: pointer; display: block; background: url('../img/ico-bottom.png') no-repeat center center; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .language:hover .btn-bottom { border-color: transparent; } .language.active .btn-bottom { border-color: transparent; } .languages li { background: #fff; position: relative; z-index: 50; border: 1px solid #d9d9d9; background: #fff; border-top: none; cursor: pointer; background-color: transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .languages li:hover { background-color: #c50921; color: #fff; } .languages a { color: inherit; } .language-change { position: relative; } .languages { padding: 0; margin: 0; list-style: none; position: absolute; right: -1px; top: 100%; width: 71px; text-align: center; display: none; } .nav-content { margin-top: 35px; } .navbar-collapse.collapse { padding: 0; } .language-section { list-style: none; display: inline-block; vertical-align: middle; } .language-section li { display: inline-block; vertical-align: middle; } .language-section-second { list-style: none; display: inline-block; vertical-align: top; position: relative; top: 8px; padding: 0; } .language-section-second li { display: inline-block; vertical-align: middle; margin-right: 5px; } .language-section-second li img { width: 25px; display: block; border: 1px solid transparent; cursor: pointer; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .language-section-second li:hover img { border-color: #df2b2e; } .language-section-second li:first-child img { border-color: #df2b2e; } /* dev */ .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; background: none; } .navbar-default { border: none; background: none; } .navbar { min-height: initial; margin-bottom: 0; border: none; } #nav { padding: 0 0 22px 0; top: 0; opacity: 1; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #nav .navbar { margin: 0; min-height: auto; } #nav .navbar-nav { float: none; text-align: center; } #nav .nav li { padding: 0 25px; float: none; display: inline-block; } #nav .nav li:first-child { padding-left: 0; } #nav .nav li:last-child { padding-right: 0; } #nav .nav a { padding: 10px 0; line-height: 1; color: #575757; border-bottom: 3px solid transparent; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; } #nav .nav a:hover { background: none; color: #df2b2e; border-bottom: 3px solid #df2b2e; } .menu--carrerCount { display: none; position: absolute; top: -8px; right: -12px; background: #2B2831; color: #fff; width: 18px; height: 18px; text-align: center; line-height: 19px; border-radius: 50%; font-size: 14px; } #nav .menu--carrerCount { display: block; } @media (max-width: 1023px) { .menu--carrerCount { top: 50%; margin-top: -9px; right: 6px; } } @media (min-width: 1036px) { .header { height: 218px; } #nav.header-fixed { height: 81px; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background: #fff; padding: 21px 0 0 0; text-align: center; border-bottom: 1px solid #EDEDED; opacity: 1; } #nav.header-hide { top: -81px; } #nav .nav li { padding: 0 19px; } .header-fixed .logo-fixed { display: inline-block !important; vertical-align: middle; margin-right: 70px; } .header-fixed .logo-fixed img { width: 100px; display: block; } #nav.header-fixed .navbar-nav { display: inline-block; vertical-align: middle; } } /* overflow for animate */ .section-features, .section-about, .section-references, .section-clients, .section-hauler, .section-career, .section-business, .section-certificate, .section-news, .section-map, .section-contact, .footer { overflow: hidden; } .section-header { padding: 35px 0 17px; text-align: center; text-transform: uppercase; } .section-header h3 { margin: 0 0 10px; color: #df2b2e; font-size: 30px; font-weight: 500; } .section-header h4 { margin: 0 0 10px; font-size: 18px; font-weight: 400; } .section-header h5 { font-weight: bold; font-size: 18px; } .section-header:after { content: ''; display: block; width: 40px; height: 3px; margin: 0 auto; background: #df2b2e; } .section-header.white h4 { color: #fff; } .section-features { padding: 66px 0 34px; } .section-features .container { padding: 0; } .section-slider { position: relative; } .main-slider-content { overflow: hidden; background: url('../img/loading.gif') center 20px no-repeat; background-size: 140px; } .main-slider-content.active { background: none; } .section-slider .slider-item { height: 492px; background-size: cover; background-position: 50% 0; text-align: center; } .slider-text-container { opacity: 0; padding-top: 165px; } .owl-loaded .slider-text-container { opacity: 1; } #main-slider { overflow: hidden; } #main-slider .container { position: relative; } #main-slider .slider-inner { position: absolute; z-index: 5; width: 50%; height: 492px; top: 0; left: 0; margin-left: 22px; opacity: 0 } .active #main-slider .slider-inner { opacity: 1; } #main-slider .slider-title { font-size: 48px; color: #df2b2e; margin: 0 0 10px; font-weight: bold; } #main-slider .slider-text { font-size: 18px; color: #fff; margin: 0 0 5px; } #main-slider .slider-second { color: #df2b2e; font-size: 18px; margin: 0 0 25px; } #main-slider .owl-controls { position: absolute; width: 100%; left: 0; bottom: 23px; } #main-slider .owl-dots { width: 1170px; margin: 0 auto; text-align: center; } #main-slider .owl-dots .owl-dot { width: 13px; height: 13px; border: 1px solid #df2b2e; background: #df2b2e; display: inline-block; border-radius: 50%; margin: 0 5px 10px 5px; } /* #main-slider .slider-element-20403 .slider-inner:before { content: ''; width: 336px; height: 226px; position: absolute; top: -78px; left: 219px; background:url('../img/slider1-d1.png'); } #main-slider .slider-element-204 .slider-text-container { padding-top: 155px; } #main-slider .slider-element-204 .slider-inner { left: 50%; margin-right: 22px; } #main-slider .slider-element-204 .slider-inner:before { content: ''; width: 397px; height: 312px; position: absolute; top: -180px; left: 27px; background:url('../img/slider2-d1.png'); } #main-slider .slider-element-204 .slider-inner:after { content: ''; width: 302px; height: 178px; position: absolute; bottom: -59px; left: 100px; background:url('../img/slider2-d2.png'); } #main-slider .slider-element-205 .slider-inner:before { content: ''; width: 299px; height: 173px; position: absolute; top: 1px; left: 87px; background:url('../img/slider3-d2.png'); } #main-slider .slider-element-205 .slider-inner:after { content: ''; width: 396px; height: 128px; position: absolute; bottom: 2px; left: 203px; background:url('../img/slider3-d1.png'); } #main-slider .slider-element-468 .slider-inner:before { content: ''; width: 397px; height: 312px; position: absolute; top: -180px; left: 27px; background:url('../img/slider2-d1.png'); } #main-slider .slider-element-468 .slider-inner:after { content: ''; width: 302px; height: 178px; position: absolute; bottom: -59px; left: 100px; background:url('../img/slider2-d2.png'); } */ #main-slider .slider-element-204 .slider-title { font-size: 36px; } #main-slider .slider-element-205 .slider-title { font-size: 36px; } #main-slider .slider-element-205 .slider-text { color: #575757; } #main-slider .slider-element-205 .slider-text-container { padding-top: 205px; } #main-slider .slider-element-468 .slider-text-container { padding-top: 155px; } #main-slider .slider-element-468 .slider-inner { margin-right: 22px; } #main-slider .slider-element-468 .slider-title { font-size: 32px; } #main-slider .slider-element-468 .slider-second { margin: 0 0 4px; } #main-slider .slider-element-468 .slider-text { color: #575757; } #main-slider .owl-dots .owl-dot:hover, #main-slider .owl-dots .owl-dot.active { background: transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #slide-down { width: 56px; height: 56px; position: absolute; z-index: 30; bottom: -28px; left: 50%; margin-left: -28px; background: url('../img/slide-down.png') center center no-repeat; } #slide-down.fixed { position: fixed; background: url('../img/slide-down-fixed.png') center center no-repeat; } #slide-down:not(.fixed) { -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } #slide-top { position: absolute; z-index: 30; top: -28px; left: 50%; margin-left: -28px; } .section-features .item { width: 198px; display: inline-block; vertical-align: top; text-align: left; } .section-features img { float: left; } .section-features h4 { margin: 0 0 8px; font-size: 25px; color: #df2b2e; font-weight: 700; text-transform: uppercase; font-family: 'Bebas Neue'; } .section-features .text { padding-left: 62px; font-size: 14px; } .section-features .text p { margin: 0; } .section-about { background: #ededed; text-align: center; padding: 0 0 85px; } .section-about .container { padding: 0; width: 700px; max-width: 100%; } .section-about .note { background: #fff; padding: 18px 40px; line-height: 26px; } .section-about .desc2 { font-size: 18px; margin-top: 25px; } .section-about .desc2 .about-link { font-size: 14px; color: #df2b2e; text-decoration: underline; } .section-about .partners-text { margin-top: 29px; } .section-about .partners-text { font-size: 14px; } .section-about .partners-text h4 { color: #df2b2e; font-size: 18px; font-weight: 400; margin: 0; } .section-about .partners-text ul { padding: 0; margin: 18px 0; list-style: none; } .section-about .partners-text li { display: inline-block; vertical-align: middle; width: 180px; height: 180px; line-height: 180px; text-align: center; font-family: 'Bebas Neue'; text-transform: uppercase; font-size: 24px; border-radius: 50%; background: #c4c5c5; } .section-about .partners-text li:nth-child(2) { margin: 0 50px; position: relative; } .section-about .partners-text li:nth-child(2):before, .section-about .partners-text li:nth-child(2):after { content: '+'; font-size: 30px; position: absolute; top: 0; height: 100%; opacity: 0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -webkit-transition-delay: 3500ms; transition-delay: 3500ms; } .section-about .partners-text li.go:nth-child(2):before, .section-about .partners-text li.go:nth-child(2):after { opacity: 1; } .section-about .partners-text li:nth-child(2):before { left: -30px; } .section-about .partners-text li:nth-child(2):after { right: -30px; } .section-about .button { margin-top: 20px; } .section-about .note { background: none; color: #fff; } .section-about .partners-text h4 { color: #fff; } .section-about .partners-text li { background: rgba(214, 44, 47, .7); color: #fff; } .section-about .partners-text { color: #fff; } .section-about { background: none; } .section-references { padding-bottom: 69px; } .section-references .ref-img { text-align: center; } .section-references .ref-sign strong { margin-top: 17px; display: block; font-size: 18px; font-weight: 500; color: #df2b2e; } #reference-slider { margin-top: 25px; position: relative; overflow: hidden; } .page-start #reference-slider { height: 224px; margin-bottom: 20px } #reference-slider .owl-nav { width: 35px; position: absolute; right: 0; top: 0; } #reference-slider .owl-nav > div { width: 35px; height: 35px; line-height: 35px; background: #c4c5c5; color: #575757; display: inline-block; margin-bottom: 2px; text-align: center; font-size: 18px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #reference-slider .owl-nav > div:hover { color: #fff; background: #e13639; } .reference-home-img { width: 210px; height: 203px; cursor: pointer; text-align: center; line-height: 206px; margin: 0; border-bottom: 3px solid #df2b2e; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 0px 12px 0px rgba(115, 115, 115, 0.15); box-shadow: 0px 0px 12px 0px rgba(115, 115, 115, 0.15); } .reference-home-img img { vertical-align: middle; display: inline-block; max-width: 145px; max-height: 85px; } .page-start #reference-slider .item.row { padding: 5px 0; } /* dev */ /*.section-references .container { width: 1300px; max-width: 100%; } #reference-slider-2 .item { padding: 0 6px; } #reference-slider-2 .item .inner { height: 460px; background: #ededed; border: 2px solid #ededed; } #reference-slider-2 .ref-img { background: #fff; padding: 34px 0; margin-bottom: 15px; } #reference-slider-2 .ref-img img { height: 70px; } #reference-slider-2 .ref-text { font-size: 13px; line-height: 1.6; padding: 0 16px 8px; } #reference-slider-2 .ref-sign { position: absolute; bottom: 0; left: 0; right: 15px; width: 100%; background: #dedede; padding: 10px 15px;} #reference-slider-2 .ref-sign strong { margin-top: 0; } #reference-slider-2 { margin-bottom: 40px; } #reference-slider-2 .owl-nav { width: 35px; position: absolute; right: -34px; top: 0; } #reference-slider-2 .owl-nav > div { width: 35px; height: 35px; line-height: 35px; background:#c4c5c5; color:#575757; display: inline-block; margin-bottom: 2px; text-align: center; font-size: 18px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #reference-slider-2 .owl-nav > div:hover { color: #fff; background: #e13639; }*/ #reference-slider-2 .item { position: relative; } #reference-slider-2 .item figure { height: 300px; margin: 0; padding: 0; position: relative; cursor: pointer; } #reference-slider-2 .item figure .img { display: block; position: relative; z-index: 10; margin: -15px 0 } #reference-slider-2 .item figure figcaption { display: block; position: absolute; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box } #reference-slider-2 .item figure figcaption { top: 0; left: 0; width: 100%; height: 100%; padding: 14px 20px; background-color: #EDEDED; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transition: all .5s; transition: all .5s } #reference-slider-2 .item figure .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .5s; transition: all .5s } #reference-slider-2 .item figure:hover .img, figure.hover .img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } #reference-slider-2 .item figure:hover figcaption, figure.hover figcaption { -webkit-transform: rotateY(0); transform: rotateY(0) } #reference-slider-2 .ref-sign { position: absolute; bottom: 15px; left: 0; width: 100%; } .page-start .section-clients { background: #f5f6f6; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #f5f6f6 0%, #dcdee1 51%, #aebac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#aebac5', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .section-clients { font-size: 18px; text-align: center; background-position: center center; padding-bottom: 69px; background: #ededed; } .section-clients .row { margin-top: 20px; } .section-clients .text-content {} .section-clients .desc2 { margin: 65px 0 55px; font-weight: 500; } .section-clients .cover-img { background-position: left top; background-repeat: no-repeat; background-size: 100%; position: relative; vertical-align: middle; } .section-clients .img-text { width: 565px; height: 100%; position: relative; left: 70px; margin-top: 14%; } .section-clients .img-text h5 { font-size: 30px; color: #e13639; font-weight: 400; margin: 0 0 40px; } .section-clients .img-text p { font-size: 22px; color: #fff; font-weight: 400; } .section-clients .img-text p:before { content: ''; width: 40px; height: 3px; background: #fff; display: block; margin: 0 auto 15px; } .section-clients .text-content { padding-bottom: 55px; } .section-hauler { font-size: 14px; padding-bottom: 85px; } .section-hauler .row { margin-top: 20px; } .section-hauler .text-content { padding-bottom: 80px; } .section-hauler .desc h4 { font-size: 18px; font-weight: 400; margin: 0 0 45px; text-align: center; } .section-hauler .cover-img { background-position: bottom right; background-repeat: no-repeat; background-size: cover; } .section-hauler ul { padding: 0; list-style: none; margin: 0; } .section-hauler ul li { padding-left: 19px; position: relative; margin-bottom: 19px; } .section-hauler ul li:last-child { margin-bottom: 0; } .section-hauler ul li:before { content: '\2022'; color: #e03538; position: absolute; top: 0; left: 0; } .section-hauler .desc2 { padding-top: 70px; font-size: 18px; font-weight: 500; text-align: center; } .section-hauler .button { margin-top: 24px; } .section-career { padding-bottom: 85px; background-size: cover; background-position: center center; } .section-career .container { width: 740px; max-width: 100%; } .section-career .text { padding-top: 50px; padding-left: 60px; } .section-career .text ul { margin: 0; padding: 0; list-style: none; } .section-career .text li { counter-increment: step-counter; color: #fff; font-size: 24px; margin-bottom: 11px; } .section-career .text li:before { content: counter(step-counter); width: 65px; height: 65px; line-height: 65px; background: #e03538; color: #fff; text-align: center; font-size: 28px; font-family: 'Bebas Neue'; font-weight: 700; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 45px; } .section-career .button { margin-top: 15px; } .career-cv-offer { background: #ededed; padding-bottom: 30px; } .career-cv-offe .container { max-width: 1033px; } .career-cv-offer .item { border-bottom: 1px solid #c6c6c6; } .career-cv-offer .item:last-child { border: none; } .career-cv-offer .item h4 { font-weight: 400; padding-left: 47px; padding-right: 34px; padding-top: 31px; padding-bottom: 31px; cursor: pointer; margin: 0; } .career-cv-offer .item h4:after { content: "\203A"; float: right; color: #df2b2e; font-size: 38px; margin-top: -9px; } .career-cv-offer .item .tc .button:nth-child(2) { margin-left: 80px; } .career-cv-offer .item .tc .button:nth-child(3) { margin-left: 80px; } .cv-offer-list .item .text { display: none; padding: 0 47px 40px; } .section-business { padding-bottom: 65px; background-size: cover; background-position: center center; font-size: 18px; } .section-business .container { width: 823px; max-width: 100%; text-align: center; } .section-business .desc { line-height: 26px; padding-top: 20px; } .section-business .desc h4 { color: #df2b2e; font-size: 18px; font-weight: 400; margin: 2px 0 10px; } .section-business .desc ul { padding: 0; margin: 0; list-style: none; margin-bottom: 60px; } .section-business .desc li { width: 215px; height: 53px; line-height: 53px; display: inline-block; vertical-align: middle; border: 1px solid #d6d6d6; text-align: center; color: #df2b2e; font-size: 26px; font-family: 'Bebas Neue'; margin: 0 10px; } .section-business .desc2 { margin-top: 80px; } .section-business .button { margin-top: 30px; } .business-edu .right.go img { position: relative; bottom: 0; } .section-certificate { padding-bottom: 65px; height: 627px; } .section-certificate .section-header h3 { font-weight: 400; } #certificate { padding: 0 90px 0; margin-bottom: 100px; margin-top: 75px; position: relative; height: 246px; overflow: hidden; } #certificate .item img { display: inline-block; vertical-align: middle; margin: 14px 20px; max-width: 220px; max-height: 223px; -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.75); } #certificate .owl-nav > div { width: 35px; height: 35px; line-height: 35px; background: #c4c5c5; color: #575757; display: inline-block; margin-bottom: 2px; text-align: center; font-size: 18px; position: absolute; top: 50%; bottom: initial; margin-top: -17px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #certificate .owl-nav > div:hover { color: #fff; background: #e13639; } #certificate .owl-nav .owl-prev { left: 0; } #certificate .owl-nav .owl-next { right: 0; } .section-news { background: #ededed; padding: 30px 0 128px; } .section-news h3 { font-size: 31px; color: #df2b2e; font-weight: 500; text-transform: uppercase; margin-bottom: 42px; text-align: center; } .section-news h3:after { content: ''; display: block; width: 40px; height: 4px; background: #df2b2e; margin-top: 13px; margin: 13px auto 0; } .section-news .item .button { margin-right: 30px; margin-top: 15px; } .section-news .news-img-container { width: 234px; float: left; overflow: hidden; margin-right: 30px; margin-bottom: 30px; } .section-news .item:hover .img { -webkit-transform: scale(1.2); transform: scale(1.2); } .section-news .img { width: 234px; height: 188px; background-size: cover; background-position: center center; transition: all .45s ease; -webkit-transition: all .45s ease; -moz-transition: all .45s ease; } .section-news .text-content { width: 218px; font-size: 14px; display: inline-block; word-break: break-word; margin-bottom: 15px; } .section-news .text-content time:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 21px; margin-right: 8px; background: url('../img/ico-calendar.png'); } .section-news .item h5 { text-transform: uppercase; font-family: 'Bebas Neue'; font-weight: 700; font-size: 24px; color: #e03638; margin: 15px 0 18px; } .section-contact { color: #fff; padding-bottom: 85px; background-size: cover; background-position: center center; } .section-contact .row h3 { font-weight: 500; font-size: 18px; color: #df2b2e; margin: 0 0 28px; } .section-contact .text a:not(.button) { color: #df2b2e; text-decoration: underline; } .section-contact .row { margin-top: 83px; } .section-contact .text .contact-see-more { font-weight: 500; color: #df2b2e; font-size: 24px; text-decoration: none; } #contactFormSend input { display: inline-block; width: 269px; margin: 0 3px 10px; border-width: 2px; } #contactFormSend textarea { width: 546px; height: 200px; margin: 0 5px 10px; padding-top: 10px; border-width: 2px; } #contactFormSend input, #contactFormSend textarea { color: #575757; padding-left: 20px; } #contactFormSend input:hover, #contactFormSend input:active, #contactFormSend input:focus, #contactFormSend textarea:hover, #contactFormSend textarea:active, #contactFormSend textarea:focus { outline-color: #c50921; } #contactFormSend .button { margin-top: 20px; } .section-partners { padding-bottom: 30px; overflow: hidden; background: #fff; } body:not(.page-start):not(.pageId-647) .section-partners .section-header { display: none; } #partners { padding: 0 43px; position: relative; } #partners .item { height: 128px; line-height: 128px; text-align: center; max-height: 100px; } #partners .item img { display: inline-block; vertical-align: middle; margin: 0 34px; max-width: 128px; max-height: 69px; } #partners .owl-nav { font-size: 36px; } #partners .owl-nav > div { position: absolute; top: 50%; margin-top: -26px; } #partners .owl-nav .owl-prev { left: 0; } #partners .owl-nav .owl-next { right: 0; } #partners .owl-nav > div:hover {} .footer { background: #2b2831; padding: 30px 0 0; } .footer h4 { color: #df2b2e; font-size: 18px; font-weight: 500; margin-bottom: 34px; } .footer-nav ul { margin: 0; padding: 0; list-style: none; } .footer-nav li { display: inline-block; vertical-align: middle; width: 49%; } .footer-nav li a { color: #fff; } #newsletter { font-size: 0; } #newsletter input { width: 230px; margin: 0; vertical-align: middle; background: #e4e4e4; } #newsletter .btn { width: 44px; height: 44px; display: inline-block; border-radius: 0; color: #df2b2e; font-size: 39px; line-height: 0; vertical-align: middle; padding: 0; background: #e4e4e4; } #newsletter .text { font-size: 11px; color: #d2cdd9; line-height: 17px; padding-top: 10px; } #newsletter .text p { margin: 0; } .footer .footer-join { text-align: right; } .footer .socials { width: 120px; display: inline-block; } .footer .socials a { display: inline-block; background: transparent; margin: 0 4px 14px 4px; width: 47px; height: 47px; line-height: 47px; border: 1px solid #d2cdd9; font-size: 22px; color: #d2cdd9; border-radius: 50%; text-align: center; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .footer .socials a:hover { background: #d62b2e; border-color: #d62b2e; color: #2b2831; } .footer-bottom h4 { color: #d2cdd9; margin-top: 33px; margin-top: 30px; } .footer-description { color: #fff; font-size: 12px; line-height: 17px; } .footer-description p { margin-bottom: 2px; } .copyright { margin-top: 120px; padding-top: 30px; background: #fff; font-size: 12px; min-height: 114px; position: relative; z-index: 100; } .footer-bottom-logo img { width: 195px; } #mobileTop { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 666; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #df2b2e; } /* subpages */ .subpage-header { display: table; width: 100%; background-size: cover; background-position: center center; height: 339px; text-align: center; color: #fff; text-transform: uppercase; } .subpage-header h1 { font-size: 30px; font-weight: 500; margin: 0; } .subpage-header h2 { font-size: 18px; font-weight: 400; margin: 0; } .table-cell { display: table-cell; vertical-align: middle; } #page-contact { color: #575757; background: url('../img/contact-bg.jpg') no-repeat bottom center; background-size: cover; } #page-contact .section-header.white h4 { color: rgb(87, 87, 87); } /*#page-contact h3 { font-size: 18px; color: #df2b2e; }*/ .subpage-form #contactFormSend input, .subpage-form #contactFormSend textarea { background: #e4e4e4; } #page-contact .contact-list h5 { font-size: 18px; color: #df2b2e; margin: 0 0 25px; } #page-contact .contact-list > div { margin-top: 30px; } #page-contact .contact-list > div:nth-child(3n+1) { clear: both; } #page-contact .contact-list a { text-decoration: none; } #page-contact .contact-list { margin-bottom: 50px; } #page-contact .innercontact { background-color: #FFF; padding: 30px; border-top: 2px #df2b2e solid; border-bottom: 2px #df2b2e solid; height: 580px; } .subpage-form {} /* page loi macron */ #page-loimacron .table-cell {} #page-loimacron .table-cell h2 { font-size: 48px; text-transform: uppercase; color: #d42a2c; font-weight: 700; } #page-milog .table-cell h2 { font-size: 48px; text-transform: uppercase; color: #FFFFFF; font-weight: 700; } #page-loimacron .subpage-header .table-cell, #page-milog .subpage-header .table-cell { display: inline-block; margin-top: 140px; text-align: center; font-size: 18px; font-weight: 300; text-transform: none; width: 400px; left: -310px; position: relative; } #page-loimacron .subpage-header .table-cell strong { color: #d42a2c; } #page-milog .subpage-header .table-cell strong { color: #FFF; } .loimacron-1 .section-header, .milog-1 .section-header { margin-bottom: 40px; } .loimacron-1, .milog-1 { font-size: 18px; line-height: 26px; margin: 25px 0 50px; ; } .loimacron-1 .img, .milog-1 .img { max-width: 100%; } .loimacron-2, .milog-2 { overflow-x: hidden; min-height: 700px; } .loimacron-2 .text { font-size: 18px; /*background: transparent url(../img/locationmacron2.png) no-repeat 190% 160%;*/ } .loimacron-2 .text:after { display: block; content: ""; background: transparent url(../img/locationmacron2.png) no-repeat center center; width: 290px; height: 300px; position: absolute; z-index: 999; bottom: 40px; right: -70px; } .milog-2 .text { font-size: 18px; background: transparent url(../img/demap.png) no-repeat 90% 40%; min-height: 450px; margin-top: 50px; } #page-loimacron .section-sale, #page-milog .section-sale { margin-bottom: 100px; } #page-loimacron a, #page-milog a { color: #d42a2c; } #page-customer-service .subpage-header { height: 450px; /*padding-left: 120px;*/ padding-top: 50px; } #page-customer-service .table-cell h2 { font-size: 48px; text-transform: none; color: #d42a2c; font-weight: 700; letter-spacing: -.5px; } #page-customer-service .table-cell { margin-top: 20px; font-size: 25px; line-height: 34px; text-transform: none; } #page-customer-service .section-header { margin-bottom: 40px; } #page-customer-service .care-text { font-size: 18px; margin-bottom: 40px; padding-left: 40px; } #page-customer-service .care-text h4 { font-size: 22px; margin: 20px 0; } #page-customer-service .care-add { font-size: 30px; color: #df2b2e; text-transform: uppercase; font-family: 'Bebas Neue'; margin: 50px 0 50px; text-align: center; padding-bottom: 50px; } #page-customer-service .care-add strong { font-weight: 300; font-size: 48px; } #page-customer-service .form-cs { margin-top: 50px; font-size: 18px; } /* @media only screen and (max-width : 400px) { #page-special-demands .subpage-header { text-align: center; height: 450px; padding-right: 320px; padding-top: 140px; } } */ #page-special-demands .subpage-header { text-align: center; height: 450px; /* padding-right: 320px;*/ padding-top: 40px; } #page-special-demands .table-cell h2 { font-size: 48px; text-transform: none; color: #d42a2c; font-weight: 700; letter-spacing: -.5px; } #page-special-demands .table-cell { margin-top: 20px; font-size: 25px; line-height: 34px; text-transform: none; } #page-special-demands .section-header { margin-bottom: 20px; } #page-special-demands .care-text { font-size: 18px; margin-bottom: 40px; padding-left: 40px; } #page-special-demands .care-text h4 { font-size: 22px; margin: 20px 0; } #page-special-demands .care-add { font-size: 30px; color: #df2b2e; text-transform: uppercase; font-family: 'Bebas Neue'; margin: 50px 0 50px; text-align: center; padding-bottom: 50px; } #page-special-demands .care-add strong { font-weight: 300; font-size: 48px; } #page-special-demands .form-cs { margin-top: 50px; font-size: 18px; } #page-special-demands .spec-text { font-size: 14px; } #page-special-demands .spec-text h4 { color: #df2b2e; font-size: 24px; text-align: center; } #page-special-demands .spec-text iframe { margin: 10px auto 30px; } #page-special-demands .spec-padd { background-color: #FFF; padding: 30px; line-height: 1.6; font-size: 14px; } #page-special-demands .section-sale { margin-bottom: 0px; padding-bottom: 0px; } /* page about */ #page-about { overflow: hidden; } #page-about .section-about .partners-text li:nth-child(2):before, #page-about .section-about .partners-text li:nth-child(2):after { opacity: 1; } #page-about .about-team { background: #ededed; } #page-about .about-team .container { padding-bottom: 85px; background-repeat: no-repeat; background-position: right bottom; } #page-about .about-team header { text-align: center; text-transform: uppercase; } #page-about .about-team header h3 { margin: 30px 0 3px; color: #df2b2e; font-size: 21px; font-weight: 500; } #page-about .about-team header h4 { margin: 0 0 10px; font-size: 19px; font-weight: 500; } #page-about .about-team header h5 { color: #df2b2e; font-size: 35px; font-family: 'Bebas Neue'; text-transform: uppercase; margin-bottom: 65px; margin-top: 25px; } #page-about .about-team ul { list-style: none; margin: 0; padding: 0; } #page-about .about-team li { margin-bottom: 16px; } #page-about .about-team li:before { content: ''; width: 15px; height: 11px; display: inline-block; vertical-align: middle; background: url('../img/icon-li-correct.jpg'); margin-right: 17px; } .about-description { padding: 50px 0 100px; background-size: cover; background-position: right center; font-size: 18px; text-align: center; } #page-about .columns { text-align: center; } #page-about .columns > div {} #page-about .columns > div:first-child { max-width: 420px; text-align: left; padding-left: 130px; padding-bottom: 30px; } #page-about .columns > div:last-child { max-width: 520px; background: rgba(255, 255, 255, .9); padding: 30px 10px; font-size: 16px; font-weight: 500; } #page-about .columns > div:last-child a { font-weight: 500; font-size: 19px; color: #df2b2e; } #page-about .about-success { overflow: hidden; padding-bottom: 10px; } #page-about .about-success ul { list-style: none; margin: 0; padding: 0; } #page-about .about-success li { counter-increment: step-counter; height: 110px; font-weight: 500; font-size: 14px; position: relative; padding: 0 55px; display: table; width: 100%; } #page-about .about-success li:last-child { border: none; } #page-about .about-success li strong { color: #df2b2e; font-size: 17px; } #page-about .about-success li p { margin: 0; } #page-about .about-success li .number { content: counter(step-counter); width: 40px; height: 40px; line-height: 40px; background: #e03538; color: #fff; position: absolute; top: 50%; margin-top: -20px; z-index: 2; text-align: center; font-size: 19px; font-family: 'Bebas Neue'; font-weight: 700; border-radius: 50%; display: inline-block; vertical-align: middle; } #page-about .about-success li:nth-child(odd) .number { left: -20px; } #page-about .about-success li:nth-child(even) .number { right: -20px; } #page-about .about-success li:nth-child(even) { text-align: right; } #page-about .about-success li:after { content: ''; width: 1px; height: 0%; background: #e03538; position: absolute; z-index: 1; top: 0; } #page-about .about-success li:before { content: ''; width: 0%; height: 1px; background: #e03538; position: absolute; z-index: 1; bottom: 0; left: 0; } #page-about .about-success li:after, #page-about .about-success li:before { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } #page-about .about-success li.number-1:after { top: 50%; } #page-about .about-success li.number-2:before { left: initial; right: 0; } #page-about .about-success li.number-4:before { left: initial; right: 0; } #page-about .about-success li.go.number-1:after { height: 50%; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition-duration: .5s; transition-duration: .5s; } #page-about .about-success li.go.number-1:before { width: 100%; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-2:after { height: 100%; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-2:before { width: 100%; -webkit-transition-delay: 3.5s; transition-delay: 3.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-3:after { height: 100%; -webkit-transition-delay: 4.5s; transition-delay: 4.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-3:before { width: 100%; -webkit-transition-delay: 5.5s; transition-delay: 5.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-4:after { height: 100%; -webkit-transition-delay: 6.5s; transition-delay: 6.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-4:before { width: 100%; -webkit-transition-delay: 7.5s; transition-delay: 7.5s; -webkit-transition-duration: 1s; transition-duration: 1s; } #page-about .about-success li.go.number-5:after { height: 50%; -webkit-transition-delay: 8.5s; transition-delay: 8.5s; -webkit-transition-duration: .5s; transition-duration: .5s; } #page-about .about-success li .number, #page-about .about-success li .center-div { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .25s; transition-duration: .25s; opacity: 0; } #page-about .about-success li.go.number-1 .number, #page-about .about-success li.go.number-1 .center-div { opacity: 1; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } #page-about .about-success li.go.number-2 .number, #page-about .about-success li.go.number-2 .center-div { opacity: 1; -webkit-transition-delay: 3s; transition-delay: 3s; } #page-about .about-success li.go.number-3 .number, #page-about .about-success li.go.number-3 .center-div { opacity: 1; -webkit-transition-delay: 5s; transition-delay: 5s; } #page-about .about-success li.go.number-4 .number, #page-about .about-success li.go.number-4 .center-div { opacity: 1; -webkit-transition-delay: 7s; transition-delay: 7s; } #page-about .about-success li.go.number-5 .number, #page-about .about-success li.go.number-5 .center-div { opacity: 1; -webkit-transition-delay: 9s; transition-delay: 9s; } /*#page-about .about-success li:first-child:after { top:initial; top: 50%; }*/ /*#page-about .about-success li:first-child:after, #page-about .about-success li:last-child:after { height:50%; }*/ #page-about .about-success li:last-child:before { display: none; } #page-about .about-success li:nth-child(odd):after { left: 0; } #page-about .about-success li:nth-child(even):after { right: 0; } #page-about .about-success .center-div { display: table-cell; vertical-align: middle; } #page-about .about-numbers { padding: 60px 0 85px; } #page-sales .about-numbers { padding: 60px 0; text-align: center } #page-about .about-numbers .container { width: 876px; } .about-numbers .item { float: left; display: table; vertical-align: middle; width: 236px; height: 242px; border: 1px solid #fff; text-align: center; margin: 20px; color: #fff; font-size: 18px; } #page-sales .about-numbers .item { width: 236px; color: #575757; border-color: #575757; float: none; display: inline-block } #page-sales .about-numbers .numbers_source { text-align: left; padding-left: 50px } #page-sales .about-numbers .item strong, #page-sales .about-numbers .numbers_source em, #page-sales .about-numbers .item .inner div em { color: #df2b2e } #page-sales .about-numbers .item .inner { color: #df2b2e; font-size: 46px; font-weight: 100 } #page-sales .about-numbers .item .inner div { text-transform: uppercase; color: #575757; font-size: 18px; font-weight: 300 } #page-about .about-numbers .item:nth-child(4) { clear: both; } @media (max-width: 1199px) { #page-sales .about-numbers .numbers_source { text-align: center; padding-left: 0 } } .about-numbers .inner { display: table-cell; vertical-align: middle; } .about-numbers .item p { margin: 0; } .about-numbers .item strong { font-weight: 100; font-size: 46px; } #page-about .about-numbers .item:nth-child(2) strong { font-size: 30px; } .about-more-details { text-align: center; padding-top: 70px; } .about-more-details header { height: 218px; background-size: cover; background-position: center center; } .about-more-details .item { padding: 0; } .about-more-details header { padding-top: 65px; margin-bottom: 65px; } .about-more-details header { font-size: 14px; color: #fff; } .about-more-details header strong { font-size: 18px; color: #e03538; font-weight: 500; display: block; margin-bottom: 0px; } .about-more-details header .button { margin-top: 40px; } .about-more-details .hide-content { opacity: 0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .about-more-details .item:hover .hide-content { opacity: 1; } .about-more-details .title strong { color: #e13639; font-weight: 500; font-size: 19px; } .about-more-details .title { font-weight: 500; font-size: 17px; text-transform: uppercase; margin-bottom: 30px; } .about-more-details .content {} .about-more-details .text { line-height: 1.8; padding: 0 40px; } .about-form { overflow: hidden; } .about-form .container { width: 900px; max-width: 100%; } .about-form h3 { font-size: 36px; font-family: Bebas; color: #df2b2e; text-transform: uppercase; font-family: 'Bebas Neue'; margin: 50px 0 50px; text-align: center; } .about-form .links a { font-weight: 500; font-size: 18px; color: #626262; float: left; text-transform: uppercase; } .about-form .links a:last-child { float: right; } .form-content { max-width: 556px; margin: 70px auto; } .form-content h4 { font-size: 18px; font-weight: 500; color: #df2b2e; text-align: left; margin-bottom: 25px; padding-left: 4px; } .about-attributes { max-width: 1040px; margin-top: 33px; font-size: 16px; text-align: justify; } .about-attributes .row { margin-bottom: 90px; } .about-attributes img { display: inline-block; vertical-align: top; margin-right: 25px; } .about-attributes h3 { display: inline-block; vertical-align: top; margin: 0 0 0; font-weight: 400; } .about-attributes h3 strong { font-size: 27px; color: #df2b2e; } .page-standard--container { padding: 10px 0 40px; } /* east deliveries */ .page-eastdeliveries .section { overflow: hidden; } .section-eastdeliveriesMain { margin-bottom: 75px; } .section-eastdeliveriesMain .desc-first { padding-right: 50px; font-size: 15px; margin-top: 11px; line-height: 1.6; } .section-eastdeliveriesMain .desc-second strong { color: #df2b2e; font-size: 29px; font-weight: 500; margin: 0; } .section-eastdeliveriesMain .desc-second { width: 350px; display: inline-block; background: #fafbfb; padding: 27px 0 10px 77px; margin-top: -20px; line-height: 1.2; } .section-eastdeliveriesList { text-align: center; } .section-eastdeliveriesList .title { color: #df2b2e; margin: 0 0 20px; text-transform: uppercase; font-weight: 400; } .section-eastdeliveriesList .desc-text { font-size: 17px; } .section-eastdeliveriesMain .c-ul li { padding-bottom: 11px; } .inlineList ul { padding: 0; margin: 0; list-style: none; margin-bottom: 38px; } .inlineList li { width: 185px; height: 53px; line-height: 53px; display: inline-block; vertical-align: middle; border: 1px solid #d6d6d6; text-align: center; color: #df2b2e; font-size: 26px; font-family: 'Bebas Neue'; margin: 0 10px; } .eastMap { margin-top: 55px; } .eastMap img { width: 100% !important; height: auto !important; } .page-policy { font-size: 17px; padding-bottom: 40px; } @media (max-width: 991) { .section-eastdeliveriesMain .desc-second { width: 100%; margin-top: 40px; } .section-eastdeliveriesMain .desc-first { padding-right: 0; } .inlineList li { width: 155px; font-size: 20px; } } @media (max-width: 740px) { .inlineList li { width: 100%; margin: 0 0 15px; } } @media (max-width: 400px) { .section-eastdeliveriesMain .desc-second { padding: 27px 10px 10px 37px; } .section-eastdeliveriesMain .desc-second strong { font-size: 18px; } } @media (max-width: 980px) { .section-clients .img-text { margin-top: 0; padding-top: 215px; height: auto; } #page-about .about-team .container { background-size: 420px; padding-bottom: 320px; } .about-more-details .content { margin-bottom: 40px; } #page-about .about-numbers .container { max-width: 760px; } #page-about .about-numbers .item { width: 195px; height: 222px; font-size: 16px; } #page-about .about-numbers .item strong { font-size: 36px; } } @media (max-width: 760px) { #page-about .about-numbers .container { max-width: 520px; } #page-about .about-numbers .item:nth-child(n) { clear: none; } #page-about .about-numbers .item:nth-child(2n+1) { clear: both; } .about-attributes .title { margin-bottom: 20px; } } @media (max-width: 560px) { #page-about .about-team header h3 { font-size: 18px; } #page-about .about-team header h4 { font-size: 16px; } #page-about .about-team header h5 { font-size: 25px; margin-bottom: 25px; margin-top: 15px; } #page-about .columns > div:first-child { padding-left: 0; } #page-about .about-team ul { font-size: 12px; } .about-attributes .title { text-align: center; } .about-attributes img { margin: 0 0 15px; } .about-attributes h3 { font-size: 18px; display: block; } .about-attributes h3 strong { font-size: 20px; } #page-about .about-numbers .container { max-width: 308px; padding: 0; } #page-about .about-numbers .item { width: 135px; height: 142px; font-size: 13px; margin: 6px; } #page-about .about-numbers .item strong { font-size: 24px; } #page-about .about-numbers .item:nth-child(2) strong { font-size: 20px; } .about-form h3 { font-size: 26px; } .about-form .links a, .about-form .links a:last-child { float: none; display: block; margin-right: 15px; } } @media (max-width: 400px) { .section-clients .img-text h5 { font-size: 14px; } .section-clients .img-text p { font-size: 12px; } } /* business */ .pageId-199 .about-form h3 { display: none; } #page-business { overflow: hidden; } .page-business .section-business h4 { font-weight: 500; text-transform: uppercase; } .page-business .section-business h5 { text-transform: uppercase; font-size: 18px; } .page-business .desc:last-child h5 { font-style: italic; } .page-business .desc:last-child ul { margin-bottom: 15px; } .c-h3 h3 { font-size: 24px; color: #df2b2e; font-weight: 500; margin: 0 0 35px; text-transform: uppercase; } .c-ul ul { list-style-image: url('../img/icon-li-correct.png'); padding: 0; text-align: left; } .c-ul li { padding-left: 7px; padding-bottom: 18px; } .business-eco.c-h3 h3:first-of-type { text-align: center; } .business-eco.c-h3 h3 { text-align: left; } .business-eco img { max-width: 100%; } .business-eco .header-text { color: #df2b2e; font-size: 30px; text-align: center; margin-top: 30px; font-family: 'Bebas Neue'; } .business-eco .right { padding: 0px 125px; text-align: justify; line-height: 1.7; } .business-eco h3, .business-eco h3:last-of-type { text-align: left; } .business-edu { background: #f2f2f2; padding-top: 35px; text-align: center; } .business-edu .left { padding: 0 135px; } .business-edu .right { text-align: center; padding-top: 0; } .business-perspective { padding-top: 30px; min-height: 810px } .business-perspective .left { position: relative; } .business-perspective .left img { position: absolute; right: 0; top: 80px; } .business-perspective .header-text { color: #df2b2e; font-size: 30px; text-align: center; margin-top: 30px; font-family: 'Bebas Neue'; } .business-perspective .right { padding: 0 70px; text-align: center; } .business-perspective .right .text { padding: 0 45px; } @media (max-width: 1023px) { .business-edu .right { padding-top: 10px; } .business-edu .right img { max-width: 50%; display: block; margin: 0 auto; } .business-perspective .left img { display: none; } .business-eco img { max-width: 70%; margin: 0 auto 40px; display: block; } .business-eco .header-text { margin-bottom: 50px; } } @media (max-width: 450px) { .c-h3 h3 { font-size: 17px; } .c-ul ul { font-size: 15px; } .business-perspective .right, .business-eco .right, .business-edu .left { padding: 0 30px; } .business-perspective .right .text, .business-eco .right .text, .business-edu .left .text { padding: 0 35px; } .business-eco .header-text span, .business-eco .header-text div { font-size: 20px !important; } .business-perspective .header-text { font-size: 20px; margin-top: 0; } .business-perspective { min-height: initial; padding-bottom: 25px; } } /* clients */ #page-clients .dots-ul { margin-top: 10px; } #page-clients section { overflow: hidden; } .page-clients section { padding-top: 35px; padding-bottom: 75px; } .page-clients .section-header { padding-top: 0; } .page-clients .clients-header { font-size: 18px; text-align: center; padding-bottom: 85px; background-position: bottom right; background-repeat: no-repeat; } .page-clients .clients-header .section-header { margin-bottom: 30px; } .page-clients .clients-header .text-content { max-width: 515px; margin-left: 35px; } .page-clients .clients-header .desc { margin-bottom: 90px; color: #e13639; } .page-clients .clients-header .desc2 { margin-bottom: 55px; } .page-clients .clients-header strong { color: #e13639; } .clients-experience-logistic { text-align: center; } .clients-experience-logistic .title-header h3 { font-size: 24px; text-transform: uppercase; margin: 15px 0 30px; color: #df2b2e; font-weight: 400; } .clients-experience-logistic .item { min-height: 200px; padding-top: 25px; margin-bottom: 25px; background: #f5f7f9; } .clients-experience-logistic .item:nth-child(2) { background: #eef0f2; } .clients-experience-logistic .item h3 { color: #df2b2e; font-size: 30px; font-family: 'Bebas Neue'; text-transform: uppercase; font-weight: bold; margin: 0 0 30px; } .clients-experience { text-align: center; color: #fff; } .clients-experience .text { margin-top: 10px; padding: 0 50px; font-size: 14px; } .clients-experience .desc-container { max-width: 540px; padding-bottom: 250px; } .clients-experience .sub-header { margin-bottom: 30px; margin-top: 30px; } .clients-experience .desc-container ul { font-size: 18px; } .clients-experience .desc-container ul li { margin-bottom: 36px; } .clients-experience .desc-container ul li:last-child { margin-bottom: 0; } #page-clients section.offer-1 { background: #f5f6f6; background: radial-gradient(ellipse at center, #f5f6f6 0%, #dcdee1 51%, #aebac5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#aebac5', GradientType=1); } .clients-offer-list .item:nth-child(even) { background: #f4f4f4; } .clients-offer-list header { margin-bottom: 30px; } .clients-offer-list header h3 { color: #df2b2e; font-size: 30px; font-weight: 500; } .clients-offer-list header h4 { color: #fff; } .clients-offer-list .item { clear: both; } .clients-offer-list section.offer-1 .inner { float: right; margin-right: 95px; } .clients-offer-list section.offer-2 .inner, .clients-offer-list section.offer-3 .inner { float: left; margin-left: 95px; } .clients-offer-list .cover-img { height: auto; background-position: left center; background-repeat: no-repeat; background-size: 100%; } .clients-offer-list .item:nth-child(even) .cover-img { background-position: right bottom; } .clients-offer-list .inner { max-width: 514px; font-size: 18px; } .clients-offer-list .sub-header h4 { color: #575757; } .clients-fleet { color: #fff; } .clients-fleet .text { font-size: 18px; text-align: center; } .fleet-list .item { width: 231px; height: 325px; padding-top: 25px; margin: 19px; float: left; border: 2px solid #fff; font-size: 16px; text-align: center; } #page-special-demands .fleet-list .item { height: 365px; } /*.fleet-list .item h5 { font-weight: 500; text-transform: uppercase; padding: 0px 18px 35px; line-height: 1.4; }*/ .fleet-list .item h5 { font-weight: 500; text-transform: uppercase; padding: 0px 18px 15px; line-height: 1.4; height: 60px; } #page-special-demands .fleet-list .item h5 { font-size: 16px; padding: 0 15px 10px; height: 58px; } .fleet-list .item .img { display: inline-block; padding-bottom: 42px; } #page-special-demands .fleet-list .item .img { display: block; padding-bottom: 20px; line-height: 90px; height: auto; } .fleet-list { max-width: 809px; margin: 0 auto; } .fleet-list .item:nth-child(4) h5, .fleet-list .item:nth-child(5) h5, .fleet-list .item:nth-child(6) h5 { height: 80px; padding-bottom: 0; } .fleet-list .item:nth-child(4) .img, .fleet-list .item:nth-child(5) .img, .fleet-list .item:nth-child(6) .img { height: 55px; margin-bottom: 12px; margin-top: -5px; } /*.fleet-list .item:nth-child(6) .img { margin-top: -33px; margin-bottom: 24px; }*/ .clients-form { margin-top: 50px; padding-bottom: 30px; } /* donwloads */ .downloads { margin: 20px 0 0; padding: 0; list-style: none; } .downloads li { display: inline-block; vertical-align: middle; margin: 15px 20px; } .downloads a { color: #575757; } .downloads a:before { content: ''; width: 32px; height: 32px; display: inline-block; vertical-align: middle; background: center center no-repeat/100%; } .downloads a.ext-jpg:before { background-image: url('../img/jpg-document.png'); } .downloads a.ext-png:before { background-image: url('../img/png-document.png'); } .downloads a.ext-docx:before { background-image: url('../img/docx-document.png'); } .downloads a.ext-zip:before { background-image: url('../img/zip-document.png'); } .downloads a.ext-pdf:before { background-image: url('../img/pdf-document.png'); } @media (max-width: 1600px) { .page-clients .clients-header { background-size: 1480px; } } @media (max-width: 1400px) { .clients-offer-list .item .inner { margin-left: 0; } .clients-offer-list .item:nth-child(even) .inner { margin-left: 0; margin-right: 0; } } @media (max-width: 1200px) { .page-clients .clients-header { padding-bottom: 400px; } .page-clients .clients-header .text-content { margin: 0 auto; } .clients-experience .desc-container { margin: 0 auto; } } @media (max-width: 1023px) { .clients-experience .item { min-height: 160px; } .clients-offer-list .item .row-equal-height *[class^="col-"] { display: block; } .clients-offer-list .cover-img { height: 0; padding-bottom: 45%; background-position: center bottom; } .clients-offer-list .item .inner:nth-child(n) { margin: 0 auto; } .clients-offer-list .item:nth-child(even) .inner { float: none; } .clients-offer-list header h3 { font-size: 22px; } .clients-offer-list .sub-header h4 { font-size: 16px; } .clients-offer-list .text { font-size: 15px; } .clients-fleet .text { font-size: 15px; } .fleet-list .item { width: 200px; font-size: 14px; } } @media (max-width: 960px) { .about-description { background-image: none !important; } } @media (max-width: 766px) { .fleet-list .item { font-size: 16px; } .fleet-list { max-width: 480px; margin: 0 auto; } } @media (max-width: 540px) { .fleet-list .item { width: 100%; margin: 10px 0 20px; } } /* career */ #page-career section { overflow: hidden; } .career-about .container { padding-bottom: 60px; background-repeat: no-repeat; background-position: right bottom; } .career-about .more-header { text-align: center; line-height: 1.2; color: #df2b2e; font-size: 35px; font-family: 'Bebas Neue'; text-transform: uppercase; margin-bottom: 25px; margin-top: 15px; } .career-about .content-1 ul { display: inline-block; text-align: left; margin: 0; padding: 0; list-style: none; } .career-about .content-1 li { counter-increment: step-counter; font-size: 17px; margin-bottom: 18px; } .career-about .content-1 li:before { content: counter(step-counter); width: 45px; height: 45px; line-height: 45px; background: #e03538; color: #fff; text-align: center; font-size: 18px; font-family: 'Bebas Neue'; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 20px; font-weight: bold; } .career-about .columns { text-align: center; } .career-about .join-us { text-align: left; padding-left: 220px; } .career-about .join-us a { color: #df2b2e; text-decoration: underline; } .career-about .content-2 { width: 520px; background: #fff; padding: 30px 10px; font-size: 16px; font-weight: 400; margin: 99px auto 0; font-size: 21px; } .career-about .content-2 strong { font-weight: 500; color: #df2b2e; font-size: 21px; } .career-arguments { text-align: center; } .career-arguments .more-header { color: #df2b2e; font-size: 33px; font-family: 'Bebas Neue'; text-transform: lowercase; margin-bottom: 45px; margin-top: 25px; text-align: center; max-width: 600px; margin: 10px auto 30px; background: #EDEDED; padding: 30px 20px; } .career-arguments .text-content ul { max-width: 690px; display: inline-block; margin: 0; padding: 0; list-style: none; } .career-arguments .text-content li { counter-increment: step-counter; font-size: 14px; margin-bottom: 40px; position: relative; padding-left: 70px; text-align: left; line-height: 1.8; } .career-arguments .text-content li:before { content: counter(step-counter); width: 45px; height: 45px; line-height: 45px; background: #e03538; color: #fff; text-align: center; font-size: 18px; font-family: 'Bebas Neue'; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 20px; font-weight: bold; position: absolute; top: 0; left: 0; } .career-arguments { color: #fff; } .career-arguments .text-content strong { color: #df2b2e; font-family: 'Bebas Neue'; font-size: 34px; margin-bottom: 30px; margin-top: 17px; font-weight: 400; display: block; } .career-arguments .last-info { font-size: 18px; text-transform: uppercase; margin: 30px 0 85px; } .career-filozofy header { max-width: 830px; margin: 0 auto 60px; } .career-filozofy header h4 { line-height: 1.3; } .career-filozofy .list-content { width: 876px; padding-bottom: 60px; } .career-filozofy .list-content .item { float: left; display: table; vertical-align: middle; width: 236px; height: 242px; border: 1px solid #fff; text-align: center; margin: 20px; color: #fff; font-size: 18px; } .career-filozofy .list-content .item:nth-child(4) { clear: both; } .career-filozofy .list-content .inner { display: table-cell; vertical-align: middle; } .career-filozofy .list-content h3 { font-weight: 400; } .career-cv { padding-top: 30px; padding-bottom: 40px; } .career-cv .box { background: #fff; padding: 30px 30px; text-align: center; font-size: 17px; margin-top: 30px; margin-bottom: 50px; } .career-cv .box strong { color: #df2b2e; font-size: 19px; } .career-cv .box-info { text-align: center; font-size: 14px; margin-top: 30px; } .career-cv .box-info a { color: #df2b2e; text-decoration: underline; } @media (max-width: 1023px) { .career-about .content-2 { width: 100%; margin-top: 10px; } .career-about .join-us { padding: 0; text-align: center; } } @media (max-width: 480px) { .career-cv-offer .item h4 { font-size: 14px; padding-left: 17px; padding-right: 14px; } .career-cv-offer .item h4:after { font-size: 27px; } .career-arguments .text-content strong { font-size: 28px; } .career-arguments .text-content li { padding-left: 48px; } .career-arguments .text-content li:before { width: 35px; height: 35px; line-height: 35px; } } /* hauler page */ .sub-header { text-align: center; text-transform: uppercase; } .sub-header h3 { margin: 0 0 10px; color: #df2b2e; font-size: 24px; font-weight: 500; } .sub-header h4 { margin: 0 0 10px; font-size: 18px; font-weight: 400; } .sub-header.white h4 { color: #fff; } .dots-ul ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: top; text-align: left; } .dots-ul ul li { position: relative; padding-left: 14px; margin-bottom: 16px; } .dots-ul ul li:before { content: '\2022'; position: absolute; top: 2px; left: 0; color: #df2b2e; } #page-hauler section { padding-top: 30px; overflow: hidden; } #page-hauler .section-header { padding-top: 0; } .hauler-packet1 { background: #fff; text-align: center; font-size: 18px; padding-bottom: 65px; background-position: bottom right; background-repeat: no-repeat; } .hauler-packet1 .section-header { margin-bottom: 30px; } .hauler-packet1 .div1 { color: #df2b2e; } .hauler-packet1 .div1, .hauler-packet1 .div2, .hauler-packet1 .div3 { padding-bottom: 85px; } .page-hauler .about-form { padding-bottom: 30px; } @media (max-width: 720px) { #page-hauler .hauler-packet1 { background: none !important; padding-bottom: 0; } #page-hauler .hauler-packet1 .div2 { padding-bottom: 0; } } .hauler-packet2, .hauler-packet3 { font-size: 18px; padding-bottom: 95px; } .hauler-packet2 .cover-img, .hauler-packet3 .cover-img { height: auto; background-position: left center; background-repeat: no-repeat; background-size: 100%; } .hauler-packet2 .sub-header, .hauler-packet3 .sub-header { margin-bottom: 28px; } .hauler-packet2 .inner, .hauler-packet3 .inner { max-width: 554px; text-align: center; } .hauler-packet3 .cover-img { height: auto; background-position: right center; background-repeat: no-repeat; background-size: 100%; } .hauler-packet2 { background: #f4f4f4; } .hauler-packet3 .inner { float: right; padding-right: 70px; } .hauler-form { margin-top: 50px; margin-bottom: 50px; } #page-hauler section .hauler-notice { overflow: hidden; padding-top: 5px; } .hauler-notice { padding-top: 30px; padding-bottom: 40px; background: #fff; } .hauler-notice .box-info { text-align: center; font-size: 18px; margin-top: 30px; } .hauler-notice .box-info a { color: #df2b2e; } .hauler-notice .row { min-height: 550px; } .hauler-notice .text-content { vertical-align: middle; } .hauler-notice .cover-img { height: auto; background-position: left center; background-repeat: no-repeat; background-size: 100%; } .page-hauler .form-content { margin-top: 0; } @media (max-width: 1600px) { .page-hauler .hauler-packet1 { background-size: 1480px; } } @media (max-width: 1600px) { .hauler-notice .row { min-height: 370px; } } @media (max-width: 1200px) { .page-hauler .hauler-packet1 { padding-bottom: 0; } .page-hauler .hauler-packet1 .text-content { width: 100%; } } @media (max-width: 990px) { #page-hauler .row-equal-height *[class^="col-"] { display: block; float: none; } .haulter-item .inner { float: none; margin: 0 auto; padding: 0; } .haulter-item .cover-img { height: 0; padding-bottom: 45%; background-position: center bottom; } .clients-offer-list section.offer-1 .inner { float: none; } .hauler-notice .cover-img { margin-top: 50px; padding-bottom: 480px; background-position: center center; background-size: 100%; } } @media (max-width: 620px) { .hauler-notice .cover-img { padding-bottom: 300px; } } @media (max-width: 550px) { .haulter-item .inner { font-size: 13px; } } @media (max-width: 420px) { .hauler-notice .cover-img { padding-bottom: 200px; } } /* news */ .news-page { padding: 110px 0; background: #ededed; } .news-item .inner { border-bottom: 2px solid #df2b2e; padding-bottom: 15px; margin-bottom: 55px; } .news-list .img { height: 200px; background-size: cover; background-position: center center; display: block; } .news-list .text-content { padding: 10px 20px; } .news-list .text-content h3 { margin: 0 0 10px; color: #df2b2e; font-weight: 500; } .news-list .text-content date { color: rgba(128, 128, 128, 0.83); font-weight: 300; } .news-list .text { height: 170px; overflow: hidden; } .news-list .text-content .button { margin-top: 20px; } .news-list a:hover { text-decoration: none; } .news-list .img-container { overflow: hidden; position: relative; } .news-list .img-container .img { transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .news-list .img-container:hover .img { -webkit-transform: scale(1.2); transform: scale(1.2); } .news-details { background: #fff; padding: 40px; } .news-details .news-thumbnail { padding-bottom: 75%; background-size: cover; background-position: center; margin-bottom: 20px; } .news-details h1 { margin: 0 0 10px; font-weight: 400; color: #df2b2e; } .news-details date { margin-bottom: 20px; color: rgba(128, 128, 128, 0.83); font-weight: 300; display: block; } .news-details a { color: #df2b2e; } .news-details .thumb img { display: block; max-width: 99%; margin: 0 auto; } @media (min-width: 1022px) { .news-details .thumb { padding-right: 40px; } } .news-details .text-content img { max-width: 100%; height: auto !important; display: block; } .new-news h2 { text-align: center; margin: 50px 0 30px; } @media (max-width: 1200px) { .news-list .text { height: 230px; } } @media (max-width: 1023px) { .haulter-item .inner { font-size: 13px; } .news-list .text-content h3 { font-size: 17px; } } @media (max-width: 991px) { .news-list .text { height: auto; } } @media (max-width: 766px) { .news-item .inner { height: auto; } .news-list .img { height: 0; padding-bottom: 40%; } .news-details h1 { font-size: 26px; } } @media (max-width: 580px) { .news-list .text-content { padding: 10px 0; } } /* referencje */ .section-reference-list { text-align: center; } .page-references .description { max-width: 690px; margin: 30px auto 60px; background: #EDEDED; font-size: 16px; padding: 20px 40px; text-align: center; } .page-references .description strong { color: #df2b2e; } .page-references #reference-slider { width: 1000px; margin: 0 auto; } .page-references #reference-slider .item { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid rgba(226, 226, 226, 0.81); } .page-references .section-references .ref-img { text-align: left; margin-top: 15px; } .reference-list .item { width: 210px; height: 203px; cursor: pointer; text-align: center; line-height: 206px; margin: 20px; border-bottom: 3px solid #df2b2e; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 0px 14px 1px rgba(115, 115, 115, 0.15); box-shadow: 0px 0px 14px 1px rgba(115, 115, 115, 0.15); transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .reference-list .item:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .page-start .reference-list .item { cursor: default; } .reference-list .item img { vertical-align: middle; display: inline-block; max-width: 145px; max-height: 85px; } .section-reference-list .header-img { text-align: center; line-height: 145px; margin-bottom: 65px; } .section-reference-list .single-opinion { width: 50%; padding: 0 40px; margin-bottom: 65px; float: left; font-size: 15px; line-height: 1.9; } @media (max-width:960px) { .section-reference-list .single-opinion { width: 100%; float: none; margin: 10px; padding: 5px 20px; font-size: 13px; line-height: 1.4; } } .section-reference-list .single-opinion.the-only-one { float: none; width: 60%; margin: 0 auto; } .section-reference-list .single-opinion .signature { text-align: right; margin-top: 28px; } #reference-list-slider .owl-stage-outer { border-bottom: 3px solid #e1393c; -webkit-box-shadow: 0px 0px 21px 6px rgba(115, 115, 115, 0.25); box-shadow: 0px 0px 21px 6px rgba(115, 115, 115, 0.25); padding-top: 35px; margin-bottom: 40px; } #reference-list-slider .owl-nav { text-align: center; } #reference-list-slider .owl-nav > div { background: #e13639; color: #fff; display: inline-block; vertical-align: middle; margin: 5px; line-height: 35px; padding: 0 35px; -webkit-transform: skew(40deg); transform: skew(40deg); } #reference-list-slider .owl-nav > div span { display: block; -webkit-transform: skew(-40deg); transform: skew(-40deg); } .reference-list .last-item { width: 100%; height: auto; display: block; -webkit-box-shadow: none; box-shadow: none; border: none; font-size: 18px; line-height: 1.4; cursor: default; } .reference-list .last-item a { text-decoration: underline; color: inherit; } .reference-list .last-item a:before { content: ''; width: 45px; height: 45px; display: inline-block; background: url('../img/ico-pdf.png'); vertical-align: middle; margin-right: 20px; } /*list-style-image: url('sqpurple.gif');*/ #page-fleet .subpage-header h1 { color: #e03538; } .section-fleet .desc { line-height: 26px; padding: 20px 0; } .section-fleet .desc a { color: #e03538; } #page-fleet section.clients-fleet { padding: 50px 0; } .row.fleet-item { padding: 25px 0; border-bottom: 1px #e03538 solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .row.fleet-item h5 { text-transform: uppercase; font-weight: 400; } @media (max-width:720px) { .row.fleet-item { display: block; } .row.fleet-item .col-xs-12.col-sm-6 { padding: 10px 15px; text-align: center; } } /* page-certyficate */ .page-certyficate .section-certificate { height: auto; padding-bottom: 0; margin-bottom: -40px; } #certificate { background-size: cover; background-position: bottom center; } /* RESPONSIVE */ /* @media (min-width: 1230px) {...} @media (min-width: 1022px) {...} @media (max-width: 1021px) {...} @media (min-width: 798px) {...} @media (max-width: 797px) {...} @media (max-width: 598px) {...} @media (max-width: 510px) {...} @media (min-width: 798px) and (max-width: 1021px) {...} @media (min-width: 1022px) and (max-width: 1229px) {...} */ .section-header { /*-webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;*/ } .row-equal-height { display: table; } @media (max-width: 1440px) { .section-clients .empty { display: none; } .section-clients .text-content { width: 40%; } .section-clients .cover-img { width: 60%; } } @media (max-width: 1350px) { .section-clients .text-content { padding-right: 60px; } .section-hauler .empty { display: none; } .section-hauler .text-content { width: 50%; } } @media (max-width: 1300px) and (min-width: 1024px) { .section-hauler .cover-img { width: 50%; right: 50%; } .section-hauler .text-content { width: 50%; left: 50%; } } @media (max-width: 1200px) { #nav .nav li { padding-left: 0; } .section-features .container { width: 602px; } .section-features .item:nth-child(1) { margin-bottom: 60px; } .section-clients .text-content { width: 50%; } .section-clients .img-text { left: 20px; } #contactFormSend textarea { width: 100%; } #contactFormSend input { width: 100%; display: block; } .section-clients .text-content { padding-right: 22px; } } @media (max-width: 1140px) { #nav .nav li { padding: 0 20px; } #nav .nav a { font-size: 12px; } } @media (max-width: 1023px) { #main-slider .slider-element-204 .slider-inner { left: 0px; } .section-clients .text-content, .section-clients .cover-img, .section-hauler .cover-img, .section-hauler .text-content { width: 100%; display: block; } .section-clients { padding-bottom: 0; } .row-equal-height { display: block; } .section-hauler .cover-img, .section-clients .cover-img { height: 527px; } .footer .footer-join, .footer .footer-newsletter { margin-top: 30px; } .section-career .text li { font-size: 20px; } .search-menu-container { padding-right: 100px; } .navbar-collapse.collapse { display: none !important; } .navbar-toggle { display: block !important; background: #df2b2e; } .collapse.in { display: block !important; } .navbar-default .navbar-toggle { display: block !important; float: none; margin: 0; background: #df2b2e; padding: 10px 7px; border-radius: 0; border: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .navbar-default .navbar-toggle:hover { background: #fff; } .navbar-toggle .icon-bar { width: 39px; height: 5px; border-radius: 0; background: #fff; } .navbar-default .navbar-toggle .icon-bar { background: #fff; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .navbar-default .navbar-toggle:hover .icon-bar { background: #df2b2e; } .navbar-header { position: absolute; top: -114px; right: -20px; z-index: 20; } #nav .nav li { display: block; } #nav .nav li:first-child { padding: 0 20px; } #nav .nav a { font-size: 18px; padding: 10px 0; border-bottom: 1px solid #EDEDED; } #nav .nav a:hover { border-bottom-width: 1px; } .search-menu-container {} .section-hauler .text-content { left: 0; width: 100%; } .section-hauler .cover-img { width: 100%; right: 0; } .news-column { margin-bottom: 30px; } } @media (max-width: 760px) { .navbar-header { right: -14px; } .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } } @media (max-width: 760px) { .subpage-header { height: 230px; } .subpage-header h1 { font-size: 24px; } } @media (max-width: 640px) { #main-slider .slider-inner { width: 100%; } #main-slider .slider-inner, .section-slider .slider-item { height: 374px; } #main-slider .slider-element-20403 .slider-inner:before { top: -146px; } .slider-text-container { padding-top: 94px; } #main-slider .slider-element-204 .slider-text-container { padding-top: 90px; } #main-slider .slider-element-204 .slider-inner:before { top: -241px; } #main-slider .slider-element-204 .slider-inner:after { bottom: -124px; } #main-slider .slider-element-205 .slider-text-container { padding-top: 82px; } #main-slider .slider-element-205 .slider-inner:before { top: -109px; } #main-slider .slider-element-205 .slider-inner:after { bottom: -26px; } #main-slider .owl-controls { left: 20px; } .section-header { padding: 35px 98px 17px; } .section-features h4 { font-size: 30px; } .section-about .note { margin: 0 20px; } .section-about .partners-text li, .section-about .partners-text li:nth-child(2) { display: block; margin: 40px auto; } .section-about .partners-text li:nth-child(2):before, .section-about .partners-text li:nth-child(2):after { position: absolute; width: 100%; left: initial; top: -35px; left: 0; line-height: 1; } .section-about .partners-text li:nth-child(2):after { top: initial; bottom: -35px; } .section-about .partners-text { font-size: 18px; } #reference-slider { height: 389px; } #reference-slider .owl-item img { margin-bottom: 40px; } .section-hauler .cover-img, .section-clients .cover-img { height: 385px; } .section-clients .img-text { width: 395px; padding-top: 160px; } .section-clients .img-text h5 { font-size: 24px; } .section-clients .img-text p { font-size: 19px; } .section-career .section-header { padding: 35px 18px 17px; } .section-career .text { padding-top: 20px; padding-left: 20px; } .section-career { padding-top: 40px; } .section-business .desc li { display: block; margin: 20px auto; } .section-business .desc2 { margin-top: 45px; } #certificate .item img { max-width: 100%; max-height: initial; display: block; margin: 0; } .section-certificate { height: auto; } #certificate { height: auto; margin-bottom: 50px; margin-top: 35px; } .section-news { padding: 30px 0 28px; } .section-news .text-content { margin-bottom: 40px; } #gMap { height: 290px !important; } .section-contact .row { margin-top: 25px; } #contactFormSend .tr { text-align: center; } .footer-nav li { width: 100%; text-align: center; } .footer h4 { text-align: center; font-size: 36px; } .footer .footer-join, .footer .footer-newsletter { width: 100%; } .footer-nav li a { font-size: 24px; height: 60px; line-height: 60px; border-bottom: 1px solid #444049; display: block; } .footer-nav li:last-child { border: none; } #newsletter { position: relative; } #newsletter .text { display: none; } #newsletter input { width: 100%; } #newsletter .btn { position: absolute; right: 0; top: 0; } .footer .socials { width: 100%; display: block; text-align: center; } .footer-description { display: none; } .footer-bottom-logo { text-align: center; } .copyright { margin-top: 70px; text-align: center; } .footer-bottom-logo img { width: 594px; max-width: 100%; } .footer .socials a { width: 100px; height: 100px; line-height: 100px; font-size: 43px; } #mobileTop { display: block; } } @media (max-width: 639px) { .logo-container { width: 100%; } .logo-container { width: 100%; } .search-menu-container { width: 100%; padding: 24px 26px 0; } .navbar-header { top: -157px; } .nav-content { margin-top: 15px; } .section-about .partners-text li.go:nth-child(2):before, .section-about .partners-text li.go:nth-child(2):after { display: none !important; } } @media (max-width: 620px) { .section-features .container { width: 403px; max-width: 100%; } .section-features .item:nth-child(n) { margin-bottom: 50px; } } @media (max-width: 540px) { #main-slider .slider-title { font-size: 33px } #main-slider .slider-text { font-size: 15px; } #main-slider .slider-second { font-size: 17px; } #main-slider .slider-inner, .section-slider .slider-item { height: 324px; } #main-slider .slider-element-204 .slider-title { font-size: 21px; } #main-slider .slider-element-205 .slider-title { font-size: 21px; } .section-clients .desc2 { margin: 45px 0 25px; } .section-clients { font-size: 15px; } .section-hauler .cover-img, .section-clients .cover-img { height: 305px; } .section-clients .img-text { width: 327px; padding-top: 122px; } .section-clients .img-text h5 { font-size: 19px; margin-bottom: 15px; } .section-clients .img-text p { font-size: 16px; } .section-career .section-header { padding: 5px 18px 17px; } .section-header h3 { margin: 0px 0 15px; color: #df2b2e; font-size: 22px; font-weight: 500; } .section-header h4 { font-size: 16px; } .section-career .text { padding-left: 0; } .section-career .text li { font-size: 15px; } .section-career .text li:before { width: 35px; height: 35px; line-height: 35px; font-size: 19px; margin-right: 9px; } .section-career { padding-top: 40px; } .section-header { padding: 35px 20px 17px; } .section-business { font-size: 16px; } .section-business .desc ul { margin-bottom: 40px; } .section-news .news-img-container { float: none; margin: 5px auto; } .section-news .text-content { float: none; width: 100%; padding-left: 0; text-align: center; } .section-news .img { margin: 0 auto 30px; } .section-news .text-content .tr { text-align: center; } .section-news .item .button { margin-right: 0; } .footer .socials a { width: 70px; height: 70px; line-height: 70px; font-size: 30px; } .subpage-header h1 { font-size: 19px; margin-bottom: 10px; } .subpage-header h2 { font-size: 15px; } } @media (max-width: 440px) { #main-slider .slider-inner { margin-left: 0; } #main-slider .slider-text { font-size: 13px; } .section-features .item:nth-child(n) { display: block; margin: 20px auto 40px; } .section-features { padding: 36px 0 34px; } .section-news h3 { font-size: 22px; margin-bottom: 22px; } .footer-nav li a { font-size: 18px; height: 50px; line-height: 50px; } .section-hauler .cover-img, .section-clients .cover-img { height: 275px; } .section-clients .img-text { width: 287px; padding-top: 113px; } .section-career .text li:before { width: 25px; height: 25px; line-height: 25px; } .header-search-content { overflow: initial; margin-right: 0; margin-top: 22px; } .header-search-content input { opacity: 1; position: static; } .search-menu-container { overflow: initial; } .navbar-header { top: -133px; } .language { position: absolute; top: -87px; width: 75px; right: 26px; } .languages { width: 75px; top: 27px } .languages li { background: #fff; position: relative; z-index: 50; } } @media (max-width: 390px) { .footer .socials a { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } } .new-page-career .center-circle { font-size: 29px; color: #df2b2e; text-transform: uppercase; line-height: 35px; width: 300px; margin: 0 auto; border: 20px solid #3f4256; border-radius: 100%; height: 300px; padding-top: 43px; margin-top: 79px; font-family: 'Roboto Condensed', sans-serif; position: relative; } .new-page-career .center-circle .button { margin-top: 10px; font-size: 18px; padding: 0 33px; } .new-page-career .career-about { background: #ededed; } .new-page-career .about-circle { position: relative; padding-bottom: 12%; } .new-page-career .list-circle { font-size: 18px; color: #575757; line-height: 23px; } .new-page-career .list-circle::after { content: ''; background: #e03538; width: 40px; height: 3px; margin: 10px auto; position: absolute; left: 0; bottom: -30px; right: 0; } .new-page-career .list-circle.list-circle-1 { position: absolute; top: -44px; font-size: 18px; color: #575757; left: 19%; } .new-page-career .list-circle.list-circle-2 { position: absolute; right: 17%; top: -50px; } .new-page-career .list-circle.list-circle-3 { position: absolute; right: 12%; top: 46%; } .new-page-career .list-circle.list-circle-4 { position: absolute; bottom: -7px; left: 0; right: 0; } .new-page-career .list-circle.list-circle-5 { position: absolute; left: 10%; bottom: 33%; } .center-circle span { width: 16px; height: 30px; background: #ededed; display: block; } .center-circle span:first-of-type { position: absolute; top: -20px; left: 0; right: 0; margin: auto; } .center-circle span:nth-of-type(2) { position: absolute; right: -20px; top: 45%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .center-circle span:nth-of-type(3) { position: absolute; right: 28px; bottom: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .center-circle span:nth-of-type(4) { position: absolute; left: 35px; bottom: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .center-circle span:nth-of-type(5) { position: absolute; left: 0; top: 16%; -webkit-transform: rotate(-62deg); transform: rotate(-62deg); } .new-page-career .offer-item { display: inline-block; width: 27%; border: 1px solid #fff; margin: 1.5%; vertical-align: top; padding: 30px; text-align: center; font-family: 'Roboto Condensed', sans-serif; } .new-page-career .offer-title { width: 200px; margin: 19px auto; height: 135px; } .new-page-career .offer-item { display: inline-block; width: 27%; border: 1px solid #fff; margin: 1.5%; vertical-align: top; padding: 30px; text-align: center; font-size: 22px; text-transform: uppercase; color: #fff; margin-top: 60px; } .new-page-career .offer-item a { background: #e03538; color: #fff; display: block; width: 61%; vertical-align: middle; padding: 0 18px; height: 35px; line-height: 35px; font-size: 14px; position: relative; border: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; margin: 10px auto } .new-page-career .offer-item a:before { content: ''; position: absolute; top: 0; left: -35px; width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 0; border-color: transparent #e03538 transparent transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .new-page-career .offer-item a:after { content: ''; position: absolute; top: 0; right: -35px; width: 0; height: 0; border-style: solid; border-width: 35px 0 0 35px; border-color: transparent transparent transparent #e03538; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .new-page-career .offer-item a:hover, .new-page-career .offer-item a:active, .new-page-career .offer-item a:focus { background: #c50921; text-decoration: none; } .new-page-career a:hover:before, .new-page-career .offer-item a:active:before, .new-page-career .offer-item a:focus:before { border-color: transparent #c50921 transparent transparent; } .new-page-career .offer-item a:hover:after, .new-page-career .offer-item a:active:after, .new-page-career .offer-item a:focus:after { border-color: transparent transparent transparent #c50921; } .new-page-career .career-cv .box-info a.button { color: #fff; text-decoration: none; } .new-page-career .career-cv { padding-top: 0; padding-bottom: 220px; } .new-page-career .why-item { width: 19%; display: inline-block; vertical-align: top; margin-top: 44px; } .new-page-career .why-section { text-align: center; padding-bottom: 27px; background: no-repeat center/cover; } .new-page-career .item-title { color: #fff; font-size: 24px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; margin-top: 30px; margin-bottom: 20px; } .new-page-career .item-count { color: #df2b2e; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; position: relative; padding-top: 30px; margin-bottom: 50px; text-transform: uppercase; } .new-page-career .item-img { height: 100px; line-height: 100px; vertical-align: middle; } .new-page-career .item-count::before { content: ''; height: 3px; background: #df2b2e; width: 40px; position: absolute; top: 0px; left: 0; right: 0; margin: auto; } .new-page-career .career-arguments { padding-bottom: 50px; } .new-page-career .career-cv .box-info { font-size: 18px; } .new-page-career .career-questions { background: #ededed; padding-bottom: 30px; } .new-page-career .career-questions .item { border-bottom: 1px solid #c6c6c6; } .new-page-career .career-questions .item:last-child { border: none; } .new-page-career .career-questions .item h4 { font-weight: 400; padding-left: 47px; padding-right: 34px; padding-top: 31px; padding-bottom: 19px; cursor: pointer; margin: 0; } .new-page-career .career-questions .item h4:after { content: "\203A"; float: right; color: #df2b2e; font-size: 38px; margin-top: -9px; } .new-page-career .ambasador h6 { color: #e13639; font-size: 18px; } .new-page-career .ambasador .in-6 { width: 63%; float: right; text-align: center; font-size: 18px; } .new-page-career .ambasador .in-6 ul { text-align: left; display: inline-block; } .new-page-career .ambasador .in-6 ul li { list-style: none; position: relative; } .new-page-career .ambasador .in-6 ul li::before { content: ''; width: 4px; height: 4px; border-radius: 5px; background: #e13639; position: absolute; left: -15px; top: 10px; } .new-page-career .ambasadorImg { height: 500px; margin: 0 -15px 0 0; background: no-repeat center/cover; } .new-page-career .ambasador { margin-bottom: 50px; } .new-page-career .practiceImg { height: 490px; margin: 15px 0 0 -22px; background: no-repeat center/cover; width: 95.4%; } .new-page-career .practice .in-6 { width: 60%; color: #575757; font-size: 18px; line-height: 27px; text-align: center; } .new-page-career .practice .in-6 ul { text-align: left; margin-top: 10px; } .new-page-career .practice .in-6 ul li { list-style: none; position: relative; } .new-page-career .practice .in-6 ul li::before { content: ''; width: 4px; height: 4px; border-radius: 5px; background: #e13639; position: absolute; left: -15px; top: 10px; } .new-page-career .practice .in-6 h5 { font-size: 18px; color: #e13639; } .new-page-career .practice .in-6 h6 { font-size: 18px; color: #504f4f; margin-bottom: 20px; } .new-page-career .practice { padding-bottom: 60px; background: url(../img/bgPractice.jpg) no-repeat center/cover; } #modalCareer .modal-dialog { width: 740px; max-width: 100%; } #modalCareer .modal-content { border-radius: 0; } #modalCareer .modal-body { padding: 20px 12%; background: #f7f7f8; } #modalCareer .modal-body input, #modalCareer .modal-body textarea { background: #e4e4e4; } #modalCareer .file-button input { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } #modalCareer .file-button span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 98; text-align: left; padding: 8px 13px; background: url(../img/att.png) no-repeat 93%; } #modalCareer .file-button { position: relative; background: #e4e4e4; height: 44px; margin-bottom: 8px; } #modalCareer button.close { width: 30px; height: 30px; background: #d3393e; color: #fff; opacity: 1; position: absolute; right: 10px; top: 10px; border-radius: 100%; font-weight: 300; padding-bottom: 2px; } #modalCareer .small-padding-right { padding-right: 2px; } #modalCareer .small-padding-left { padding-left: 2px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #1d2139; } .modal-backdrop.in { opacity: 0.73 } @media (max-width:1199px) { .new-page-career .offer-item a { width: 81% } .new-page-career .center-circle { width: 260px; height: 260px; padding-top: 25px; font-size: 25px; } .new-page-career .center-circle .button { padding: 0 20px; } .new-page-career .list-circle { font-size: 16px; } .center-circle span:nth-of-type(3) { right: 25px; bottom: 6px; } .center-circle span:nth-of-type(4) { left: 25px; bottom: 0px; } } @media (max-width:991px) { .new-page-career .item-title { font-size: 14px; } .new-page-career .item-count { font-size: 17px; } .new-page-career .offer-title { width: 100%; margin: 19px auto; height: 107px; font-size: 18px; } .new-page-career .offer-item a { width: 81%; font-size: 11px; padding: 0; } .new-page-career .offer-item { width: 40%; } .new-page-career .ambasador .in-6 { width: 100%; } .new-page-career .practice .in-6 { width: 100%; } } @media (max-width:767px) { .new-page-career .why-item { width: 25%; } .new-page-career .ambasadorImg { margin: 20px 0; width: 100%; height: 300px; background-size: contain; } .new-page-career .practiceImg { margin: 10px auto; width: 100%; height: 300px; background-size: contain; } .new-page-career .practice .in-6 ul { display: inline-block; } } @media (max-width:641px) { .new-page-career .list-circle { position: relative !important; left: 0 !important; right: 0; top: 0 !important; bottom: 0; margin: 30px; } .new-page-career .offer-item { width: 70%; } .new-page-career .why-item { width: 48%; } } @media (max-width:320px) { .new-page-career .practiceImg, .new-page-career .ambasadorImg { height: 200px; } .new-page-career .offer-item { width: 100%; } } #page-sales .subpage-header { text-align: left; padding-left: 28%; text-transform: inherit; font-size: 18px; font-weight: 300; } #page-sales .subpage-header h1 { font-weight: 500; font-family: 'Roboto'; font-size: 48px; color: #de2b2e; } #page-sales .subpage-header strong { color: #d42a2c; font-weight: 300; } #page-sales .subpage-header .table-cell { display: inline-block; text-align: center; margin-top: 100px; } #page-sales .section-sale { background: url(../img/bgPractice.jpg) no-repeat center/cover; padding-bottom: 80px; } #page-customer-service .person { margin-bottom: 40px; } #page-sales .person > img, #page-loimacron .section-sale .person > img, #page-milog .section-sale .person > img, #page-customer-service .section-sale-kontakt .person > img { display: block; margin: 40px auto 20px; } #page-sales .person .personName, #page-loimacron .section-sale .personName, #page-milog .section-sale .personName, #page-customer-service .section-sales-kontakt .personName, #page-special-demands .section-sales-kontakt .personName { font-size: 24px; color: #565656; text-align: left; } #page-sales .person .contactPerson, #page-loimacron .section-sale .contactPerson, #page-milog .section-sale .contactPerson, #page-customer-service .section-sales-kontakt .contactPerson, #page-special-demands .section-sales-kontakt .contactPerson { font-size: 16px; border-bottom: 1px solid #c2c2c2; padding-bottom: 2px; text-align: left; } #page-sales .person .contactPerson a, #page-loimacron .section-sale .contactPerson a, #page-milog .section-sale .contactPerson a, #page-customer-service .section-sales-kontakt .contactPerson a, #page-special-demands .section-sales-kontakt .contactPerson a { color: #de2b2e; text-decoration: underline; } #page-sales .person .contactPerson img, #page-loimacron .section-sale .contactPerson img, #page-milog .section-sale .contactPerson img, #page-customer-service .section-sales-kontakt .contactPerson img, #page-special-demands .section-sales-kontakt .contactPerson img { display: inline-block; margin-left: 20px; } #page-sales .person .personFeatures { font-size: 16px; text-align: left; } #page-sales .person .personFeatures ul { padding-left: 20px; margin-top: 10px; } #page-sales .person .personFeatures li { font-size: 18px; text-transform: uppercase; list-style-image: url('../img/icon-li-correct.png'); padding-left: 10px; } #page-sales .section-features-sales li { display: inline-block; width: 180px; height: 180px; margin: 10px; background: rgba(213, 44, 46, 0.7); border-radius: 100%; line-height: 173px; text-align: center; font-size: 24px; text-transform: uppercase; font-family: 'Bebas Neue'; } #page-sales .section-features-sales a:not(.button) { color: #d72c2f; text-decoration: underline; } #page-sales .section-features-sales { text-align: center; color: #fff; font-size: 18px; padding-bottom: 70px; padding-top: 20px; } .check-map-section { background: url(../img/bgPractice.jpg) no-repeat center/cover; padding-bottom: 50px; } .check-map-section img { margin: 10px auto; display: block; } #page-sales .section-maps { background: url(../img/bgPractice.jpg) no-repeat center/cover; padding-bottom: 50px; } #page-sales .section-maps img { margin: 10px auto; display: block; } #page-sales .section-work img { display: block; margin: 10px auto; } .section-how { background: url(../img/bgPractice.jpg) no-repeat center/cover; padding-bottom: 50px; } .section-how img { margin: 10px auto; display: block; } #page-sales .section-help { color: #fff; font-size: 14px; line-height: 24px; background-image: url(/!data/headers/background_553.png); background-size: auto 100%; background-position: top right; background-repeat: no-repeat; background-color: #31344b } #page-sales .section-help img { max-width: 100%; } #page-sales .section-help ul { padding-left: 20px; } #page-sales .section-help li { font-size: 18px; text-transform: uppercase; list-style-image: url('../img/icon-li-correct.png'); padding-left: 10px; line-height: 36px; } #page-sales .person { display: inline-block; } #page-sales p.big { font-size: 20px; text-transform: uppercase; } #page-sales p.red { color: #df2b2e } #page-sales p.blue { color: #17bde7 } #page-sales .table { margin-bottom: 50px; height: 100% } #page-sales .table .tablecell { width: 33.3333% } #page-sales .table .tablecell:nth-child(2) { text-align: right; padding-right: 20px } #page-sales .table table { margin-top: -20px; } #page-sales .table table th { text-transform: uppercase; font-size: 12px; text-align: center; line-height: 1.1em; vertical-align: bottom; padding: 0 2px } #page-sales .table table td { text-align: center } #page-sales .express { margin-top: 30px } #page-sales .express, #page-sales .groupage { margin-bottom: 40px } #page-sales .express strong { color: #df2b2e; font-weight: 500 } #page-sales .groupage strong { color: #17bde7; font-weight: 500 } #page-sales .section-sales-kontakt { background: url(../img/bgPractice.jpg) no-repeat center/cover; padding-bottom: 50px; } #page-sales .section-help .tc { margin-top: 70px; margin-bottom: 100px } #help_sales_express { max-width: 460px } @media (max-width: 1440px) { #page-sales .section-help { background-size: auto 80% } #page-sales .table { margin-bottom: 40px } #page-sales .section-help .tc { margin: 50px 0 } } @media (max-width: 991px) { #page-sales .section-help { background-size: 70% auto } #page-sales .section-help .section-header { padding-top: 60vw } #help_sales_express { margin: 0 auto } } @media (max-width: 499px) { #page-sales .table .tablecell { display: block; width: 100%; text-align: center; margin-bottom: 10px } #page-sales .table table { margin: 0 auto } #page-sales .table .tablecell:nth-child(2) { text-align: center; padding-right: 0 } #page-sales .express, #page-sales .groupage { text-align: center; margin-bottom: 30px } #page-sales .table { margin-bottom: 20px } } .section-sales-kontakt #contactFormSend { width: 91%; margin: 30px auto; } .section-sales-kontakt #contactFormSend input { width: 48%; border: none; } .section-sales-kontakt #contactFormSend textarea { width: 97%; border: none; } .section-sales-kontakt #contactFormSend .tr { text-align: center; } .section-sales-kontakt .section-header { text-transform: inherit } .section-sales-kontakt .section-header strong { color: #de2b2e; } .section-sales-kontakt .section-header:after { display: none; } #page-sales img { max-width: 100%; } @media (max-width:1200px) { .section-sales-kontakt #contactFormSend input { display: inline-block; } } @media (max-width:560px) { #page-sales .subpage-header { padding-left: 20px; } #page-sales .subpage-header .table-cell { margin-top: 30px } .section-sales-kontakt #contactFormSend input { width: 97%; display: block } } /* trade exhibition */ .overflow-hidden { overflow: hidden; } .pageId-557 .subpage-header { height: 492px; text-transform: initial; text-align: center; } .pageId-557 .subpage-header .table-cell .wrap { max-width: 450px; margin: 0; } .pageId-557 .subpage-header h1 { color: #df2b2e; font-size: 48px; font-weight: bold; position: relative; } .pageId-557 .subpage-header h2 { font-size: 24px; margin-top: 10px; position: relative; } .trade-support, .trade-places { padding-bottom: 70px; } .trade-support .cover-img, .trade-places .cover-img { height: 493px; background: center center/cover; } .trade-support .section-header, .trade-places .section-header { margin-bottom: 50px; } .trade-support { background: #f5f6f6; background: radial-gradient(ellipse at center, #f5f6f6 0%, #dcdee1 51%, #aebac5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#aebac5', GradientType=1); } .trade-support .text-content { font-size: 24px; text-align: right; padding-right: 250px; } .trade-support h5 { color: #df2b2e; font-size: 24px; font-weight: 500; margin: 0 0 45px; } .trade-places .text-content { padding-left: 246px; font-size: 24px; } .trade-range .text { margin-top: 10px; text-align: center; } .trade-range .text ul { color: #fff; font-size: 18px; padding: 0; margin: 0; list-style: none; text-transform: uppercase; } .trade-range .text li { display: inline-block; } .trade-range .text li::after { content: '/'; margin: 0 9px; display: inline-block; vertical-align: middle; color: #e11f2e; } .trade-range .text li:last-child::after { display: none; } .trade-range .button { margin-top: 25px; } .trade-range { padding-bottom: 55px; background-size: cover; } .trade-vehicle h4 { margin: 60px 0 40px; text-align: center; font-size: 24px; font-weight: 700; color: #e11f2e; text-transform: uppercase; } .trade-vehicleList .item { width: 231px; height: 255px; padding-top: 56px; margin: 19px; display: inline-block; vertical-align: top; border: 2px solid #fff; font-size: 16px; text-align: center; } .trade-vehicleList .item h5 { font-weight: 500; text-transform: uppercase; padding: 0px 18px 35px; line-height: 1.4; } .trade-vehicleList .item .img { display: inline-block; padding-bottom: 56px; } .trade-vehicleList { color: #fff; text-align: center; } .trade-chooseList { padding-bottom: 60px; } .trade-choose .section-header { margin-bottom: 60px; } .trade-chooseList { text-align: center; } .trade-chooseList .item { width: 206px; margin: 0 19px 40px; display: inline-block; vertical-align: top; } .trade-chooseList h5 { min-height: 52px; margin: 45px 0 10px; color: #ef2324; font-size: 24px; } .trade-chooseList .item-text { font-size: 18px; text-align: left; line-height: 2.2; } #page-customer-service .trade-chooseList .item-text { line-height: 1.8; } .personsItem { height: 200px; text-align: center; } .personsItem--itemTitle { margin: 10px 0 1px; font-size: 14px; font-weight: 400; } .personsItem--itemLink { color: #df2b2e; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .personsItem--itemLink::after { content: '\203A'; font-size: 15px; display: inline-block; vertical-align: middle; margin-left: 3px; position: relative; right: 0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .personsItem--itemLink:hover { color: #df2b2e; text-decoration: none; letter-spacing: .2px; } .personsItem--itemLink:hover::after { right: -5px; } .personsItem--img { max-width: 100% } .persons .section-header { margin-bottom: 40px; } #nav .nav li.current a { background: none; color: #df2b2e; border-bottom: 3px solid #df2b2e; } /*sezon-targowy*/ .top-border-grey { border-top: 1px #c4c5c5 solid; } #nav.padding-fix { padding: 22px 0; } #nav.padding-fix ul li a { font-size: 16px; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-boxes { margin: 33px auto; } .header-boxes .box { background-color: #f5f7f9; padding: 30px 55px; text-align: center; } .header-boxes .box .title { margin: 0 0 20px; font-size: 30px; color: #df2b2e; font-weight: 700; text-transform: uppercase; font-family: 'Bebas Neue'; } .header-boxes .darker { background-color: #eef0f2; } .header-boxes .box p { line-height: 2; font-size: 14px; } .pageId-557 .trade-support { background: none; line-height: 2; position: relative; padding-bottom: 100px; } .pageId-557 .trade-support .section-header { margin-bottom: 48px; } .pageId-557 .trade-support .inner { padding-right: 110px; } .pageId-557 .trade-support .bg { position: absolute; bottom: 0; right: -18%; z-index: -1; width: 65%; height: 72%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .pageId-557 .trade-support .text-content { padding: 0 15px; } .pageId-557 .trade-support h5 { color: #575757; font-size: 18px; font-weight: 400; letter-spacing: 1.75; } /*.pageId-557 .dots-ul > h5:first-child { display:none; } */ .pageId-557 .dots-ul ul li { margin: 0; font-size: 18px; line-height: 1.75; } .pageId-557 .trade-places { padding: 0; margin: 33px auto; } .pageId-557 .trade-places .inner { position: absolute; } .pageId-557 .section-header h3 { margin: 0 0 3px } .pageId-557 .trade-vehicleList .item { width: 200px; margin: 11px; } .pageId-557 .section-references { padding-bottom: 35px; } .pageId-557 .last-deliveries { background: url(../img/bgPractice.jpg) center center no-repeat; background-size: cover; } .pageId-557 .last-deliveries .content { padding: 25px 130px 55px 130px; font-size: 18px; text-align: Center; line-height: 1.75; } .pageId-557 .news-item .inner { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; } .pageId-557 .news-list .text { height: 215px; } .pageId-557 .news-list .text-content { padding: 19px; } .pageId-557 .news-list .text a { min-height: 95px; display: block; } .pageId-557 .form-content { margin: 42px auto 5px auto; } .pageId-557 #contactFormSend .button { margin-top: 5px; } /* .pageId-557 .footer .socials { width: 70%; text-align: left; } .pageId-557 .footer-nav ul { margin: 0; padding: 0; display: flex; list-style: none; flex-direction: column; max-height: 140px; flex-wrap: wrap; line-height: 1.75; } .pageId-557 .footer-nav li { width:60% } */ .pageId-557 .footer-newsletter { padding: 0 75px 0 115px; } .pageId-557 hr { margin-bottom: 30px; } @media (min-width:1250px) { .pageId-557 header { height: unset !important; } .pageId-557 .container { width: 1168px; } } @media (max-width:991px) { .pageId-557 .trade-support .bg { position: relative; height: 400px; width: 100%; left: 0; right: 0; top: 45px; } .pageId-557 .trade-places .inner { position: relative } .pageId-557 .trade-support { padding-bottom: 0; } .pageId-557 #reference-slider { height: unset !important; } } @media (max-width:767px) { .row.flex { display: block; } .pageId-557 .last-deliveries .content { padding: 25px 20px 55px 20px; } .pageId-557 .footer-newsletter { padding: 0 15px; } .pageId-557 .ref-text { margin-top: 20px; } .pageId-557 #reference-slider .owl-item img { margin: 0; } .pageId-557 .footer-nav ul { max-height: unset; } .pageId-557 .footer-nav li { width: 100%; } .pageId-557 .navbar-collapse.collapse.in { overflow: hidden; } .pageId-557 .news-list .text a { min-height: unset; } .pageId-557 .news-list .text { height: auto; } } /*end*/ @media (min-width: 1270px) { .personsItem { width: 15%; } } @media (max-width: 1023px) { .trade-support .row-equal-height *[class^="col-"], .trade-places .row-equal-height *[class^="col-"] { width: 100%; display: block; position: static; } .trade-support .text-content, .trade-places .text-content { padding: 0; text-align: center; position: static; } .trade-support .cover-img, .trade-places .cover-img { height: auto; margin-top: 40px; padding-bottom: 54%; background: center center/cover; } .trade-support, .trade-places { padding: 0; } .trade-places .text-content { margin-bottom: 30px; } .pageId-557 .subpage-header { height: 400px; } .pageId-557 .subpage-header h1, .pageId-557 .subpage-header h2, .pageId-557 .subpage-header button { left: 0; } } @media (max-width: 760px) { .trade-support .text-content, .trade-places .text-content { font-size: 19px; } } @media (max-width: 680px) { .personsItem { width: 33%; } } @media (max-width: 600px) { .pageId-557 .subpage-header { height: 300px; } .pageId-557 .subpage-header h1 { font-size: 30px; } .pageId-557 .subpage-header h2 { font-size: 19px; } .trade-chooseList .item { width: 100%; margin: 0; padding: 0 20px 60px; } .trade-chooseList h5 { margin: 25px 0 5px; color: #ef2324; font-size: 24px; } } @media (max-width: 440px) { .personsItem { width: 50%; } } #page-frigo .subpage-header { text-align: left; padding-left: 19%; text-transform: inherit; font-size: 18px; font-weight: 300; color: #565656; height: 480px; } #page-frigo .subpage-header a { color: #de2b2e; } #page-frigo .subpage-header h2 { font-size: 38px; color: #de2b2e; text-transform: uppercase; font-weight: 600; } #page-frigo .subpage-header .table-cell { display: inline-block; margin-top: 200px; text-align: center; font-size: 17px; font-weight: 400; } #page-frigo .subpage-header .table-cell strong { color: #d42a2c; } .transport-frigo { background: url(../img/bgPractice.jpg) no-repeat center/cover; line-height: 36px; color: #565656; font-size: 18px; } .transport-frigo h4 { color: #565656; } .frigo-info { color: #de2b2e; font-size: 30px; text-transform: uppercase; font-weight: 400; font-family: 'bebas Neue'; width: 60%; margin: 20px auto 60px; } .frigo-info img { float: left; margin-right: 40px; } #page-frigo .fleet-list .item .desc strong { color: #de2b2e; font-weight: 500; } #page-frigo .type-fleet .fleet-list .item { width: 300px; height: 355px; padding-top: 55px; } #page-frigo .trade-chooseList h5 { text-transform: uppercase; } .type-fleet { padding-bottom: 50px; } .type-fleet .fleet-list { max-width: 676px; } #page-frigo img { max-width: 100%; } @media (max-width: 600px) { #page-frigo .subpage-header { padding-left: 10px; } #page-frigo .subpage-header { max-width: 100%; } } #page-frigo .section-help { font-size: 14px; line-height: 24px; } #page-frigo .section-help img { max-width: 100%; } #page-frigo .section-help strong { font-size: 18px; text-transform: uppercase; color: #de2b2e; } #page-frigo .section-help ul { padding-left: 20px; } #page-frigo .section-help li { font-size: 18px; text-transform: uppercase; list-style-image: url('../img/icon-li-correct.png'); padding-left: 10px; line-height: 36px; } /* movie */ .home-movie { height: 530px; overflow: hidden; position: relative; opacity: 0; transition: all .45s ease 1s; -webkit-transition: all .45s ease 1s; -moz-transition: all .45s ease 1s; } .home-movie.is_active { opacity: 1; } .home-movie__mask { width: 100%; position: absolute; top: -308px; left: 0; background: #1d2139; } .home-movie__video { width: 2070px; opacity: .6; position: relative; left: 50%; margin-left: -1035px; } .homo-movie__header { position: relative; z-index: 2; } .home-movie__table { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: table; } .home-movie__cell { display: table-cell; vertical-align: middle; } .homo-movie__header { text-align: center; } .homo-movie__header h3 { margin: 0; line-height: 1; color: #fff; font-size: 90px; } .homo-movie__header h3:first-child { position: relative; display: inline-block; } .homo-movie__header h3:first-child::after { content: ''; width: 102px; height: 100%; background: #d12827; position: absolute; right: -17px; top: 0; z-index: -1; -webkit-transform: skew(-32deg); transform: skew(-32deg); } /* form */ .headerForm--container { position: relative; } .headerForm { background: #2c3741; position: relative; } .headerForm.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .headerForm--messages { padding: 0 18px; } #movieFormSend { padding: 10px 0 25px; position: relative; } #movieFormSend .headerForm--title { margin: 1px 0 21px; font-size: 30px; color: #fff; line-height: 1; } #movieFormSend input { display: inline-block; width: 269px; margin: 0 3px 10px; border-width: 2px; } #movieFormSend textarea { width: 546px; max-width: 100%; height: 200px; margin: 0 5px 10px; padding-top: 10px; border-width: 2px; } #movieFormSend input, #movieFormSend textarea { color: #575757; padding-left: 20px; } #movieFormSend input:hover, #movieFormSend input:active, #movieFormSend input:focus, #movieFormSend textarea:hover, #movieFormSend textarea:active, #movieFormSend textarea:focus { outline-color: #c50921; } #movieFormSend .button { margin-top: 10px; } .page-start .modal-backdrop { background: #bfb7b7; } .button__movie { height: 53px; font-size: 19px; position: relative; background: none; padding: 0 27px; border: none; color: #fff; top: 70px; } .button__movie::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d62b2f; z-index: -1; -webkit-transform: skew(-32deg); transform: skew(-32deg); } .button__movie:hover::before { background: #c50921; } .button__movie-left { height: 53px; font-size: 19px; position: relative; background: none; padding: 0 27px; border: none; color: #fff; top: 70px; } .button__movie-left::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d62b2f; z-index: -1; -webkit-transform: skew(32deg); transform: skew(32deg); } .button__movie-left:hover::before { background: #c50921; } #movieModal .close { display: none; } #movieModal .close img { width: 36px; } .slide-down__wrap { position: relative; } /*.button__movie:before { border-width: 0 0 66px 66px; border-color: transparent transparent #e03538 transparent; left: -66px; } .button__movie:after { border-width: 66px 66px 0 0; border-color: #e03538 transparent transparent transparent; right: -66px; } .button__movie:hover:before, .button__movie:active:before, .button__movie:focus:before { border-color: transparent transparent #c50921 transparent; } .button__movie:hover:after, .button__movie:active:after, .button__movie:focus:after { border-color: #c50921 transparent transparent transparent; } */ @media (max-width: 1200px) { .homo-movie__header h3 { font-size: 47px; } .slide-down__wrap #slide-down { display: none; } } @media (max-width: 1024px) { .home-movie { height: 423px; top: 30px; } .home-movie__mask { top: -238px; } .home-movie__video { width: 1600px; margin-left: -800px; } .homo-movie__header h3 { line-height: 1.4; } } @media (max-width: 700px) { .home-movie { height: 326px; } .home-movie__mask { top: -184px; } .home-movie__video { width: 1240px; margin-left: -620px; } .homo-movie__header h3 { font-size: 30px; } .homo-movie__header h3:first-child::after { width: 50px; } .button__movie { height: 40px; font-size: 20px; top: 40px; } #movieFormSend input, #movieFormSend textarea { width: 90%; margin: 10px 0; } #movieModal .close { display: block; opacity: 1; position: absolute; right: 20px; } #movieModal .close:hover { opacity: .7; } #movieFormSend .headerForm--title { font-size: 20px; margin: 0 40px; } iframe { max-width: 100%; } } @media (max-width: 430px) { body { overflow-x: hidden; } .homo-movie__header h3 { font-size: 20px; } .homo-movie__header h3:first-child { margin-bottom: 5px; } .homo-movie__header h3:first-child::after { width: 38px; } } .position_unset { position: unset !important; } .position_unset .slider-inner { width: 100% !important; } .relative { position: relative !important; } a.more { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; }