body { font-size:14px; } #mobileAppsbadge { display:none!important; } #header-container .navi { background-color: #fff; border-bottom: none; height:60px; } #section_fold { height:430px; background: #f4f4f4 url(https://static.olx.ro/static/olxro/packed/img/2fc92d7f1c286e8a46e0a173d4b2bbfcf0.jpg) center 10px no-repeat; border-bottom:10px solid #b7cb4c; } .fold_caption { text-align: center; top: 260px; left: 25px; position: absolute; } .text-block { color: #59585a; font-size:1rem; line-height:1.5rem; } .flex-container { display:flex; justify-content:space-between; align-items: baseline; flex-flow:row wrap; } #section_icons .flex-item { flex: 0 1 175px; text-align:center; } .courier-icon { } .icon-title { font-size:1.2rem; font-weight:bold; color: #59585a; line-height:1.8rem; margin:10px 0px; } .smaller-text { font-size:0.8rem; color: #59585a; line-height:1.2rem; } .big_header { color:#dedcdc; font-size:5rem; font-weight:bold; margin: 50px 0px 20px 0px; } .flex-container-functions { display: flex; flex-flow: row wrap; } .flex-item-functions { flex: 100%; display: flex; background: #d6e67e; border-radius: 10px; align-items: center; padding: 15px; position: relative; margin: 12px 0px 12px 20px; } .flex-item-functions, .flex-item-faq { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; } .flex-item-functions:hover, .flex-item-faq:hover { -webkit-transform: scale(1.02); transform: scale(1.02); } @keyframes FadeIn { 0% { opacity: 0; transform: scale(.1); } 85% { opacity: 1; transform: scale(1.05); } 100% { transform: scale(1); } } .flex-item { animation: FadeIn 1s ease-in-out; animation-fill-mode: both; } .flex-container .flex-item:nth-child(1) { animation-delay: .3s } .flex-container .flex-item:nth-child(2) { animation-delay: .2s } .flex-container .flex-item:nth-child(3) { animation-delay: .1s } .flex-container .flex-item:nth-child(4) { animation-delay: .2s } .flex-container .flex-item:nth-child(5) { animation-delay: .3s } .flex-item-functions.item-left { margin-right: 250px; } .flex-item-functions:after { content:""; position:absolute; bottom: -24px; width: 250px; background:#ccc; z-index: 1; height: 150px; background: url(../../svg/courier/img_10.svg) center center no-repeat; } .flex-item-functions.item-left:after { right: -250px; background: url(https://static.olx.ro/static/olxro/packed/font/2fa908e09ee1187757f4ae230861a84593.svg) -40px 20px no-repeat; } .flex-item-functions.item-right { margin-left:250px; } .flex-item-functions.item-right:after { left: -230px; background: url(https://static.olx.ro/static/olxro/packed/font/2f0d7f613e4c704814ae5705a7d2d3aa5a.svg) 50px 20px no-repeat; } .flex-item-functions:last-child:after { display:none; } .item-icon-container { flex: 0 0 150px; height: 150px; background: #f1f1f1; border-radius: 100%; position: relative; left: -30px; display: flex; align-items: center; justify-content: center; padding: 10px; z-index: 3; box-sizing: border-box; } .item-icon-container { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; } .item-icon-container:hover { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .item-content { align-self: baseline; color: #59585a; z-index: 2; } .item-content-title { font-size: 1.6rem; line-height: 1.9rem; font-weight: bold; margin-top: 10px; color: #59585a; } .item-content-text { font-size: 1rem; margin-top: 15px; line-height: 1.6rem; } section#section_order { margin: 60px 0px; } .flex-container-order { display: flex; flex-flow: row wrap; text-align: center; } .flex-item-order { flex: 3; } .flex-item-order.flex-item-separator { flex: 0 0 70px; position: relative; } .order-title { font-size: 2.3rem; font-weight: bold; line-height: 3rem; margin-bottom: 30px; color:#59585a; } .order-button { display: inline-block; width: 100%; padding: 15px 15px; border-radius: 5px; font-size: 1.2rem; color: #fff; transition:.3s; box-sizing: border-box; } .order-button:hover { text-decoration:none; } .button-orange { background-color: #ef7b34; } .button-green { background-color:#b7cb4c; } .button-orange:hover { background-color: #ef8646; } .button-green:hover { background-color:#c2d655; } .flex-item-order.flex-item-separator:after { height: 200px; content: ''; width: 5px; background-color: #f1f1f1; transform: rotate(9deg); position: absolute; top: -10px; } #section_faq { margin: 60px 0px; } .flex-container-faq { flex-flow: wrap; display: flex;justify-content: center; } .flex-item-faq { flex: 0 1 auto; padding: 20px; padding-bottom: 55px; background: #f7dfc4; margin: 17px; border-radius: 5px; text-align: center; font-size: 1.1rem; position: relative; line-height: 1.9rem; } .flex-item-faq:nth-child(1) { width: 300px; } .flex-item-faq:nth-child(2) { width: 440px; } .flex-item-faq:nth-child(3) { width: 300px; } .flex-item-faq:nth-child(4) { width: 300px; } .flex-item-faq a { display: block; text-align: right; position: absolute; right: 20px; bottom: 20px; font-size: 1rem; color: #666; text-decoration: underline; } .flex-item-faq:after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f7dfc4; position: absolute; bottom: -19px; left: 50px; } #section_contact { background: #f4f4f4; padding: 30px 0px; } .contact-button { display: inline-block; padding: 15px 15px; border-radius: 5px; font-size: 1rem; color: #fff; text-transform: uppercase; transition:.3s; box-sizing: border-box; } .contact-button:hover { text-decoration:none; } .button-gray { background-color: #a6a6a6; } .button-gray:hover { background-color: #b9b9b9; } .contact-text { color:#59585a; font-size:1.2rem; margin-right:15px; } .smaller_header { position: relative; left: 180px; top: -50px; font-size: 2rem; font-weight: bold; color: #565656; }