.list-style li{
    margin-left: 60px;
    /*color: black;*/
}
.list-style.ml-0 li{
    margin-left: 20px;
}
.list-style{
    margin-top: 1em;
    /*margin-left: 20px;*/
    padding-bottom: 1rem;
    margin-bottom: 10px !important;
}
.list-style li,
.list-style{
    list-style-type: circle !important;
    list-style: circle !important;
}
.list-style-num li{
    margin-left: 20px;
    /*color: black;*/
}
.list-style-num{
    margin-left: 40px;
    /*padding-bottom: 1rem;*/
    /*margin-top: 1em;*/
    margin-bottom: 10px !important;
}

.list-style-num li,
.list-style-num{
    list-style-type: decimal !important;
    list-style: decimal !important;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.szalagcim{
    background: linear-gradient(-120deg, #2E5083 0%, #2E5083 100%);
    color: white;
    padding: 45px 0;
    transition: all 1s ease-in-out;
}

.szalagcim *{
    color: white;
    text-align: center;
    margin: 5px;
    text-transform: none;
    font-size: 2.2rem;
    font-weight: 600;
}

.question-box {
    margin-top: 20px;
    display: flex;
}
@media (min-width: 992px) {
    .question-box {
        display: flex;
    }
}
.question-box div {
    flex: 1;
    transition: 0.3s;
    padding: 10px 20px;
    border: 3px solid #BF1111;
    color: #BF1111;
    border-radius: 5px;
    margin: 5px;
    /*box-shadow: inset 0px 0px 23px 19px #00a651;*/
}
.question-box .question:hover {
    background: white;
    border: 3px solid #BF1111;
    color: #BF1111;
    box-shadow: none;
}
.question-box .active *{
    color: white !important;
}
.question-box .active {
    background: linear-gradient(120deg, #BF1111 0%, #592D1D 100%) !important;
    color: white !important;
    border: 3px solid rgba(247, 148, 29, 0.21);
    box-shadow: inset 0px 0px 23px 19px rgba(247, 148, 29, 0.21);
}

.question-box .first-div:hover{
    background: white;
    border: 3px solid #032340;
    color: #032340;
    box-shadow: none;

}
.question-box .first-div {

    border: 3px solid #032340;
    color: #032340;

}
.question-box .first-div.active * {
    color: white !important;
}
.question-box .first-div.active {
    background: linear-gradient(-120deg, #032340 0%, #411073 100%) !important;
    color: white !important;
    border: 3px solid rgba(144, 196, 56, 0.21);
    box-shadow: inset 0px 0px 23px 19px rgba(144, 196, 56, 0.21);
}
.question-box div p {
    margin: auto;
    font-size: 22px;
    text-align: center;
    position: sticky;
}
.question-box div i {
    font-size: 40px;
    display: block;
    margin-top: 30px;
    text-align: center;
}
.question-box .question {
    cursor: pointer;
}

.question-box .question p {
    top: 12%;
}
.question-box .number .percent {
    font-size: 30px;
    font-weight: bold;
    /*margin-bottom: 20px;*/
}

.question-box .count{
    font-size: 40px;
}
.question-box>.smaller-div{
    margin-top:20px;
    margin-bottom: 20px;
}

.flag {
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 24px 18px;
    display: block;
    padding-right: 20px;
    padding-left: 30px;

    font-weight: 300;

}
.flag.hu {
    background-image: url(/assets/img/flags/hu.png);
}
.flag.al{
    background-image: url(/assets/img/flags/al.png);
}
.flag.ad{
    background-image: url(/assets/img/flags/ad.png);
}
.flag.at{
    background-image: url(/assets/img/flags/at.png);
}
.flag.be{
    background-image: url(/assets/img/flags/be.png);
}
.flag.ba{
    background-image: url(/assets/img/flags/ba.png);
}
.flag.bg{
    background-image: url(/assets/img/flags/bg.png);
}
.flag.cy{
    background-image: url(/assets/img/flags/cy.png);
}
.flag.cz{
    background-image: url(/assets/img/flags/cz.png);
}
.flag.dk{
    background-image: url(/assets/img/flags/dk.png);
}
.flag.gb{
    background-image: url(/assets/img/flags/gb.png);
}
.flag.ee{
    background-image: url(/assets/img/flags/ee.png);
}
.flag.by{
    background-image: url(/assets/img/flags/by.png);
}
.flag.fi{
    background-image: url(/assets/img/flags/fi.png);
}
.flag.fr{
    background-image: url(/assets/img/flags/fr.png);
}
.flag.gr{
    background-image: url(/assets/img/flags/gr.png);
}
.flag.gi{
    background-image: url(/assets/img/flags/gi.png);
}
.flag.nl{
    background-image: url(/assets/img/flags/nl.png);
}
.flag.hr{
    background-image: url(/assets/img/flags/hr.png);
}
.flag.ie{
    background-image: url(/assets/img/flags/ie.png);
}
.flag.is{
    background-image: url(/assets/img/flags/is.png);
}
.flag.pl{
    background-image: url(/assets/img/flags/pl.png);
}
.flag.lv{
    background-image: url(/assets/img/flags/lv.png);
}
.flag.li{
    background-image: url(/assets/img/flags/li.png);
}
.flag.lt{
    background-image: url(/assets/img/flags/lt.png);
}
.flag.lu{
    background-image: url(/assets/img/flags/lu.png);
}
.flag.mk{
    background-image: url(/assets/img/flags/mk.png);
}
.flag.mt{
    background-image: url(/assets/img/flags/mt.png);
}
.flag.md{
    background-image: url(/assets/img/flags/md.png);
}
.flag.mc{
    background-image: url(/assets/img/flags/mc.png);
}
.flag.me{
    background-image: url(/assets/img/flags/me.png);
}
.flag.de{
    background-image: url(/assets/img/flags/de.png);
}
.flag.no{
    background-image: url(/assets/img/flags/no.png);
}
.flag.it{
    background-image: url(/assets/img/flags/it.png);
}
.flag.am{
    background-image: url(/assets/img/flags/am.png);
}
.flag.pt{
    background-image: url(/assets/img/flags/pt.png);
}
.flag.ro{
    background-image: url(/assets/img/flags/ro.png);
}
.flag.sm{
    background-image: url(/assets/img/flags/sm.png);
}
.flag.es{
    background-image: url(/assets/img/flags/es.png);
}
.flag.ch{
    background-image: url(/assets/img/flags/ch.png);
}
.flag.se{
    background-image: url(/assets/img/flags/se.png);
}
.flag.rs{
    background-image: url(/assets/img/flags/rs.png);
}
.flag.sk{
    background-image: url(/assets/img/flags/sk.png);
}
.flag.si{
    background-image: url(/assets/img/flags/si.png);
}
.flag.ua{
    background-image: url(/assets/img/flags/ua.png);
}
.flag.va{
    background-image: url(/assets/img/flags/va.png);
}
.has-error{
    border: 2px solid red !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    width: 80%;
}
input[type=checkbox]{
    width: 16px;
    height: 16px;
    display: inline-block;
}
.madeby{
    text-align: right;
    background:#000;

}
.madebytxt {
    color: #808080;
    font-size: 15px;
    position: relative;
    margin-right: 10px;
    text-align: right;

}
.madesvg{
    height: 30px !important;

    vertical-align: bottom;
}

.madesvg:hover{
    filter: opacity(.5) ;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}
.bootstrap-select>.dropdown-toggle{
    border: 1px solid #e8e8e8;
    border-radius: 0;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
    background: white;
    /*margin-bottom: 20px;*/
    /*border: 1px solid #ebebeb;*/
}

.dropdown-menu.open.show .dropdown-menu.inner{
    display: block !important;
}
.bootstrap-select.btn-group .dropdown-menu{
    padding:10px;
}
.bootstrap-select.btn-group .dropdown-menu.show{
    display: block !important;
}
.bootstrap-select.btn-group .dropdown-menu li a{
    color: black;
}
.bootstrap-select.show .dropdown-menu{
    display: block;
}

/* COLOR */
.link-inherit a:hover,
a:hover {
    color: var(--color-secondary);
}

.link-btn.text-theme:hover {
    color: var(--color-secondary) !important;
}

.vs-btn.wave-style2,
.vs-btn.wave-style1 {
    box-shadow: 0px 6px 20px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.3);
}

.bg-solid-theme {
    background-color: rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15);
}

.vs-comments-layout1,
.vs-comments-layout1 .vs-post-comment,
.widget .twitter-feeds li,
.vs-widget-recent-post.has-border-theme .recent-post,
.border-light-theme {
    border-color: rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.4) !important;
}

.vs-service-layout2 .vs-service {
    border-color: rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.2);
}

