select.input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23e3461c'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 20px) 68%;
  background-repeat: no-repeat;
  background-color: #3b3c40!important;
}
.no-results{color:rgba(255,255,255,0.6);margin-bottom:5em;text-align:center;font-size:1.2em;text-align:center;}
.no-results h3{margin:1em auto;}
.remove-filter{display:flex;flex-wrap:wrap;grid-column:1/3;}
.remove-filter .single-remove{background:#3b3c40;margin:0.2em;padding:0.2em 1em;}
.remove-filter .single-remove input[type="checkbox"]{display:none;}
.remove-filter .single-remove label{cursor:pointer;color:white;}
.remove-filter .single-remove label:before{content:"x";padding-right:0.3em;color:red;font-size:1.5em;}

.group1{grid-column:1/4;}
.group1 .filter-group{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1em;background:#01151e;border-radius:10px;padding:1em;margin:1em 0;}
.filter-group .heading{grid-column:1/3;}
.group2{border-radius:10px;margin:1em 0;padding:1em;background:#01151e;display: flex;flex-direction: column;justify-content: space-between;}
#filter.adv-filter-wrap input{margin-right:0.4em;}

.adv-btn-wrap{grid-column:1/3;}

.reset, .adv-btn-wrap{margin:0 auto;}
.reset input[type="reset"], #btn-adv{width:100%;cursor:pointer;border-radius:0;border:0;background:#3b3c40;color:white;height:100%;}
.reset, .reset .filtruj{display:inline-block;}
.reset{width:100%;}
.reset > div{height:100%;}
button#filternow{background:#e3461c;width:100%;color:white;border-radius:0;display:inline-flex;align-items:center;justify-content:center;border:0;height:100%;cursor:pointer;}
button#filterfull{background:#e3461c;color:white;border-radius:0;display:inline-flex;align-items:center;justify-content:center;border:0;height:100%;cursor:pointer;}
button#filternow .ajax, button#filterfull .ajax{margin-left:0.5em;}
button#filternow img, button#filterfull img{width:25px;}

.filtruj input[type="reset"]{border:0;border-radius:0;padding:0.6em 0.5em 0.4em;background:#3b3c40;color:white;cursor:pointer;}
#advanced-filter{position:fixed;top:0;bottom:0;left:0;right:0;background:black;z-index:200;}
.filter-header h2{color:white;}
.filtruj-wrap{display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    grid-gap: 10px 25px;}
#advanced-filter #filter > div > form > .filtruj{position:fixed;bottom:0px;left:0;right:0;height:50px;border-top:1px solid #3b3c40;background:black;padding:5px;display:flex;gap:5px;}
.adv-filter-wrap{position:relative;max-height:100%;overflow-y:scroll;padding-bottom:50px;}
#filter form .filtermore{
	display:none;
        margin:1em auto;
}
/*#filter .mobmini{display:inline-block;width:100%;text-align:left;}*/
#filter .mobmini{display:flex;flex-direction:column;width:100%;text-align:left;}
#filter .mobmini.frow{flex-direction:row;margin:0.8em 0;}
#filter .mobmini.frow.odpocet{align-self:center;}
#filter .mobmini.frow.odpocet input{margin-right:0.4em;}
#filter .input{width:100%;border:0;border-radius:10px;padding:8px 14px;}
#filter input[type="checkbox"]{width:20px;height:20px;}
#filter{
	display:flex;
        flex-direction:column;
        justify-content:center;
	color:rgba(255,255,255,0.6);
	text-align:center;
        position:relative;
        min-height:100%;
        margin-bottom:2em;
        border-bottom:1px solid #3b3c40;
        padding-bottom:1em;
}
#filter form{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px 25px;padding:0 20px;}

#filter.adv-filter-wrap{display:block;padding:1em;}
#filter.adv-filter-wrap .filter-header{position:relative;}
#filter.adv-filter-wrap form{display:flex;flex-direction:row;flex-wrap:wrap;}
#filter.adv-filter-wrap form .group1{width:98%;}
#filter.adv-filter-wrap form .group2{width:98%;}
#filter.adv-filter-wrap form .group3{width:98%;padding:1em;}
.placeholder .no-results{grid-column:1/-1;}

#filter > div > form{padding-bottom:50px;}
/*#filter form, .adv-filter-wrap{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px 25px;padding:0 10px;}*/
#close-filter{position:absolute;top:0;right:0;cursor:pointer;border:0;color:white;background:#e3461c;padding:0.6em 1em;}

@media screen and (min-width: 64em){
    /*#filter form, .adv-filter-wrap{grid-template-columns:repeat(6, 1fr);}*/
    #filter form{grid-template-columns:repeat(6, 1fr);}
    .remove-filter{grid-column:1/7;}
    .filtruj{grid-column:1/5;}
    .adv-btn-wrap{grid-column:6/7;}
    .above-form{width:100%;max-width:1200px;margin:0 auto;}
    #filter.adv-filter-wrap form .group1{width:60%;}
    #filter.adv-filter-wrap form .group2{width:34%;}
    #filter.adv-filter-wrap form .group3{width:98%;}
    #filter.adv-filter-wrap form .group3 .mobmini.frow{width:24%;display:inline-flex;}
    #filter .mobmini.frow{margin:0.4em 1% 0.4em 0;}
}

.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1{gap:1em;}
.calc-text-wrap{
    display:flex;    
    justify-content: space-around;
    align-items: end;
    margin-top:1.5em;
}
.calc-text-wrap .forty{
    width:40%;
    text-align:center;
}
.thumb-img-calc{width:90%;margin:0 auto;max-width:280px;}
#extra .item.info.red > .placeholder h1 {
    font: 30px/36px "TitiSemiBold", Arial, sans-serif;
    margin-bottom:0.2em;
    margin-top:0;
    text-transform:uppercase;
}
#extra .item.info.red > .placeholder .news{
    font: 18px/26px "TitiSemiBold", Arial, sans-serif;
    position:relative;
}
#eurominca{
    position:absolute;
    top:70px;
    right:40px;
}
#extra .item.info.red > .placeholder .news ul{
    margin: 1.3em 0 0 1.1em;
}
#extra .item.info.red > .placeholder .news ul li{
    margin:0.5em 0;
}
.calc-text-wrap .sixty{
    width:50%;
}
.calc-text-wrap .sixty button{
    border:0;
    border-radius: 20px;
    background: #d7401d;
    color: white;
    line-height: 1;
    padding: 0.6em 0.4em;
    margin-bottom:0.2em;
    font: 16px/20px "TitiSemiBold", Arial, sans-serif;
    cursor:pointer;
}
.vybava-wrap{
	border-top:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	margin: 1em auto;
}
.vybava-wrap .row{
	padding:1em 0;
}
.subtitle{
	display:block;
}
.bigger{
    font-size:1.2em;
}
span.sdph{
    font-size:0.6em;
}
.orange{
    color:#e3461c;
}
#ad-header h1{    
    font: 34px/40px "TitiRegular", Arial, sans-serif;
    /*text-transform: uppercase;*/
    color: #bdccd3;
    margin:0.67em auto!important;
}
.breadcrumb-wrap{
    margin-bottom:0.5em;
    display:flex;
    justify-content:space-between;
}

