.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{
    font-size: 16px !important;
    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;
    font-size: 16px;
    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;
}
.ptb0{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.wbr-lang-btn, .wbr-lang-btn span.vs-btn-text{
    text-transform: uppercase;
}
.wbr-contact-icon-bg{
    background-color: var(--color-primary);
}
.vs-contact-box1:hover > *, .vs-contact-box1:hover > * ,
.vs-contact-box1:hover > * a {
    color: var(--white-color)!important;
}


.mb-6{
    margin-bottom: 2rem!important;
}

@media (max-width: 990px) {
    .wbr-custom-button{
        width: 100%;
    }
}
@media (min-width: 991px) {
    .wbr-custom-button{
        min-width: 500px;
    }
}
.wbr-dark-overlay:before {
    content: "";
    background-color: rgba(0,0,0,0.54);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mobile-slider-image {
    position: absolute;
    z-index: -1;
}
.mobile-slider-content{
    background: rgba(255, 255, 255, 0.7);
}
.slider-txt-bg .ls-layer:not(.hero-btn){
    background: rgba(255, 255, 255, 0.7);
}