.tabs-style1 a {
    background-color: rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.17);
}

.comment-form-style1 textarea:focus,
.comment-form-style1 input:focus,
.comment-form-style1 textarea,
.comment-form-style1 input,
.widget,
.vs-service-layout3 .vs-service,
.quantity-box button,
.bg-light-theme,
.icon-btn .style1 {
    background-color: rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.1);
}

.hero-box1 {
    box-shadow: 0px 8px 16px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.5);
}

.vs-team-layout1 .social-links a,
.header-layout2 .header-btn .icon-btn,
.header-layout1 .header-btn .icon-btn {
    box-shadow: 0px 6px 12px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.2);
}

.vs-faq-layout1 .vs-faq-title:before,
.vs-features-layout1 .media-icon .icon-btn,
.vs-service-layout1 .service-icon .icon {
    box-shadow: 0px 8px 16px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.2);
}

.input-white .nice-select,
.input-white .form-control {
    box-shadow: 0px 6px 12px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.1);
}

.widget form,
.vs-gallery-details .gallery-top-bar,
.pagination-layout2,
.price-list-style1 {
    box-shadow: 0px 16px 32px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.1);
}

.vs-service-layout2 .vs-service:hover {
    box-shadow: 0px 8px 16px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.3);
}

.vs-service-layout2 .service-btn {
    box-shadow: 0px 8px 16px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.1);
}

