/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018.06.13., 14:57:13
    Author     : Peta
*/

div.part-slider_extra {
    overflow:hidden;
}

div.part-slider_extra div.video {

}

div.part-slider_extra div.video video {
    position:relative;
    width:100%;
}

/* Belső slider */

div.part-slider_extra .sli-bg {
    position:relative;
    /* height:23.45vw; */
}

div.part-slider_extra .sli-mob-con {
    width:100% !important;
    left:0 !important;
    top:0;
    right:0;
    bottom:0;
    left:0;
    position:absolute;
}

div.part-slider_extra .sli-cnt-bg {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    transition:1s;
    opacity:0;
    z-index:1;
    background-position:center center;
}

div.part-slider_extra .sli-cnt-bg.active {
    opacity:1;
    z-index:2;
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt {
    position:relative;
    padding-top:42px;
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading {    
    display:inline;
    margin-right:48px;
    color:#ffffff;
    position:relative;
    z-index:3;
    font-family:'Roboto Bold Italic';
    margin-bottom:20px;
    font-size:48px;
    line-height:62px;
    /* background-color:rgba(8,76,39,0.85); */
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading:before,
div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading:after {
    /* content:"\00a0";*/
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv {
    padding-top:24px;
    margin-right:48px;
    position:relative;
    z-index:3;
    margin-bottom:32px;
}
div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv * {
    color:#ffffff;
    font-family:'Roboto Light';
}

.history-back a, div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but a {
    margin-top:0;
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but {
    width:50%;
    margin-bottom: 32px;
    position:relative;
    z-index:2;
}

div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.part-slider_extra .sli-cnt-con {
    position:absolute;
    width:100%;
    bottom:64px;
    left:0;
    z-index:3;
}

div.part-slider_extra ul {
    text-align:center;
}

div.part-slider_extra ul li {
    display:inline-block;
    margin:0 2px;
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:#ffffff;
    cursor:pointer;
    opacity:0.85;
    transition:0.3s;
}

div.part-slider_extra ul li.active {
    background-color:#14703d;
}




@media only screen and (min-width:1324px) {
    div.part-slider_extra {
        max-height:740px;
    }
    
    div.part-slider_extra .sli-bg {
        height:450px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt {
        width:1244px;
        margin:0 auto;
    }
    
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    div.part-slider_extra .sli-bg {
        height:310px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt {
        width:914px;
        margin:0 auto;
        padding-top:24px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading {
        font-size:24px;
        margin-bottom:12px;
        font-size:48px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv {
        padding-top:10px;
        margin-bottom:10px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv * {
        font-size:14px;
    }
    
    
}

@media only screen and (min-width:640px) and (max-width:993px) {
    div.part-slider_extra .sli-bg {
        height:233px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt {
        margin:0 auto;
        padding-top:16px;
        box-sizing:border-box;
        padding-left:32px;
        padding-right:32px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading {
        font-size:24px;
        margin-bottom:6px;
        float:none;
        width:auto;
        margin-right:0;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv,
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but {
        float:none;
        width:auto;
        margin-right:0;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv {
        margin-bottom:10px;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv * {
        font-size:12px;
    }
    
}

@media only screen and (max-width:993px){
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading {
        padding-bottom:0;
        line-height:32px;
    }
}

@media only screen and (min-width:480px) and (max-width:639px) {
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt {
        width:auto;
        margin:0 auto;
        padding-top:32px;
        box-sizing:border-box;
        padding-left:32px;
        padding-right:32px;
    }
    
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading {
        font-size:24px;
        margin-bottom:12px;
        float:none;
        width:auto;
        margin-right:0;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv,
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but {
        float:none;
        width:auto;
        margin-right:0;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv {
        margin-bottom:10px;
        display:none;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv * {
        font-size:12px;
    }
    
}

@media only screen and (max-width:639px) {
    div.part-slider_extra .sli-bg {
        height:150px;
    }
    
    div.part-slider_extra .sli-cnt-con ul.sli-dots {
        bottom:15px;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt {
        width:280px;
        margin:0 auto;
        padding-top:16px;
        box-sizing:border-box;
        padding-left:32px;
        padding-right:32px;
    }
    
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt h2.component-heading {
        font-size:18px;
        margin-bottom:12px;
        float:none;
        width:auto;
        margin-right:0;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv,
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but {
        float:none;
        width:auto;
        margin-right:0;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv {
        display:none;
    }
    
    div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-riv * {
        font-size:12px;
    }
    
    div.part-slider_extra.markak {
        width:280px;
    }
    
}