.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /operations/static/src/css/timeline.css defined in bundle 'web.assets_frontend' */
ul.timeline{list-style-type: none; position: relative;} ul.timeline:before{content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 29px; width: 2px; height: 100%; z-index: 400;} ul.timeline > li{margin: 20px 0; padding-left: 20px;} ul.timeline > li:before{content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #22c0e8; left: 20px; width: 20px; height: 20px; z-index: 400;} 

/* /website_custom/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 header .navbar-brand.logo img{width: 64px; height: auto;} 

/* /cargo_tracking/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 .tracking-main{width: 100%; margin: 15px 5px 5px 5px; border-radius: 11px;} .tracking-right-main{margin-top: 10%;} .current-state{display: block; font-size: 12px; font-weight: normal;} .company-logo{width: 100px; height: auto; margin-left: auto; margin-right: auto;} .tracking-left{height: 70vh; background-image: url("/cargo_tracking/static/images/tracking.jpg"); background-repeat: no-repeat; background-position: -663px 0px;} .tracking-right{background-color: #f9f9f9;} .track-header{width: 100%; text-align: center;} .track-label{color: #1c1818; font: 20px/24px "Lato", Arial, sans-serif;} .tracking-input{margin-top: 30px;} .inv-radio{display: none;} .inv-input{margin-left: auto; margin-right: auto; width: 50%;} .custom-input{margin: 0px !important; padding: 0px !important; width: 100%; float: left; position: relative;} .btn-div{padding: 0px; margin: 0px;} .inv-input-field{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc; background-color: #f9f9f9;} .inv-input-field ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #4caf50; transition: 0.4s;} .inv-input-field:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;} :focus{outline: none;} .cust-input{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px; padding-left: 5px;} .btn-submit{width: 100% !important; background-color: #161513 !important; color: white !important; border: 0px !important; border-radius: 0px !important; height: 100%;} .track-info-div{margin-left: auto; margin-right: auto; text-align: center; margin-top: 20px;} .track-info{font: 15px/20px "Lato", Arial, sans-serif; color: #424040;} .track-result-main{width: 99vw; background-color: #f9f9f9;} .result-sub{width: 80%; background-color: white; margin-left: auto; margin-right: auto;} .inv-input-track{margin-top: 10px; margin-left: auto; width: 60%;} .inv-input-field-track{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc; background-color: #f9f9f9;} .inv-input-field-track ~ .focus-border-track{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #4caf50; transition: 0.4s;} .inv-input-field-track:focus ~ .focus-border-track{width: 100%; transition: 0.4s; left: 0;} :focus{outline: none;} .cust-input-track{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px; padding-left: 5px;} .btn-submit-track{width: 100% !important; background-color: #161513 !important; color: white !important; border: 0px !important; border-radius: 0px !important; height: 100%;} .error-div{margin-left: auto; margin-right: auto; width: 60%; text-align: center; background-color: #eac1c1; border-radius: 5px; border: 1px solid #e18b8b; font-size: 13px; color: #1c1826; padding: 5px 5px 5px 5px; margin-top: 2%; transition: 0.5s;} .icon-tab{font-size: 20px; margin-right: 5px;} .tabs{left: 50%; transform: translateX(-50%); position: relative; background: white; padding: 150px; padding-bottom: 80px; width: 98%; border-radius: 5px; min-width: 180px;} .tabs input[name="tab-control"]{display: none;} .tabs .content section h2, .tabs ul li label{font-size: 15px; color: #161513;} .tabs ul{list-style-type: none; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; margin-bottom: 5px; justify-content: space-between; align-items: flex-end; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .tabs ul li{box-sizing: border-box; flex: 1; width: 33.33333333%; padding: 0 50px; text-align: center;} .tabs ul li label{transition: all 0.3s ease-in-out; color: #151514; padding: 5px auto; overflow: hidden; text-overflow: ellipsis; display: block; cursor: pointer; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-touch-callout: none;} .tabs ul li label br{display: none;} .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active{outline: 0; color: #3b3b3b;} .tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg{fill: #3b3b3b;} .tabs .slider{position: relative; width: 33.33333333%; transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);} .tabs .slider .indicator{position: relative; width: 100%; max-width: 100%; margin: 0 auto; height: 3px; background: #161513; border-radius: 1px;} .tabs .content{margin-top: 30px;} .tabs .content section{display: none; animation-name: content; animation-direction: normal; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; line-height: 1.4;} .tabs .content section h2{color: #161513; display: none;} .tabs .content section h2::after{content: ""; position: relative; display: block; width: 30px; height: 3px; background: #161513; margin-top: 5px; left: 1px;} .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label{cursor: default; color: #161513;} @media (max-width: 450px){.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label{background: rgba(0, 0, 0, 0.08);}} .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider{transform: translateX(0%);} .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1){display: block;} .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label{cursor: default; color: #161513;} @media (max-width: 450px){.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label{background: rgba(0, 0, 0, 0.08);}} .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider{transform: translateX(100%);} .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2){display: block;} .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label{cursor: default; color: #161513;} @media (max-width: 450px){.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label{background: rgba(0, 0, 0, 0.08);}} .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider{transform: translateX(200%);} .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3){display: block;} @keyframes content{from{opacity: 0; transform: translateY(5%);}to{opacity: 1; transform: translateY(0%);}} @media (max-width: 750px){.tabs ul li label{white-space: initial;}.tabs ul li label br{display: initial;}.tabs ul li label svg{height: 1.5em;}} @media (max-width: 450px){.tabs ul li label{padding: 5px; border-radius: 5px;}.tabs ul li label span{display: none;}.tabs .slider{display: none;}.tabs .content{margin-top: 20px;}.tabs .content section h2{display: block;}.tabs .inv-input-track{width: 100%;}} @media only screen and (max-width: 576px){.inv-input-track{width: 100%;}} .details-row{text-align: left; width: 100%; margin: 0px !important;} .details-header{width: 100%; font-weight: bold; font-size: 12px; padding: 9px 5px 9px 11px; background-color: #5eb451; color: #fff; margin-top: 15px;} .details-body{padding: 5px 6px 5px 6px; color: #5b5959;} .history-table{width: 100%; text-align: center;} .empty-td{width: 30%;} .time-row{background-color: #e7e7e7; text-align: left;} .time-text{color: #161513; padding: 8px 5px 5px 15px;} .history-details{color: #161513; border-bottom: 1px solid #e7e7e7;} .history-details > td{padding: 10px 5px 24px 5px; transition: 0.5s;} .history-details:hover{background-color: #eaf9e2;} .package-table{width: 100%; text-align: center;} .empty-td{width: 30%;} .time-row{background-color: #e7e7e7; text-align: left;} .package-div{height: 50vh; overflow-x: scroll;} .package-details{color: #161513; border-bottom: 1px solid #e7e7e7;} .package-head{background-color: #e7e7e7; text-align: left; position: -webkit-sticky; position: sticky; top: 0;} .package-details > td{padding: 10px 5px 18px 5px; transition: 0.5s;} .package-details:hover{background-color: #eaf9e2;} .delivery-details{text-align: center; margin-left: auto; margin-right: auto; margin-top: 5%; width: 85%;} .inv-no-label{font-size: 20px;} .inv-no-text{font-size: 25px; font-weight: bold; margin-left: 10px;} .status-text{display: block; font-size: 24px; margin-top: 5%;} .timeline-div{margin-left: auto; margin-right: auto;} .from-to-div{margin-left: 0px !important; margin-right: 0px !important;} .from-to-header{width: 100%; background-color: #bdbdbc; color: white; padding: 5px 5px 5px 5px;} .from-to-text{margin: 10px 5px 5px 10px;} .from-to-center{width: 50%; margin-left: auto; margin-right: auto;} .timeline-ol{position: relative; display: block; margin: 100px; height: 2px; background: #31708F;} .timeline-ol::before, .timeline-ol::after{content: ""; position: absolute; top: -8px; display: block; width: 0; height: 0; border-radius: 10px; border: 10px solid #31708F;} .timeline-ol::before{left: -5px;} .timeline-ol::after{right: -10px; border: 10px solid transparent; border-right: 0; border-left: 20px solid #31708F; border-radius: 3px;} .responsive-li{position: relative; display: inline-block; float: left; width: 100px; font: bold 14px arial; height: 50px;} .responsive-li .diplome{position: absolute; top: -47px; left: 23%; color: #000000;} .responsive-li .point{content: ""; top: -6px; left: 43%; display: block; width: 15px; height: 15px; border: 4px solid #31708F; border-radius: 10px; background: #fff; position: absolute;} .point_delivered{content: ""; top: -12px; left: 36%; display: block; width: 15px; height: 15px; border-radius: 10px; background: #fff; background-color: white; position: absolute; background-color: #fbfbfb;} .check-custom{color: #5eb451; font-size: 25px; background-color: #fff; padding: 0px; left: 22.5%; position: absolute; top: 24px; z-index: 5;} .responsive-li .description{display: none; background-color: #151514; padding: 10px; margin-top: 20px; position: relative; font-weight: normal; z-index: 1; color: white; border-radius: 5px;} .description::before{content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #151514; position: absolute; top: -5px; left: 43%;} .responsive-li:hover{cursor: pointer; color: #48A4D2;} .responsive-li:hover .description{display: block;} @media only screen and (max-width: 576px){.responsive-li{width: 10px;}.tracking-left{height: 0px !important;}.inv-input{width: 90%;}} 

/* /cargo_tracking/static/src/css/timeline.css defined in bundle 'web.assets_frontend' */
 *, *::after, *::before{box-sizing: border-box;} .wh-header{font-size: 20px; font-weight: bold;} .events-content > ol{padding-left: 0px;} .loc-label{font-weight: bold; font-size: 15px; top: 46px; position: absolute; left: 0px;} .collect-icon{color: #5eb451; font-size: 25px; background-color: #fff; padding: 0px; left: 22.5%; position: absolute; top: 24px; z-index: 5;} .pointer{position: absolute; z-index: 5000; left: -2px; color: #09f; font-size: 14px; top: 7.5px; transition: 0.5s;} .a-hover:hover{background-color: #09f; transition: 0.5s;} .a-hover:hover .pointer{color: #fff;} .events > ol > li, .cd-timeline-navigation > li, .events-content > ol > li{list-style-type: none;} .ol{width: 100%;} .timeline{font-size: 1.6rem; font-family: "Source Sans Pro", sans-serif; color: #383838; background-color: transparent;} .timeline-a{color: #0099ff; text-decoration: none;} .timeline-a-top{color: #0099ff; text-decoration: none;} .timeline-a-bottom{color: #0099ff; text-decoration: none;} .cd-horizontal-timeline{opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;} .cd-horizontal-timeline::before{content: 'mobile'; display: none;} .cd-horizontal-timeline.loaded{opacity: 1;} .cd-horizontal-timeline .timeline{position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto;} .cd-horizontal-timeline .events-wrapper{position: relative; height: 100%; margin: 0 40px; overflow: hidden;} .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before{content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px;} .cd-horizontal-timeline .events-wrapper::before{left: 0; background-image: -webkit-linear-gradient(left, #fff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #fff, rgba(248, 248, 248, 0));} .cd-horizontal-timeline .events-wrapper::after{right: 0; background-image: -webkit-linear-gradient(right, #fff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #fff, rgba(248, 248, 248, 0));} .cd-horizontal-timeline .events{position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;} .cd-horizontal-timeline .filling-line{position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #0099ff; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .cd-horizontal-timeline .events a{position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1rem; padding-bottom: 15px; color: #383838; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} .cd-horizontal-timeline .events a::after{content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s;} .no-touch .cd-horizontal-timeline .events a:hover::after{background-color: #0099ff; border-color: #0099ff;} .cd-horizontal-timeline .events a.selected{pointer-events: none;} .cd-horizontal-timeline .events a.selected::after{background-color: #0099ff; border-color: #0099ff;} .cd-horizontal-timeline .events a.older-event::after{border-color: #0099ff;} @media only screen and (min-width: 1100px){.cd-horizontal-timeline{margin: 2em auto;}.cd-horizontal-timeline::before{content: 'desktop';}} .cd-timeline-navigation a{position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s;} .cd-timeline-navigation a::after{content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(/cargo_tracking/static/src/css/../img/cd-arrow.svg) no-repeat 0 0;} .cd-timeline-navigation a.prev{left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);} .cd-timeline-navigation a.next{right: 0;} .no-touch .cd-timeline-navigation a:hover{border-color: #0099ff;} .cd-timeline-navigation a.inactive{cursor: not-allowed;} .cd-timeline-navigation a.inactive::after{background-position: 0 -16px;} .no-touch .cd-timeline-navigation a.inactive:hover{border-color: #dfdfdf;} .cd-horizontal-timeline .events-content{position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s;} .cd-horizontal-timeline .events-content li{position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} .cd-horizontal-timeline .events-content li.selected{position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right;} .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left;} .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse;} .cd-horizontal-timeline .events-content li > *{max-width: 800px; margin: 0 auto;} .cd-horizontal-timeline .events-content h2{font-weight: bold; font-size: 2.6rem; font-family: "Playfair Display", serif; font-weight: 700; line-height: 1.2;} .cd-horizontal-timeline .events-content em{display: block; font-style: italic; margin: 10px auto;} .cd-horizontal-timeline .events-content em::before{content: '- ';} .cd-horizontal-timeline .events-content p{font-size: 1.4rem; color: #959595;} .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p{line-height: 1.6;} @media only screen and (min-width: 768px){.cd-horizontal-timeline .events-content h2{font-size: 7rem;}.cd-horizontal-timeline .events-content em{font-size: 1rem;}.cd-horizontal-timeline .events-content p{font-size: 1rem;}} @-webkit-keyframes cd-enter-right{0%{opacity: 0; -webkit-transform: translateX(100%);}100%{opacity: 1; -webkit-transform: translateX(0%);}} @-moz-keyframes cd-enter-right{0%{opacity: 0; -moz-transform: translateX(100%);}100%{opacity: 1; -moz-transform: translateX(0%);}} @keyframes cd-enter-right{0%{opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}100%{opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}} @-webkit-keyframes cd-enter-left{0%{opacity: 0; -webkit-transform: translateX(-100%);}100%{opacity: 1; -webkit-transform: translateX(0%);}} @-moz-keyframes cd-enter-left{0%{opacity: 0; -moz-transform: translateX(-100%);}100%{opacity: 1; -moz-transform: translateX(0%);}} @keyframes cd-enter-left{0%{opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}100%{opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}} 

/* /website_tracking/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 .tracking-main{width: 99vw; margin: 15px 5px 5px 5px; border-radius: 11px;} .tracking-right-main{margin-top: 10%;} .current-state{display: block; font-size: 12px; font-weight: normal;} .company-logo{width: 100px; height: auto; margin-left: auto; margin-right: auto;} .tracking-left{height: 70vh; background-image: url("/website_tracking/static/images/tracking.jpg"); background-repeat: no-repeat; background-position: -663px 0px;} .tracking-right{background-color: #f9f9f9;} .track-header{width: 100%; text-align: center;} .track-label{color: #1c1818; font: 20px/24px "Lato", Arial, sans-serif;} .tracking-input{margin-top: 30px;} .inv-radio{display: none;} .inv-input{margin-left: auto; margin-right: auto; width: 50%;} .custom-input{margin: 0px !important; padding: 0px !important; width: 100%; float: left; position: relative;} .btn-div{padding: 0px; margin: 0px;} .inv-input-field{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc; background-color: #f9f9f9;} .inv-input-field ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #4caf50; transition: 0.4s;} .inv-input-field:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;} :focus{outline: none;} .cust-input{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px; padding-left: 5px;} .btn-submit{width: 100% !important; background-color: #161513 !important; color: white !important; border: 0px !important; border-radius: 0px !important; height: 100%;} .track-info-div{margin-left: auto; margin-right: auto; text-align: center; margin-top: 20px;} .track-info{font: 15px/20px "Lato", Arial, sans-serif; color: #424040;} .track-result-main{width: 99vw; background-color: #f9f9f9;} .result-sub{width: 80%; background-color: white; margin-left: auto; margin-right: auto;} .inv-input-track{margin-top: 10px; margin-left: auto; width: 60%;} .inv-input-field-track{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc; background-color: #f9f9f9;} .inv-input-field-track ~ .focus-border-track{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #4caf50; transition: 0.4s;} .inv-input-field-track:focus ~ .focus-border-track{width: 100%; transition: 0.4s; left: 0;} :focus{outline: none;} .cust-input-track{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px; padding-left: 5px;} .btn-submit-track{width: 100% !important; background-color: #161513 !important; color: white !important; border: 0px !important; border-radius: 0px !important; height: 100%;} .error-div{margin-left: auto; margin-right: auto; width: 60%; text-align: center; background-color: #eac1c1; border-radius: 5px; border: 1px solid #e18b8b; font-size: 13px; color: #1c1826; padding: 5px 5px 5px 5px; margin-top: 2%; transition: 0.5s;} .icon-tab{font-size: 20px; margin-right: 5px;} .tabs{left: 50%; transform: translateX(-50%); position: relative; background: white; padding: 50px; padding-bottom: 80px; width: 98%; border-radius: 5px; min-width: 180px;} .tabs input[name="tab-control"]{display: none;} .tabs .content section h2, .tabs ul li label{font-size: 15px; color: #161513;} .tabs ul{list-style-type: none; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; margin-bottom: 5px; justify-content: space-between; align-items: flex-end; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .tabs ul li{box-sizing: border-box; flex: 1; width: 33.33333333%; padding: 0 10px; text-align: center;} .tabs ul li label{transition: all 0.3s ease-in-out; color: #151514; padding: 5px auto; overflow: hidden; text-overflow: ellipsis; display: block; cursor: pointer; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-touch-callout: none;} .tabs ul li label br{display: none;} .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active{outline: 0; color: #3b3b3b;} .tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg{fill: #3b3b3b;} .tabs .slider{position: relative; width: 33.33333333%; transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);} .tabs .slider .indicator{position: relative; width: 100%; max-width: 100%; margin: 0 auto; height: 3px; background: #161513; border-radius: 1px;} .tabs .content{margin-top: 30px;} .tabs .content section{display: none; animation-name: content; animation-direction: normal; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; line-height: 1.4;} .tabs .content section h2{color: #161513; display: none;} .tabs .content section h2::after{content: ""; position: relative; display: block; width: 30px; height: 3px; background: #161513; margin-top: 5px; left: 1px;} .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label{cursor: default; color: #161513;} @media (max-width: 450px){.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label{background: rgba(0, 0, 0, 0.08);}} .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider{transform: translateX(0%);} .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1){display: block;} .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label{cursor: default; color: #161513;} @media (max-width: 450px){.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label{background: rgba(0, 0, 0, 0.08);}} .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider{transform: translateX(100%);} .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2){display: block;} .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label{cursor: default; color: #161513;} @media (max-width: 450px){.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label{background: rgba(0, 0, 0, 0.08);}} .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider{transform: translateX(200%);} .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3){display: block;} @keyframes content{from{opacity: 0; transform: translateY(5%);}to{opacity: 1; transform: translateY(0%);}} @media (max-width: 750px){.tabs ul li label{white-space: initial;}.tabs ul li label br{display: initial;}.tabs ul li label svg{height: 1.5em;}} @media (max-width: 450px){.tabs ul li label{padding: 5px; border-radius: 5px;}.tabs ul li label span{display: none;}.tabs .slider{display: none;}.tabs .content{margin-top: 20px;}.tabs .content section h2{display: block;}.tabs .inv-input-track{width: 100%;}} @media only screen and (max-width: 576px){.inv-input-track{width: 100%;}} .details-row{text-align: left; width: 100%; margin: 0px !important;} .details-header{width: 100%; font-weight: bold; font-size: 12px; padding: 9px 5px 9px 11px; background-color: #5eb451; color: #fff; margin-top: 15px;} .details-body{padding: 5px 6px 5px 6px; color: #5b5959;} .history-table{width: 100%; text-align: center;} .empty-td{width: 30%;} .time-row{background-color: #e7e7e7; text-align: left;} .time-text{color: #161513; padding: 8px 5px 5px 15px;} .history-details{color: #161513; border-bottom: 1px solid #e7e7e7;} .history-details > td{padding: 10px 5px 24px 5px; transition: 0.5s;} .history-details:hover{background-color: #eaf9e2;} .package-table{width: 100%; text-align: center;} .empty-td{width: 30%;} .time-row{background-color: #e7e7e7; text-align: left;} .package-div{height: 50vh; overflow-x: scroll;} .package-details{color: #161513; border-bottom: 1px solid #e7e7e7;} .package-head{background-color: #e7e7e7; text-align: left; position: -webkit-sticky; position: sticky; top: 0;} .package-details > td{padding: 10px 5px 18px 5px; transition: 0.5s;} .package-details:hover{background-color: #eaf9e2;} .delivery-details{text-align: center; margin-left: auto; margin-right: auto; margin-top: 5%; width: 85%;} .inv-no-label{font-size: 20px;} .inv-no-text{font-size: 25px; font-weight: bold; margin-left: 10px;} .status-text{display: block; font-size: 24px; margin-top: 5%;} .timeline-div{margin-left: auto; margin-right: auto;} .from-to-div{margin-left: 0px !important; margin-right: 0px !important;} .from-to-header{width: 100%; background-color: #bdbdbc; color: white; padding: 5px 5px 5px 5px;} .from-to-text{margin: 10px 5px 5px 10px;} .from-to-center{width: 50%; margin-left: auto; margin-right: auto;} .timeline-ol{position: relative; display: block; margin: 100px; height: 2px; background: #31708F;} .timeline-ol::before, .timeline-ol::after{content: ""; position: absolute; top: -8px; display: block; width: 0; height: 0; border-radius: 10px; border: 10px solid #31708F;} .timeline-ol::before{left: -5px;} .timeline-ol::after{right: -10px; border: 10px solid transparent; border-right: 0; border-left: 20px solid #31708F; border-radius: 3px;} .responsive-li{position: relative; display: inline-block; float: left; width: 100px; font: bold 14px arial; height: 50px;} .responsive-li .diplome{position: absolute; top: -47px; left: 23%; color: #000000;} .responsive-li .point{content: ""; top: -6px; left: 43%; display: block; width: 15px; height: 15px; border: 4px solid #31708F; border-radius: 10px; background: #fff; position: absolute;} .point_delivered{content: ""; top: -12px; left: 36%; display: block; width: 15px; height: 15px; border-radius: 10px; background: #fff; background-color: white; position: absolute; background-color: #fbfbfb;} .check-custom{color: #5eb451; font-size: 25px; background-color: #fff; padding: 0px; left: 22.5%; position: absolute; top: 24px; z-index: 5;} .responsive-li .description{display: none; background-color: #151514; padding: 10px; margin-top: 20px; position: relative; font-weight: normal; z-index: 1; color: white; border-radius: 5px;} .description::before{content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #151514; position: absolute; top: -5px; left: 43%;} .responsive-li:hover{cursor: pointer; color: #48A4D2;} .responsive-li:hover .description{display: block;} @media only screen and (max-width: 576px){.responsive-li{width: 10px;}.tracking-left{height: 0px !important;}.inv-input{width: 90%;}} 

/* /website_tracking/static/src/css/timeline.css defined in bundle 'web.assets_frontend' */
 *, *::after, *::before{box-sizing: border-box;} .wh-header{font-size: 20px; font-weight: bold;} .events-content > ol{padding-left: 0px;} .loc-label{font-weight: bold; font-size: 15px; top: 46px; position: absolute; left: 0px;} .collect-icon{color: #5eb451; font-size: 25px; background-color: #fff; padding: 0px; left: 22.5%; position: absolute; top: 24px; z-index: 5;} .pointer{position: absolute; z-index: 5000; left: -2px; color: #09f; font-size: 14px; top: 7.5px; transition: 0.5s;} .a-hover:hover{background-color: #09f; transition: 0.5s;} .a-hover:hover .pointer{color: #fff;} .events > ol > li, .cd-timeline-navigation > li, .events-content > ol > li{list-style-type: none;} .ol{width: 100%;} .timeline{font-size: 1.6rem; font-family: "Source Sans Pro", sans-serif; color: #383838; background-color: transparent;} .timeline-a{color: #0099ff; text-decoration: none;} .timeline-a-top{color: #0099ff; text-decoration: none;} .timeline-a-bottom{color: #0099ff; text-decoration: none;} .cd-horizontal-timeline{opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;} .cd-horizontal-timeline::before{content: 'mobile'; display: none;} .cd-horizontal-timeline.loaded{opacity: 1;} .cd-horizontal-timeline .timeline{position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto;} .cd-horizontal-timeline .events-wrapper{position: relative; height: 100%; margin: 0 40px; overflow: hidden;} .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before{content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px;} .cd-horizontal-timeline .events-wrapper::before{left: 0; background-image: -webkit-linear-gradient(left, #fff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #fff, rgba(248, 248, 248, 0));} .cd-horizontal-timeline .events-wrapper::after{right: 0; background-image: -webkit-linear-gradient(right, #fff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #fff, rgba(248, 248, 248, 0));} .cd-horizontal-timeline .events{position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;} .cd-horizontal-timeline .filling-line{position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #0099ff; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .cd-horizontal-timeline .events a{position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1rem; padding-bottom: 15px; color: #383838; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} .cd-horizontal-timeline .events a::after{content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s;} .no-touch .cd-horizontal-timeline .events a:hover::after{background-color: #0099ff; border-color: #0099ff;} .cd-horizontal-timeline .events a.selected{pointer-events: none;} .cd-horizontal-timeline .events a.selected::after{background-color: #0099ff; border-color: #0099ff;} .cd-horizontal-timeline .events a.older-event::after{border-color: #0099ff;} @media only screen and (min-width: 1100px){.cd-horizontal-timeline{margin: 2em auto;}.cd-horizontal-timeline::before{content: 'desktop';}} .cd-timeline-navigation a{position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s;} .cd-timeline-navigation a::after{content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(/website_tracking/static/src/css/../img/cd-arrow.svg) no-repeat 0 0;} .cd-timeline-navigation a.prev{left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);} .cd-timeline-navigation a.next{right: 0;} .no-touch .cd-timeline-navigation a:hover{border-color: #0099ff;} .cd-timeline-navigation a.inactive{cursor: not-allowed;} .cd-timeline-navigation a.inactive::after{background-position: 0 -16px;} .no-touch .cd-timeline-navigation a.inactive:hover{border-color: #dfdfdf;} .cd-horizontal-timeline .events-content{position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s;} .cd-horizontal-timeline .events-content li{position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} .cd-horizontal-timeline .events-content li.selected{position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right;} .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left;} .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse;} .cd-horizontal-timeline .events-content li > *{max-width: 800px; margin: 0 auto;} .cd-horizontal-timeline .events-content h2{font-weight: bold; font-size: 2.6rem; font-family: "Playfair Display", serif; font-weight: 700; line-height: 1.2;} .cd-horizontal-timeline .events-content em{display: block; font-style: italic; margin: 10px auto;} .cd-horizontal-timeline .events-content em::before{content: '- ';} .cd-horizontal-timeline .events-content p{font-size: 1.4rem; color: #959595;} .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p{line-height: 1.6;} @media only screen and (min-width: 768px){.cd-horizontal-timeline .events-content h2{font-size: 7rem;}.cd-horizontal-timeline .events-content em{font-size: 1rem;}.cd-horizontal-timeline .events-content p{font-size: 1rem;}} @-webkit-keyframes cd-enter-right{0%{opacity: 0; -webkit-transform: translateX(100%);}100%{opacity: 1; -webkit-transform: translateX(0%);}} @-moz-keyframes cd-enter-right{0%{opacity: 0; -moz-transform: translateX(100%);}100%{opacity: 1; -moz-transform: translateX(0%);}} @keyframes cd-enter-right{0%{opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}100%{opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}} @-webkit-keyframes cd-enter-left{0%{opacity: 0; -webkit-transform: translateX(-100%);}100%{opacity: 1; -webkit-transform: translateX(0%);}} @-moz-keyframes cd-enter-left{0%{opacity: 0; -moz-transform: translateX(-100%);}100%{opacity: 1; -moz-transform: translateX(0%);}} @keyframes cd-enter-left{0%{opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}100%{opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}