.vs-about-layout3:before {
    background-image: -webkit-linear-gradient(bottom, white 0%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 100%);
    background-image: linear-gradient(to top, white 0%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 100%);
}

.vs-brand-layout1:before {
    background-image: -webkit-linear-gradient(top, white 0%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 100%);
    background-image: linear-gradient(to bottom, white 0%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 100%);
}

.vs-brand-layout2:before {
    background-image: -webkit-linear-gradient(top, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 0%, white 30%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 120%);
    background-image: linear-gradient(to bottom, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 0%, white 30%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15) 120%);
}

.vs-team-layout2 .vs-team {
    box-shadow: 0px 16px 32px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.12);
}

.vs-team-layout2 .social-links a {
    box-shadow: 0px 10px 25px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.2);
}

.vs-blog-layout1 .blog-content,
.subscribe-form-style1 {
    box-shadow: 0px 16px 32px 0px rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.16);
}

.vs-gallery-layout2 .vs-gallery:before {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.8) 5%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.8) 100%);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.8) 5%, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.8) 100%);
}

.vs-gallery-layout2 .vs-gallery:after {
    background-image: -webkit-linear-gradient(45deg, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.8) 5%, rgba(255, 255, 255, 0.8) 100%);
    background-image: linear-gradient(45deg, rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.8) 5%, rgba(255, 255, 255, 0.8) 100%);
}

.vs-testimonial-layout3 .vs-testimonial {
    box-shadow: 0 -10px 40px 0 rgba(var(--color-primar-R), var(--color-primar-G), var(--color-primar-B), 0.15);
}


 .wbr-header-main-bg  ul.sub-menu,
 .wbr-header-main-bg {
    background-color: var(--header-bg) !important;
}
.wbr-header-secondary-bg {
    background-color: var(--header-bg-two) !important;
}
.wbr-header-main-bg  a:not(.dropdown-item){
    color: var(--header-text) !important;
    font-size: var(--header-text-size) !important;
}
.wbr-header-main-bg  a:hover{
    color: var(--header-text-hover) !important;
}
.wbr-header-main-bg .header-btn a{
    background-color: var(--header-btn-bg) !important;
    color: var(--header-btn-text) !important;
    border-color: var(--header-btn-border) !important;
}
.wbr-header-main-bg .header-btn a:hover.vs-btn-shape{
    background-color: var(--header-btn-bg-hover) !important;
}
.wbr-header-main-bg .header-btn a:hover{
    color: var(--header-btn-text-hover) !important;
    border-color: var(--header-btn-border-hover) !important;
}

