.fs-10{ font-size: 10px !important;; } .fs-12{ font-size: 12px !important;; } .fs-14{ font-size: 14px !important;; } .fs-16{ font-size: 16px !important;; } .fs-18{ font-size: 18px !important;; } .fs-20{ font-size: 20px !important;; } /*CARRIER COOKIE*/ #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; } header.header-carrier { background-color: #f5f5f5; padding: 10px; border-bottom: 1px #ddd solid; } header .header--logo { display:inline-block; } header nav { margin-left:50px; display:inline-block; } header nav a { color: #454545; font-size: 17px; text-transform: uppercase; display: inline-block; padding: 0; margin: 0 8px; } header nav a:hover, header nav a:focus { color:#e03538; text-decoration:none; } header nav a span.count { position: relative; font-size: 12px; background-color: #454545; color: #FFF; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 10px; padding: 0 0; top: -11px; font-weight: 400; } .big-button { background: #e03538; color: #fff; display: inline-block; vertical-align: middle; padding: 0 18px; height: 55px; line-height: 55px; font-size: 17px; position: relative; border: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .big-button:before { content: ''; position: absolute; top: 0; left: -55px; width: 0; height: 0; border-style: solid; border-width: 0 0 55px 55px ; border-color: transparent transparent #e03538 transparent ; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .big-button:after { content: ''; position: absolute; top: 0; right: -55px; width: 0; height: 0; border-style: solid; border-width: 55px 55px 0 0; border-color: #e03538 transparent transparent transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .big-button:hover { text-decoration:none; color:#FFF; opacity:.9; } .carrier-intro { height:1000px; } .carrier-intro .text { margin-top: 650px; text-align: center; font-size: 54px; font-weight: 500; color: #FFF; text-transform: uppercase; } .carrier-boxes { display: flex; margin: 25px 1%; width: 98%; box-sizing: border-box; } .carrier-boxes .item { background: #faf9f9; padding: 30px 20px 15px; margin: 15px; width: 20%; text-align:center; } .carrier-boxes .item h5 { font-size:16px; color:#5f626a; font-weight:500; text-transform:uppercase; margin:10px 0 5px; } .carrier-boxes .img { height: 100px; display: flex; align-items: center; justify-content: center; } .carrier-boxes .item .desc { font-style:italic; text-transform:uppercase; } .carrier-offers { background: #f8f6f6; padding: 10px 0 50px; } .carrier-offers .container-fluid { max-width:1400px; margin:0 auto; } .carrier-offer-item { display: block; position:relative; width: 100%; min-height:300px; background-color: #FFF; margin: 0 auto 50px; border: 1px #ddd solid; padding: 50px 35px 35px; text-align: left; } .carrier-offer-item a.button { position:absolute; bottom:20px; left:50%; margin-left:-58px; } .carrier-offer-item a.button-reverse { position:absolute; bottom:20px; left:50%; margin-left:-58px; } .carrier-offer-item .hd { font-size: 17px; color: #e13639; text-transform: uppercase; font-weight: 500; text-align:center; } .carrier-offer-item .hd-reverse { font-size: 17px; color: #fff; text-transform: uppercase; font-weight: 500; text-align:center; } .carrier-offer-item .part { font-style:italic; margin:5px auto 55px; color: #e13639; text-align:center; text-transform:none; } .carrier-offer-item .part ul { color:#e13639; margin:10px 0 40px 0; padding: 0 0 0 17px; } .carrier-offer-item .part a { color: #e13639; } .carrier-grow { } .carrier-grow blockquote { border: 0; color: #FFF; font-size: 28px; margin: 20px auto 80px; font-weight: 600; position:relative; } /* .carrier-grow blockquote:before, .carrier-grow blockquote:after { display: inline-block; color: #e13639; content: "\f10e"; font: normal normal normal 24px/1 FontAwesome; margin: 0 11px; } */ .carrier-grow img { margin:0 10px; } .carrier-grow .space { margin:70px auto 100px auto; } .carrier-shortcuts { background: #f7f7f7; padding:0 0 70px; } a.short-ico { display: inline-flex; vertical-align:top; transition: transform .3s ease; transform:scale(1); width: 300px; height: 300px; background-color: #e13423; color: #FFF; border-radius: 50%; margin:50px 25px; align-items: center; justify-content: center; flex-direction:column; } .short-ico.ico2 { background-color:#44c1ea; } .short-ico.ico3 { background-color:#edb419; } .short-ico .pic { height: 140px; width: 200px; text-align: center; line-height: 140px; } .short-ico .pic img { vertical-align:middle; } .short-ico .text { font-family: 'Roboto Condensed'; font-size: 30px; font-weight: 400; margin: 0px 40px; text-transform: uppercase; letter-spacing: -.5px; line-height: 34px; } .short-ico:hover { text-decoration:none; transform:scale(1.05); } .carrier-annouc-list { padding:50px 0; } .career-questions { background: #ededed; padding-bottom: 30px; } .career-questions .item { border-bottom: 1px solid #c6c6c6; } .career-questions .item h4 { font-weight: 400; padding-left: 47px; padding-right: 34px; padding-top: 31px; padding-bottom: 19px; cursor: pointer; margin: 0; } .cv-offer-list .item .text { display: none; padding: 0 47px 40px; } .career-recrut { text-align:center; } .career-recrut .icon { width: 100px; text-align: center; display:inline-block; vertical-align:top; margin:0 35px; position:relative; } .career-recrut .icon .pic { background: #e13b3d url() no-repeat center center; width: 110px; height: 110px; border-radius: 50%; margin: 10px auto 20px; } .career-recrut .icon p { font-family: "Roboto Condensed"; font-size: 12px; font-weight: 400; line-height: 14px; } .career-recrut .icons > div:not(:last-of-type):after { display: block; position: absolute; width: 25px; height: 17px; top: 57px; right: -50px; content: ""; z-index: 55; background:transparent url(../img/carrier/arr.png) no-repeat; } .passion-peoples { display:flex; } .passion-peoples a { display: block; width: 33.3%; height: 800px; transition: opacity .3s ease; background-size: cover; } .passion-peoples a:hover { opacity:.75; } .passion-person .picture { height:900px; background-size:cover; background-position:center center; } .passion-person .part-text { height:700px; display:flex; align-items:center; justify-content:center; text-align:center; } .carrier-passion .text-wide { padding: 50px 0; line-height: 26px; font-size: 18px; max-width: 900px; margin: 0 auto 50px; } .carrier-passion .text-wide h3 { color:#d62c2f; } .passion-person .flex-center { display:flex; align-items:center; justify-content:center; height:900px; } .passion-person .text { font-size: 17px; line-height: 27px; } .passion-person .text h1 { font-size:36px; font-weight:500; color:#df2b2e; margin:0 0 5px; text-transform:uppercase; } .passion-person .text h3 { font-size:24px; text-transform:uppercase; margin:0 0 10px; } .part-text h1 { font-size:22px; color:#e13639; margin:0 0 30px; text-transform:uppercase; } .part-text .part-cont { text-align:left; font-size:16px; line-height:24px; margin:10px auto 40px; } .passion-gallery { margin:10px 30px 30px; } .carrier-parts { padding-bottom:60px; } .carrier-parts .text { font-size:24px; font-weight:500; color:#FFF; line-height:30px; text-align:center; } .carrier-parts .text h5 { font-family:"Bebas Neue"; margin:50px auto 50px; font-size:36px; font-weight:600; } .carrier-parts .text h5 span { color:#e13639; } .carrier-parts .space { margin:50px auto; } .parts-items { padding:50px 0; } .parts-items:after { clear:both; display:block; content:""; } .parts-items .item { height: 360px; background: #EFEFEF url() no-repeat top center; margin-bottom:25px; background-size:cover; } .parts-items .item a { background-color: rgba(208,10,11,.72); padding: 10px; display: block; margin: 0px 20px 0; position: relative; top: 260px; text-align: center; color: #FFF; font-size:22px; font-weight:500; text-transform:uppercase; } .parts-items .item a span { font-size:16px; font-weight:400; text-transform:none; } .parts-items .item a span img { margin-left:10px; } .parts-items .item a:hover { text-decoration:none; opacity:.8; } .carrier-banner { height:500px; display:flex; align-items:center; justify-content:center; } .carrier-banner .text { color:#FFF; font-size:25px; font-weight:400; letter-spacing:-.25px; } .carrier-banner .text h1 { color:#df2b2e; font-size:48px; letter-spacing:-1px; font-weight:600; } section.carrier-refer { padding: 20px 0 40px; } section.carrier-refer img { display:inline-block; margin:20px 55px; } .carrier-form { background:#f5f5f5 url(../img/bgb.jpg) no-repeat center center; background-size:cover; padding:30px 0 40px; } section.carrier-annouc-header header { margin: 30px auto 50px; } .carrier-annouc-list .container-fluid { margin-left:100px; margin-right:100px; } .carrier-form .info-box { margin:50px auto 30px; font-size:17px; font-weight:300; line-height:22px; } .carrier-form a { color:#e13639; } .carrier-form .person { text-align:center; margin:30px auto 20px; } .carrier-form .person > a { text-decoration:underline; font-size:14px; font-weight:400; } .carrier-form .name { font-size:18px; color:#e13639; font-weight:500; margin:10px 0 2px; } #contactFormCareer .check { margin:10px 0 10px 15px; } #contactFormCareer .col-xs-1 { padding-left:0px; padding-right:2px; } #contactFormCareer .col-xs-11 { padding-left:5px; } #contactFormCareer .check label, .carrier-form .desc { font-size:12px; font-weight:300; line-height:14px; text-align:left; } #sendMailFriendRefer .check { margin:10px 0 10px 15px; } #sendMailFriendRefer .col-xs-1 { padding-left:0px; padding-right:2px; } #sendMailFriendRefer .col-xs-11 { padding-left:5px; } #sendMailFriendRefer .check label, .carrier-form .desc { font-size:12px; font-weight:300; line-height:14px; text-align:left; } .carrier-args .carrier-boxes { display:block; } .carrier-args .carrier-boxes .item { width:300px; display:inline-block; vertical-align:top; } .carrier-typical { background: white url() no-repeat; padding:5px 0 50px; margin: -4px auto 0; } .carrier-typical ul li { font-size:16px; } .carrier-typical.inverse { color:#FFF; font-size:18px; line-height:22px; } .carrier-typical h5 { color:#e13639; font-size:inherit; line-height:24px; } .success { position:relative; height:50vw; } .success-stories { position:absolute; top:0; left:0; width:100%; height:50vw; /*background:white url(../img/section-gray2.jpg) no-repeat top center;*/ background:white url(../img/bgsuccess.jpg) no-repeat top center; background-size: contain; z-index:5; } .success-gray { position:absolute; top:0; left:0; width:100%; height:50vw; background:white url(../img/bgsuccess-gray.jpg?nc=2) no-repeat top center; background-size: contain; z-index:8; opacity:0; transition: opacity .25s ease; } .success-gray.on { opacity:.75; } .success-block { position:absolute; top:0; left:0; width:100%; height:50vw; background:transparent url() no-repeat top center; background-size: contain; z-index:10; opacity:0; transition: opacity .35s ease; } .success-block.on { opacity:1; } .success-dorota { background-image:url(../img/s-dorota.png); } .success-marta { background-image:url(../img/s-marta.png); } .success-sylwia { background-image:url(../img/s-sylwia.png); } .success-piotr { background-image:url(../img/s-piotr.png); } .success-lukasz { background-image:url(../img/s-lukasz.png); } .success-bogdan { background-image:url(../img/s-bogdan.png); } .success-jakub { background-image:url(../img/s-jakub.png); } .success .dot { position:absolute; display:block; background-color:rgba(255,0,0,0); width:150px; height:350px; margin-top:-50px; border-radius:40%; z-index:50; transform-origin: top left; } .success .dot1 { top:150px; left:620px; } .success .dot2 { height:150px; margin-top:-20px; } .success-icons { margin:50px 0 20px; text-align:center; } .success-icons .ico { display:inline-block; vertical-align:top; width:120px; margin:10px 17px; position:relative; } .success-icons .ico p { display:block; width:90px; height:90px; background-color:#e13639; color:#FFF; text-align:center; line-height:90px; font-size:42px; border-radius:50%; margin:0 auto; } .success-icons .ico span { font-family:"Roboto Condensed"; font-size:12px; text-align:center; line-height:16px; display:block; margin-top:15px; } .success-icons .hd { font-size:16px; text-transform:uppercase; text-align:center; } .success-icons > div:not(:last-of-type):after { display: block; position: absolute; width: 25px; height: 17px; top: 40px; right: -32px; content: ""; z-index: 55; background:transparent url(../img/carrier/arr.png) no-repeat; } .success-icons .ico.last p { background-color:#ff926c; } .person .text-left a img { margin-left: 10px; } .own-text { color: #ed1c24; font-size: 20px; line-height: 30px; font-style: italic; font-weight: 200; border-top: 1px #ccc solid; margin-top: 6px; padding: 30px 0 60px; } h4.bigname { font-size:24px; letter-spacing:1px; } .file-button input { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } .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%; font-size:15px; } .file-button { cursor: pointer; position: relative; background: #FFF; border-1px solid #e8e8e8; height: 44px; margin-bottom: 8px; cursor:pointer; } 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; } .small-padding-right { padding-right: 2px; } .small-padding-left { padding-left: 2px; } @media (min-width:1000px) and (max-width:1440px) { .passion-person .text { font-size: 15px; line-height: 22px; } .passion-person .text h1 { font-size: 26px; } .passion-person .text h3 { font-size: 20px; } .success-icons .ico { width:80px; margin: 10px 13px; } .success-icons > div:not(:last-of-type):after { right:-24px; top:24px; } .success-icons .ico p { display: block; width: 60px; height: 60px; line-height: 60px; font-size:24px; } .passion-person .picture { height: 500px; background-size: contain; background-position: top center; background-repeat: no-repeat; } .passion-person .flex-center { display: block; align-items: center; justify-content: center; height: auto; } .carrier-grow { background-position: 40% 50%; } } @media (max-width:1000px) { header.header-carrier nav { position: absolute; top: 97px; width: 100%; text-align: center; left:21px; background-color:#FFF; padding:15px 0; display:none; z-index:999; } header nav a { display:block; padding:10px; } header nav a:not(:last-of-type) { border-bottom:1px #ddd solid; } .small-padding-right { padding-right: 22px; } .small-padding-left { padding-left:22px; } .carrier-annouc-list .container-fluid { margin-left: 0px; margin-right: 0px; } .carrier-offer-item { height: auto; margin: 0 auto 20px; padding: 30px 15px 15px; } .carrier-args .carrier-boxes { margin: 15px auto 0 -10px; } .carrier-args .carrier-boxes .item { width:100%; display:block; } .passion-person .flex-center { display:block; height:auto; } .passion-peoples a { height:200px; } a.short-ico { width:150px; height:150px; margin:30px 25px; justify-content:initial; } .short-ico .pic { height: 90px; width: 150px; text-align: center; line-height: 110px; } .short-ico .pic img { transform: scale(.5); } .short-ico .text { font-family: 'Roboto Condensed'; font-size: 18px; font-weight: 400; margin: 0px 20px; text-transform: uppercase; letter-spacing: -.5px; line-height: 22px; } .carrier-intro { height: 1000px; background-position:top center; background-size:900px; } .carrier-intro .text { margin-top: 30px; padding: 0 20px; font-size: 27px; margin-bottom: 400px; } .carrier-boxes { display:block; text-align:center; } .carrier-boxes .item { width: 45%; display: inline-block; margin: 5px; padding: 10px; font-size: 10px; height:150px; vertical-align: top; } .carrier-boxes .img { height:60px; } .carrier-boxes img { max-width: 50px; height: auto !important; } .carrier-boxes .item h5 { font-size: 14px; } .carrier-banner { height:220px; } .carrier-banner .text { font-size:15px; } .carrier-banner .text h1 { font-size: 30px; margin-top: 5px; } .career-recrut .icons > div { margin:10px auto 60px; display:block; } .career-recrut .icons > div:not(:last-of-type):after { transform: rotate(90deg); top: initial; bottom: -40px; right: 50%; margin-right: -17px; } .big-button { transform:scale(.75); } .carrier-grow { background-position: 70% 50%; background-size: cover; } .carrier-grow blockquote { font-size: 18px; margin: 20px auto 30px; } .carrier-parts .text { font-size: 14px; } .carrier-parts .text h5 { font-size:26px; } .section-header h3 { font-size:18px; } .pageId-664 .passion-person .picture { height: 250px; background-size: contain; background-repeat: no-repeat; } .passion-person .part-text { height:auto; display:block; margin:25px auto; } .passion-person .text { padding-top:25px; padding-bottom:25px; font-size:13px; line-height:18px; } .passion-person .text h1 { font-size:26px; } .carrier-offer-item .hd { font-size: 14px; } .own-text { color: #ed1c24; font-size: 18px; line-height: 24px; } } @media (max-width: 500px) { /* .success .dot:not(.dot2) { margin-left: -158px; margin-top: -165px; } .success .dot2 { margin-left: -58px; margin-top: -65px; } */ .parts-items .item { height: 59vw; } .parts-items .item a { top: initial; bottom: 30px; position: absolute; width: 80%; font-size: 18px; } } @media (max-width: 400px) { section.carrier-refer img { margin:20px auto; } }