/* * { -moz-box-sizing: border-box; -o-box-sizing: border-box;
    -ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin:0; padding:0 }
    body {padding: 0; margin: 0; line-height:1.1; font-size:16px; background:#ffffff; font-weight: 500; font-family:'Ploni', sans-serif;color:#000 }
    strong { display:block}
    img { border:0; vertical-align: top; max-width: 100%; height: auto}
    a{ color:#000; text-decoration: none}
    
    p { margin-bottom:0}
    .clr { clear:both;}
    li { list-style:none}
    a, a:hover, .timeline-nav li, .timeline-nav li.active, .timeline-nav li .dot:before, .timeline-nav li:hover .dot:before, .timeline-row li .col .content, .timeline-row li:hover .col .content, .milestone-carousel.owl-carousel .col .content, .milestone-carousel.owl-carousel .owl-item.active.center .col .content, .milestone-carousel .owl-item .col .content, .milestone-carousel .owl-item:hover .col .content, .years-carousel.owl-carousel .owl-item .years a:before, .years-carousel.owl-carousel .owl-item.active.center .years a:before{
    -moz-transition: all .4s ease;-o-transition: all .3s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease;transition: all .4s ease;   
    } */
    .header:after, .form-filter-section:after{content:''; display: table; height: 100%; clear: both}
    .container { max-width:1000px; width:100%; margin:0 auto }
    .container:after{ content:''; clear:both; display:table}
    .timeline-nav li {margin: 0; padding-bottom: 30px; -moz-flex-grow: 1;-o-flex-grow: 1;-ms-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;align-items: center;justify-content: center;flex-wrap: wrap; position: relative}
    .timeline-nav li .dot {z-index: 5; position:absolute; bottom:-13px; left:0; right:0; margin: 0 auto; width:23px; height: 23px; border:3px solid #000; background: #fff;-moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99% }
    .timeline-nav li .dot:before {content: ''; z-index: 5; position:absolute; bottom:3px; left:0; right:0; margin: 0 auto; width:11px; height: 11px; background: #000;-moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99%; opacity: 0; transform: scale(0)}
    .timeline-nav li:hover .dot:before {opacity: 1; transform: scale(1)}
    .timeline-nav li.active .dot:before {content: ''; z-index: 5; position:absolute; bottom:3px; left:0; right:0; margin: 0 auto; width:11px; height: 11px; background: #000;-moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99%; opacity: 1; transform: scale(1)}
    .timeline-nav li a {font-weight: bold;height: 100%; text-align: center; padding:0px 0;-moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex; -moz-flex-flow: column;-o-flex-flow: column;-ms-flex-flow: column;-webkit-flex-flow: column;flex-flow: column;-moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center;}
    .timeline-nav li span { display: block; margin-top: 3px}
    .timeline-row { position: relative; top:-29px; padding:80px 0; border-top:3px solid #ff6d39;}
    .timeline-row:after { content: ''; z-index:1; position: absolute; left:0; top:0; width: 100%; height: 105%; background: url(../images/timeline-bg.jpg) repeat; }
    .timeline-nav { margin: 0; -moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex; -moz-flex-wrap: wrap;-o-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap; }
    .timeline-row ul {}
    
    .timeline-slider .owl-dots {max-width:1000px; width:100%; margin:0 auto; margin: 0; padding-bottom: 30px; moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex;-moz-flex-wrap: wrap;-o-flex-wrap: wrap;-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;flex-wrap: wrap; position: absolute; top:-150px; left:0}
    .timeline-slider .owl-dots .owl-dot { position: relative;font-weight: bold;height: 100%; text-align: center; padding:0px 0;-moz-flex-grow: 1;-o-flex-grow: 1; -ms-flex-grow: 1;-webkit-flex-grow: 1;
        flex-grow: 1;align-items: center;justify-content: center;flex-wrap: wrap;}
    .timeline-slider .owl-dots .owl-dot button{ cursor: pointer; background: none !important; border:none!important; outline: none!important; font-size: 16px; font-weight: 900;height: 100%; text-align: center; }
    .timeline-wrapper { padding-top:100px}
    .years-carousel.owl-carousel .owl-item.firstActiveItem { border:1px solid red}
    
    .timeline-row li { /*width: 33.33333333333333%; */width:100%;padding: 0 15px; float: left}
    .timeline-row li .col { position: relative; }
    .timeline-row li .col figure{ height: 100%; position: relative; }
    .timeline-row li .col figure img{  max-width:none; width:100%; height:100%; -moz-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;object-fit: cover; -moz-object-position: center; -o-object-position: center;-ms-object-position: center;-webkit-object-position: center;object-position: center;}
    /* .timeline-row li .col .content { visibility:hidden; opacity: 0; position: absolute; left:30px; top:30px; right:30px; bottom:30px; margin: auto;  background: #f8d937; -moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex; -moz-flex-flow: column;-o-flex-flow: column;-ms-flex-flow: column;-webkit-flex-flow: column;flex-flow: column;-moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center;background: url(../images/text-bg.png) no-repeat; background-size: auto 100% } */
    .timeline-row li .col .content { visibility:hidden; opacity: 0; position: absolute; left:30px; top:30px; right:30px; bottom:30px; margin: auto;  background: #f8d937; -moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex; -moz-flex-flow: column;-o-flex-flow: column;-ms-flex-flow: column;-webkit-flex-flow: column;flex-flow: column;-moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center;background: url(../images/text-bg.png) no-repeat; background-size: auto 100% }
    .timeline-row li .col .content strong {text-align: center;font-size: 18px; font-weight: bold; position: relative; top:-15px/* -moz-transform: skew(0deg, -4deg);-o-transform:skew(0deg, -4deg);-ms-transform: skew(0deg, -4deg);-webkit-transform:skew(0deg, -4deg);transform: skew(0deg, -4deg)*/}
    .timeline-row li .col .next-arrow { position: absolute; top:45%; left:0}
    .timeline-row li .col .next-arrow:before {content: "\f100"; display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:36px; color: #fff; }
    .timeline-row li .col .col-inner { width:85%; display: inline-block;margin: 0 auto; position: relative;height: 250px; overflow: hidden;/*-moz-transform: skew(0deg, 5deg);-o-transform:skew(0deg, 5deg);-ms-transform: skew(0deg, 5deg);-webkit-transform:skew(0deg, 5deg);transform: skew(0deg, 5deg)*/ }
    .timeline-row li:hover .col .content { visibility:visible; opacity: 1;}
    .timeline-row li.active .col .content { visibility:visible; opacity: 1;}
    .timeline-slider.owl-carousel .owl-item .dots {position: relative;margin:0 auto; display: block; width:25px; height:25px; border:3px solid #000; background: #fff;-moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99% }
    .timeline-slider.owl-carousel li .col { margin-top:60px; text-align: center}
    .timeline-slider.owl-carousel { top:-95px}
    .timeline-slider.owl-carousel .owl-item .dots:before {content: ''; z-index: 7; position:absolute; top:3px; left:0; right:0; margin: 0 auto; width:13px; height: 13px; background: #000;-moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99%; opacity: 0; -moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);}
    .timeline-row .timeline-slider.owl-carousel .owl-item.active.center i:before { opacity: 1; -moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
    .timeline-slider.owl-carousel .owl-nav { position: absolute; left:0; right:0;top:195px; max-width:360px; width:100%; display: block;margin: 0 auto}
    .timeline-slider.owl-carousel .owl-nav button{ font-size: 36px; color:red;}
    /* .timeline-slider.owl-carousel .owl-nav .owl-prev:before {content: "\f100"; display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:36px; color: #fff;text-indent: 0 } */
    .timeline-slider.owl-carousel .owl-nav button span { display: none }
    /* .timeline-slider.owl-carousel .owl-nav .owl-next:before {content: "\f101"; display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:36px; color: #fff;text-indent: 0 } */
    .timeline-slider.owl-carousel .owl-nav button span { display: none }
    .timeline-slider.owl-carousel .owl-nav .owl-prev { float: left; margin-left: -20px}
    .timeline-slider.owl-carousel .owl-nav .owl-next { float: right; margin-right: 22px}
    
    
    

    .timeline-slider.owl-carousel {
        z-index: 2;
    }

    .timeline-arrow {
        z-index: 99999;
        position: absolute;
        left: -51px;
        top: 89px;
        width: 25px!important;
    }
    .timeline-row li .col .col-inner {
        overflow: visible;
    }
    span.timeline-title {
        color: white;
        text-align: center;
        display: block;
        top: 6px;
        position: relative;
        font-weight: bold;
    }
    .timeline-row li {
        list-style: none;
    }
    
    .timeline-row li .col .content {
        background:red;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 85%);
    }

    /* MOBILE */
    @media only screen and (max-width:767px) {
        .timeline-row {
            height:490px;
        }
        .timeline-row .container {overflow-x: visible; overflow-y: visible;max-width: 370px}
        .timeline-row ul {margin: 0 auto; }
        .timeline-nav li a { font-size: 14px}
        .timeline-row:after {
            height:105%;
        }
        .timeline-arrow {
            left:-35px;
        }
        /* FROM CUSTOMZIER: */
        /* .owl-carousel.owl-drag .owl-item{
            margin-top: 155px;
        } */
        .timeline-wrapper {
        padding-top: 28px;
        }
        .timeline-row li .col .content {
        visibility: visible;
        opacity: 1;
        }
        .timeline-slider.owl-carousel {
            width:120%;
        }
        .owl-carousel.owl-rtl .owl-item {
            right:0px;
        }
        .timeline-row li {
            width:300px;
            left: 20px;
            position: relative;
        
        }
    }