.footer-wrapper{
    background-color: var(--footer-bg-color);
}
.footer-wrapper .widget   h4{
    color: var(--footer-title-color);
}
.footer-wrapper *{
    color: var(--footer-text-color);
}
.footer-wrapper a:hover{
    color: var(--footer-text-color-hover);
}

/*Slider*/

.vs-mobile-slider-wrapper .vs-btn.wave-style1,
.vs-hero-wrapper .vs-btn.wave-style1{
    background-color: var( --slider-btn-bg) !important;
    color: var( --slider-btn-text) !important;
    border-color: var( --slider-btn-border) !important;
}
.vs-mobile-slider-wrapper .vs-btn.wave-style1:hover.vs-btn-shape,
.vs-hero-wrapper .vs-btn.wave-style1:hover.vs-btn-shape{
    background-color: var( --slider-btn-bg-hover) !important;
}
.vs-mobile-slider-wrapper .vs-btn.wave-style1:hover,
.vs-hero-wrapper .vs-btn.wave-style1:hover{
    color: var( --slider-btn-text-hover) !important;
    border-color: var( --slider-btn-border-hover) !important;
}

.vs-testimonial-wrapper .play-btn > i {
    width: 65px;
    height: 65px;
    line-height: 65px;
}

.vs-blog-layout1 .vs-blog{
    height: 98%;
    margin-bottom: 30px;
}
.vs-blog-layout3 .vs-blog{
    height: 98%;
    background-color: var(--color-primary) !important;
}
.sticky-header .header-btn{
    display: inline-flex;
}
.sticky-header .header-btn .vs-btn{
    margin-top: -10px;
}
.vs-mobile-slider-wrapper{
    display: none;
}
@media (min-width: 991px) {
    .vs-blog-layout1 .vs-blog  .blog-content{
        min-height: 63%;
    }
}
@media (max-width: 991px) {
    .vs-hero-wrapper{
        display: none;
    }
    .vs-mobile-slider-wrapper{
        display: block;
    }

}


.lang-btn:after{
    position: relative;
    z-index: 1;
}
.lang-btn{
    padding: 17px 10px;
}
.flex-row{
    flex-direction: row;
}
@media (min-width: 1024px) {
    .flex-md-row-reverse{
        flex-direction: row-reverse;
    }
}

.pt-15{
    padding-top: 15px;
}
.pb-15{
    padding-bottom: 15px;
}
.w-100{
    width: 100%;
}
.mb-3{
    margin-bottom: 10px;
}
.btn-large{
    font-size: 20px;
    min-width: 80%;
    margin: 0 auto;
    text-align: center;
    /* display: block; */
    margin: 0 auto;
    display: flex;
}
@media (min-width: 1100px) {
    .d-md-none{
        display: none !important;
    }
}

.dropdown-toggle::after{
    border: none;
}
.flag-img{
    max-width:20px;
    margin-right: 5px;
}
.mr-2{
    margin-right: 10px;
}
.wbr-overlay *{
    position: relative;
    z-index: 1;
}
.wbr-overlay{
    position: relative;
}
.wbr-overlay:after{
    z-index: 1;
    background-color: #00000055;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
}
ol.tt-list li{
    padding-left: 1rem;
}
ol.tt-list li:before{
    content: none;
}
ol.tt-list{
    padding-left: 1rem;
}
.mt-3{
    margin-top: 10px;
}

.tt-header .tt-btn {
    background: var(--header-btn-bg);
    color: var(--header-btn-text);
    border: 2px solid var(--header-btn-text);
   }
.tt-header .tt-btn:after {
    background: var(--header-btn-bg-hover);
   }