.hero-wrapper{
    height:30vh;
}
.homepage-slider{
    height:30vh;
}


.page-template-page-price-calc-php .site-main{
    text-align:center;
}




:root{
        /* white test */
        --background:#fff;
        --backgroundtwo:#626868;
        --backgroundthree:#ff2800;
        --backgroundgrad:#2e3134;
        /*#8D9696*/
        --orangegrad:#c12d23;
        --orange3:#e3461c;
        --orange4:rgba(255,40,0,0.6);
        --orange:#e3461c;
        
        --gradientprice0:rgba(17,32,39,0);
        --gradientprice100:rgba(255,255,255,0.8);

        --mainfont:#626868;
        --fontone:rgba(255,255,255,1);
        --transparenttext:rgba(255,255,255,1);
        --textcolor:rgba(255,255,255,0.6);
        --blue:#db4624;
        --lcf:#ababab;
    }


.calc{
    text-align:center;
}
.calc p{
    margin:1em auto;
    color:var(--textcolor);
}
.calc input[type="submit"]{
    margin: 1em auto;
    width: 400px;
    text-align: center;
    padding: 0 15px;
    display: block;
    color: #fff;
    overflow: hidden;
    text-decoration: none;
    background: var(--orange);
    background: -moz-linear-gradient(top, #c12d23 0%, var(--orange) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c12d23), color-stop(100%,var(--orange)));
    background: -webkit-linear-gradient(top, #c12d23 0%,var(--orange) 100%);
    background: -o-linear-gradient(top, #c12d23 0%,var(--orange) 100%);
    background: -ms-linear-gradient(top, #c12d23 0%,var(--orange) 100%);
    background: linear-gradient(to bottom, #c12d23 0%,var(--orange) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12d23', endColorstr='var(--orange)',GradientType=0 );
}

#cf .calc input{
    padding: 16px 8px;
    margin-top: 20px !important;
    background: #052a3b;
    color: white;
    font-size:1.4em;
    width: 100%;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
    border:1px solid #e3461c;
    border-radius:0;
}
#cf .calc .call{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#cf .calc .call a{
    margin: 1em auto 0;
    padding:1em;
    width: 100%;
    max-width:400px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3;
    overflow: hidden;
    text-decoration: none;
    background: var(--orange);
    background: -moz-linear-gradient(top, #c12d23 0%, var(--orange) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c12d23), color-stop(100%,var(--orange)));
    background: -webkit-linear-gradient(top, #c12d23 0%,var(--orange) 100%);
    background: -o-linear-gradient(top, #c12d23 0%,var(--orange) 100%);
    background: -ms-linear-gradient(top, #c12d23 0%,var(--orange) 100%);
    background: linear-gradient(to bottom, #c12d23 0%,var(--orange) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12d23', endColorstr='var(--orange)',GradientType=0 );
}


#cf{
    text-align:center;
    color:var(--textcolor);
}
#cf .calc.lcf h3{
    line-height:1.2;
    color: #fff;
}

.wp-container-core-columns-layout-2.wp-container-core-columns-layout-2{
    flex-wrap:wrap!important;
}

.calc-wrapper{
    display:flex;
    margin:1em auto 5em;
    flex-direction:column;
}

#cf .lcf, #cf .rcf{
    display: flex;
    flex-direction: column;
    align-self: center;
}

#form-button{
    cursor:pointer;
    position:relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    font-family: 'TitiRegular';
    max-width: 400px;
    font-size: 1.2em;
    line-height: 1.3;
    text-align: center;
    padding: 1em;
    display: block;
    color: #fff;
    overflow: hidden;
    border:0;
    position: relative;
    cursor: pointer;
    text-decoration: none;
        background: #e3461c;
    background: -moz-linear-gradient(top, #c12d23 0%, #e3461c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c12d23), color-stop(100%,#e3461c));
    background: -webkit-linear-gradient(top, #c12d23 0%,#e3461c 100%);
    background: -o-linear-gradient(top, #c12d23 0%,#e3461c 100%);
    background: -ms-linear-gradient(top, #c12d23 0%,#e3461c 100%);
    background: linear-gradient(to bottom, #c12d23 0%,#e3461c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12d23', endColorstr='#e3461c',GradientType=0 );
}

#form-button::after{
    position: absolute;
    top: 0;
    left: -500px;
    content: "";
    width: 120px;
    height: 500px;
    background: rgb(255 255 255 / 60%);
    transform: skew(-50deg);
    animation: shine 6s ease infinite;
}
@keyframes shine{
    0%{
        left:-200%;
    }
    100%{
        left:150%;
    }
}

#cf.calc-wrap label.error{color:var(--orange);}
#cf.calc-wrap input[type="checkbox"]{width:auto;margin-right:0.5em;}


.steps-wrap{
    display:flex;
    margin:2em 0;
    color:var(--textcolor);
}
.steps-wrap .desc > div{margin-bottom:1em;}
.steps-wrap > div {
    flex:1;
    position:relative;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: var(--textcolor);
    display: flex;
    z-index: 3;
    flex-direction:column;
    justify-content: space-between;
}
.steps-wrap > div > .progress{
    display: block;
    margin: 0 auto .5em;
}
.steps-wrap > div > .progress::before, .steps-wrap > div > .progress::after{
    display: block;
    position: absolute;
    bottom: 14px;
    width: 100%;
    height: 8px;
    content: "";
    background-color: var(--lcf);
    z-index: -1;
    left:0;
}

.steps-wrap > div.active > .progress::before, .steps-wrap > div.active > .progress::after, .steps-wrap > div.done > .progress::before, .steps-wrap > div.done > .progress::after {
    border-color: #042A3B;
    background-color: #042A3B;
}

.steps-wrap > div.done > .progress, .steps-wrap > div.done > .progress {
    background-color:var(--orange);
    border-color:var(--orange);
}

.steps-wrap > div.active > .progress, .steps-wrap > div.active > .progress {
    border-color: var(--orange);
    background-color: #fff;
}
.steps-wrap > div.active h4{color:var(--orange);}

.steps-wrap > div.active{
    display:block;
}
.steps-wrap > div{
    display:none;
}

.steps-wrap > div.always{
    display:block;
}

.steps-wrap > div:first-child > .progress::before, .steps-wrap > div:first-child > .progress::after{
    width: 50%;
    margin-left: 50%;
}

.steps-wrap > div:last-child > .progress::before, .steps-wrap > div:last-child > .progress::after{
    width: 50%;
    margin-right: 50%;
}

.steps-wrap > div h4{
    font-size:2em;
}

.steps-wrap > div{
    
}
.img-wrap{
    height: 225px;
    overflow: hidden;
    position: relative;
}
.img-wrap > img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#cf .cars-home-wrap .desc > div, #cf p{
   color: #fff;
}

.two-col .wp-block-column{border:8px solid #3aa7de;border-radius:0;margin:2em;}
.one-col .wp-block-column{border:8px solid #3aa7de;border-radius:0;margin:2em;}
.two-col .wp-block-column > * {padding:1em;}
.mwidth > * {padding:1em;max-width:450px;margin:2em auto;width:96%;text-align:center;}
.one-col .wp-block-column > * {padding:1em;}
.one-col .wp-block-column > h2 {text-align:center;}
.one-col .wp-block-column > p{width:96%;margin:0 auto;max-width:450px;text-align:justify;}
.two-col .wp-block-column p{text-align:justify;}
.page-template-page-ako-prebieha-dovoz .entry-content{color:#e4f5ff;}
.page-template-page-ako-prebieha-dovoz .entry-content h2{color:white;}
.page-template-page-ako-prebieha-dovoz #primary{max-width:1000px;}
.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1{flex-wrap:wrap!important;}

.calc-wrap {
    background: #E4461E !important;
}

.steps-wrap {
    margin: 0 !important;
}

.calc-wrap .desc h4, .calc-wrap .desc div {
    color: #fff !important;
    margin: 20px 0px !important;
}
.calc label {
    color: #fff !important;
}
.calc input[type="text"], .calc input[type="email"], .calc input[type="tel"] {
    background: #fff !important;
    color: #999 !important;
    border-radius: 10px !important;
    width: 600px !important;
    padding: 8px !important;
}

.calc input::placeholder {
  font-size: 20px;
  color: #999 !important;
}

.calc #form-button {
    background: #042A3B;
    border-radius: 10px;
    width: auto;
    margin-top: 30px;
    margin-bottom: 60px;
}

@media screen and (max-width: 600px){
    .calc .url {
        max-width: 350px;;
    }

    .calc label {
        font-size: 15px !important;
    }

    .calc-wrap .desc h4 {
        font-size: 25px;
    }

    #filter form {
        padding-top: 20px;
    }
}

.calc input {
    margin-bottom: 10px !important;
}