.tt-header .tt-btn:hover {
    color: var(--header-btn-text-hover); }
.f-logo,
.tt-logo img{
    max-height: 115px
}
.row-header-layout.sticky-header .tt-logo img{
    max-height: 80px
}
.tt-product{
    padding: 8px;
    height: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    transition: all 0.4s ease-in-out;
}
.tt-product:hover{
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.tt-img img {
    /*max-height: 150px;*/
    width: auto;
    margin: 0 auto;
    display: block;
}
.full-w .tt-img img {
    /*max-height: 210px;*/
}
.tt-img{
    /*max-height: 100%;*/
    /*position: relative;*/
}
/*.tt-product__img{*/
/*    max-height: 110px;*/
/*    position: relative;*/
/*}*/
@media (min-width: 768px) {
    .tt-product{
        position: relative;
        padding-bottom: 50px;
    }
    .tt-product__price{
        position: absolute;
        max-width: 100%;
        bottom: 10px;
    }
}
@media (max-width: 1024px) {
    .f-logo, .tt-logo img{
        max-height: 85px
    }
    .row-header-layout.sticky-header .tt-logo img{
        max-height: 55px
    }
}
@media (max-width: 768px) {
    .f-logo, .tt-logo img{
        max-height: 55px
    }
    .row-header-layout.sticky-header .tt-logo img{
        max-height: 50px
    }
}

.dark-list li a{
    background-color: var(--color-primary);
    color: white;
    transition: all 0.3s ease ;
}
.dark-list li a:hover{
    background-color: white;
    color: var(--color-primary);
}
 .old-price {
    text-decoration: line-through;
     display: inline;
}
.new-price {
    color: #ff4917;
    display: inline;
}
.ptb-0{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.rotate-arrow-180{
    /*webkit-transform: translate(-50%, -50%) rotate(-180deg);*/
    /*transform: translate(-50%, -50%) rotate(-180deg);*/
    /*top: calc(50% + 8px);*/
    /*left: 50%; */

    webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.circle >*:not(.gif-src){
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.circle >.gif-src img{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.circle:before{
    background-color: var(--color-primary);
    text-shadow: none !important;
    border-radius: 50%;
    color: transparent !important;
}

.square >*:not(.gif-src){
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.square >.gif-src img{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.square:before{
    background-color: var(--color-primary);
    text-shadow: none !important;
    /*border-radius: 50%;*/
    color: transparent !important;
}


.imgbox-inner__description-large .circle:before{
    background-color: var(--color-secondary);
}
.letoltheto a{
    color: var(--color-primary);
    transition: all 0.3s ease;
    padding-left: 0;
}
.letoltheto a:hover{
    color: var(--color-secondary);
}
@media (max-width: 768px) {
    .mainslider__img {
        display: none;
    }

    .tt-additional_img01 {
        display: none;
    }
}
.f-info ul li,.f-info__title{
    margin-bottom: 16px ;
}
.tt-popup__item .f-info__icon{
    margin-top: 0 !important;
}
 .kapcsolattarto-text a{
     color: white;
 }
 .kapcsolattarto-text p{
    margin:  5px 0 0 0;
 }
 .kapcsolattarto-text{
    text-align: center;
    color: white;
    background-color: var(--color-primary);
     padding: 10px;
}
.kapcsolattarto img{
    min-width: 100%;
}
.kapcsolattarto{
    /*max-width: 300px;*/
    margin: 10px 0;
}
.box-contact{
    height: 100%;
    /* align-content: center; */
    display: flex;
    flex-wrap: wrap;
}
.tt-news02__data .tt-text02.wbr-blog-date-csepp {
    margin-top: 3px!important;
}
@media (max-width: 1024px) {
    .tt-product__img .btn-addtocart{
         display: inline-flex;
        /* top: auto; */
        position: relative;
        /* left: auto; */
        transform: none;
        left: auto;
        top: auto;
        margin-top: 10px;
    }
    .tt-product__price .old-price{
        display: block;
    }
    .tt-product__price>:not(:first-child){
        margin-left: 0;
    }
}