.b_block .component-bg.bg-color .overlay,.w_widget .component-bg.bg-color .overlay{
    opacity:1!important
}
.b_block:last-of-type .component-bg{
    height:100%
}
.component-bg{
    height:calc(100% + 1px);
    overflow:hidden;
    clip:rect(auto,auto,auto,auto);
    pointer-events:none;
    z-index:-1
}
.component-bg,.component-bg .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.component-bg .overlay{
    height:100%;
    z-index:1
}
.component-bg .overlay.preload{
    min-width:140%;
    min-height:140%;
    width:140vw;
    height:140vw;
    border-style:solid;
    border-width:70vw;
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0);
    will-change:border-width
}
.component-bg .overlay.animate{
    border-width:0;
    transition:border-width .5s ease,opacity .5s!important
}
.component-bg.bg-color .image-holder,.component-bg.bg-color .video_bg_container{
    display:none
}
.component-bg.video_is_loaded .image-holder{
    opacity:0
}
.component-bg .image-holder,.component-bg .video_bg_container{
    position:relative;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.component-bg .image-holder .image,.component-bg .image-holder .video_bg_player,.component-bg .video_bg_container .image,.component-bg .video_bg_container .video_bg_player{
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover
}
.component-bg .image-holder .image,.component-bg .video_bg_container .image{
    image-rendering:optimizeSpeed;
    image-rendering:auto;
    image-rendering:-o-crisp-edges;
    image-rendering:optimize-contrast;
    -ms-interpolation-mode:nearest-neighbor
}
.component-bg .image-holder{
    opacity:1;
    transition:opacity .35s
}
.component-bg .loader-image{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-size:cover;
    background-color:#fff;
    opacity:0;
    visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:all .3s
}
.component-bg.loading .image{
    overflow:hidden;
    position:relative
}
.component-bg.loading .loader-image{
    opacity:1;
    visibility:visible;
    -webkit-filter:blur(25px);
    filter:blur(25px);
    transform:scale(1.1)
}
@media (min-width:980px){
    .component-bg.bg-video[data-parallax=true] .image-holder,.component-bg.bg-video[data-parallax=true] .video_bg_container{
        position:fixed;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .component-bg.bg-video[data-parallax=true] .image-holder .image,.component-bg.bg-video[data-parallax=true] .image-holder .video_bg_player,.component-bg.bg-video[data-parallax=true] .video_bg_container .image,.component-bg.bg-video[data-parallax=true] .video_bg_container .video_bg_player{
        transform:translateZ(0);
        will-change:transform
    }
}
.component-bg .parallax-outer,.component-bg .parallax-outer canvas{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
@media (max-width:767px){
    .component-bg .video_bg_container{
        display:none
    }
    .component-bg.video_is_loaded .image-holder{
        opacity:1
    }
    .component-bg .image-holder .image,.component-bg .image-holder .video_bg_player,.component-bg .video_bg_container .image,.component-bg .video_bg_container .video_bg_player{
        transform:translateZ(0)!important
    }
}
 .component-socials{
    min-width:32px;
    min-height:32px
}
.component-socials .socials-wrap{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.component-socials.right .socials-wrap{
    -ms-flex-pack:end;
    justify-content:flex-end
}
.component-socials.center .socials-wrap,.component-socials a{
    -ms-flex-pack:center;
    justify-content:center
}
.component-socials a{
    position:relative;
    -ms-flex-negative:0;
    flex-shrink:0;
    font-size:13px;
    margin:.3em;
    width:2.462em;
    height:2.462em;
    color:inherit;
    text-decoration:none;
    text-align:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    transition:all .2s ease-out
}
@media (max-width:767px){
    .component-socials a{
        font-size:15px
    }
}
.component-socials a:hover{
    color:inherit
}
.component-socials a:before{
    content:"";
    display:block;
    border-radius:50%;
    opacity:0;
    border:.063em solid currentColor;
    background:transparent;
    position:absolute;
    z-index:0;
    top:-1px;
    left:-1px;
    width:100%;
    height:100%;
    pointer-events:none;
    transition:all .2s ease-out
}
.component-socials a svg{
    position:relative;
    z-index:1;
    width:1.25em;
    height:1em;
    display:block;
    fill:currentColor
}
 .component-socials[data-style=squared_color_fill] a{
    width:26px;
    height:22px;
    padding:0
}
.component-socials[data-style=squared_color_fill] a:before{
    border-radius:3px
}
.component-socials[data-style=clean] a,.component-socials[data-style=clean_color] a{
    opacity:.5
}
.component-socials[data-style=clean] a:hover,.component-socials[data-style=clean_color] a:hover{
    opacity:1
}
.component-socials[data-style=clean] a:hover:before,.component-socials[data-style=clean_color] a:hover:before{
    opacity:.15
}
.component-socials[data-style=rounded] a:before,.component-socials[data-style=rounded_color] a:before,.component-socials[data-style=squared] a:before,.component-socials[data-style=squared_color] a:before{
    opacity:.25;
    background:transparent
}
.component-socials[data-style=rounded] a:hover,.component-socials[data-style=rounded_color] a:hover,.component-socials[data-style=squared] a:hover,.component-socials[data-style=squared_color] a:hover{
    opacity:1
}
.component-socials[data-style=rounded] a:hover:before,.component-socials[data-style=rounded_color] a:hover:before,.component-socials[data-style=squared] a:hover:before,.component-socials[data-style=squared_color] a:hover:before{
    background:currentColor
}
.component-socials[data-style=squared] a:before,.component-socials[data-style=squared_color] a:before{
    border-radius:0
}
.component-socials[data-style=clean_color] .social-vk{
    color:#4c6c91
}
.component-socials[data-style=clean_color] .social-fb{
    color:#3b5998
}
.component-socials[data-style=clean_color] .social-twitter{
    color:#55acee
}
.component-socials[data-style=clean_color] .social-ok{
    color:#f68634
}
.component-socials[data-style=clean_color] .social-gplus{
    color:#dc4e41
}
.component-socials[data-style=clean_color] .social-instagram{
    color:#bd2c98
}
.component-socials[data-style=clean_color] .social-yt{
    color:#ce1312
}
.component-socials[data-style=clean_color] .social-vimeo{
    color:#31afd8
}
.component-socials[data-style=clean_color] .social-snapchat{
    color:#ffe400
}
.component-socials[data-style=clean_color] .social-whatsapp{
    color:#00eb67
}
.component-socials[data-style=clean_color] .social-telegram{
    color:#37aee2
}
.component-socials[data-style=clean_color] .social-periscope{
    color:#1b3b6b
}
.component-socials[data-style=clean_color] .social-viber{
    color:#7f4da0
}
.component-socials[data-style=clean_color] .social-behance{
    color:#1769ff
}
.component-socials[data-style=clean_color] .social-dribble{
    color:#f26798
}
.component-socials[data-style=clean_color] .social-skype{
    color:#00aef3
}
.component-socials[data-style=clean_color] .social-p{
    color:#bd071c
}
.component-socials[data-style=rounded_color] a:hover,.component-socials[data-style=squared_color] a:hover{
    color:#fff
}
.component-socials[data-style=rounded_color] a:before,.component-socials[data-style=squared_color] a:before{
    opacity:1
}
.component-socials[data-style=rounded_color] .social-vk,.component-socials[data-style=squared_color] .social-vk{
    color:#4c6c91
}
.component-socials[data-style=rounded_color] .social-vk:before,.component-socials[data-style=squared_color] .social-vk:before{
    border-color:#4c6c91
}
.component-socials[data-style=rounded_color] .social-vk:hover:before,.component-socials[data-style=squared_color] .social-vk:hover:before{
    background:#4c6c91
}
.component-socials[data-style=rounded_color] .social-fb,.component-socials[data-style=squared_color] .social-fb{
    color:#3b5998
}
.component-socials[data-style=rounded_color] .social-fb:before,.component-socials[data-style=squared_color] .social-fb:before{
    border-color:#3b5998
}
.component-socials[data-style=rounded_color] .social-fb:hover:before,.component-socials[data-style=squared_color] .social-fb:hover:before{
    background:#3b5998
}
.component-socials[data-style=rounded_color] .social-twitter,.component-socials[data-style=squared_color] .social-twitter{
    color:#55acee
}
.component-socials[data-style=rounded_color] .social-twitter:before,.component-socials[data-style=squared_color] .social-twitter:before{
    border-color:#55acee
}
.component-socials[data-style=rounded_color] .social-twitter:hover:before,.component-socials[data-style=squared_color] .social-twitter:hover:before{
    background:#55acee
}
.component-socials[data-style=rounded_color] .social-ok,.component-socials[data-style=squared_color] .social-ok{
    color:#f68634
}
.component-socials[data-style=rounded_color] .social-ok:before,.component-socials[data-style=squared_color] .social-ok:before{
    border-color:#f68634
}
.component-socials[data-style=rounded_color] .social-ok:hover:before,.component-socials[data-style=squared_color] .social-ok:hover:before{
    background:#f68634
}
.component-socials[data-style=rounded_color] .social-gplus,.component-socials[data-style=squared_color] .social-gplus{
    color:#dc4e41
}
.component-socials[data-style=rounded_color] .social-gplus:before,.component-socials[data-style=squared_color] .social-gplus:before{
    border-color:#dc4e41
}
.component-socials[data-style=rounded_color] .social-gplus:hover:before,.component-socials[data-style=squared_color] .social-gplus:hover:before{
    background:#dc4e41
}
.component-socials[data-style=rounded_color] .social-instagram,.component-socials[data-style=squared_color] .social-instagram{
    color:#b900b4
}
.component-socials[data-style=rounded_color] .social-instagram:before,.component-socials[data-style=squared_color] .social-instagram:before{
    border-color:#b900b4
}
.component-socials[data-style=rounded_color] .social-instagram:hover:before,.component-socials[data-style=squared_color] .social-instagram:hover:before{
    background:radial-gradient(circle at 33% 100%,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf);
    border-color:transparent
}
.component-socials[data-style=rounded_color] .social-yt,.component-socials[data-style=squared_color] .social-yt{
    color:#ce1312
}
.component-socials[data-style=rounded_color] .social-yt:before,.component-socials[data-style=squared_color] .social-yt:before{
    border-color:#ce1312
}
.component-socials[data-style=rounded_color] .social-yt:hover:before,.component-socials[data-style=squared_color] .social-yt:hover:before{
    background:#ce1312
}
.component-socials[data-style=rounded_color] .social-vimeo,.component-socials[data-style=squared_color] .social-vimeo{
    color:#31afd8
}
.component-socials[data-style=rounded_color] .social-vimeo:before,.component-socials[data-style=squared_color] .social-vimeo:before{
    border-color:#31afd8
}
.component-socials[data-style=rounded_color] .social-vimeo:hover:before,.component-socials[data-style=squared_color] .social-vimeo:hover:before{
    background:#31afd8
}
.component-socials[data-style=rounded_color] .social-snapchat,.component-socials[data-style=squared_color] .social-snapchat{
    color:#ffe400
}
.component-socials[data-style=rounded_color] .social-snapchat:before,.component-socials[data-style=squared_color] .social-snapchat:before{
    border-color:#ffe400
}
.component-socials[data-style=rounded_color] .social-snapchat:hover:before,.component-socials[data-style=squared_color] .social-snapchat:hover:before{
    background:#ffe400
}
.component-socials[data-style=rounded_color] .social-whatsapp,.component-socials[data-style=squared_color] .social-whatsapp{
    color:#00eb67
}
.component-socials[data-style=rounded_color] .social-whatsapp:before,.component-socials[data-style=squared_color] .social-whatsapp:before{
    border-color:#00eb67
}
.component-socials[data-style=rounded_color] .social-whatsapp:hover:before,.component-socials[data-style=squared_color] .social-whatsapp:hover:before{
    background:#00eb67
}
.component-socials[data-style=rounded_color] .social-telegram,.component-socials[data-style=squared_color] .social-telegram{
    color:#37aee2
}
.component-socials[data-style=rounded_color] .social-telegram:before,.component-socials[data-style=squared_color] .social-telegram:before{
    border-color:#37aee2
}
.component-socials[data-style=rounded_color] .social-telegram:hover:before,.component-socials[data-style=squared_color] .social-telegram:hover:before{
    background:#37aee2
}
.component-socials[data-style=rounded_color] .social-periscope,.component-socials[data-style=squared_color] .social-periscope{
    color:#1b3b6b
}
.component-socials[data-style=rounded_color] .social-periscope:before,.component-socials[data-style=squared_color] .social-periscope:before{
    border-color:#1b3b6b
}
.component-socials[data-style=rounded_color] .social-periscope:hover:before,.component-socials[data-style=squared_color] .social-periscope:hover:before{
    background:#1b3b6b
}
.component-socials[data-style=rounded_color] .social-viber,.component-socials[data-style=squared_color] .social-viber{
    color:#7f4da0
}
.component-socials[data-style=rounded_color] .social-viber:before,.component-socials[data-style=squared_color] .social-viber:before{
    border-color:#7f4da0
}
.component-socials[data-style=rounded_color] .social-viber:hover:before,.component-socials[data-style=squared_color] .social-viber:hover:before{
    background:#7f4da0
}
.component-socials[data-style=rounded_color] .social-behance,.component-socials[data-style=squared_color] .social-behance{
    color:#1769ff
}
.component-socials[data-style=rounded_color] .social-behance:before,.component-socials[data-style=squared_color] .social-behance:before{
    border-color:#1769ff
}
.component-socials[data-style=rounded_color] .social-behance:hover:before,.component-socials[data-style=squared_color] .social-behance:hover:before{
    background:#1769ff
}
.component-socials[data-style=rounded_color] .social-dribble,.component-socials[data-style=squared_color] .social-dribble{
    color:#f26798
}
.component-socials[data-style=rounded_color] .social-dribble:before,.component-socials[data-style=squared_color] .social-dribble:before{
    border-color:#f26798
}
.component-socials[data-style=rounded_color] .social-dribble:hover:before,.component-socials[data-style=squared_color] .social-dribble:hover:before{
    background:#f26798
}
.component-socials[data-style=rounded_color] .social-skype,.component-socials[data-style=squared_color] .social-skype{
    color:#00aef3
}
.component-socials[data-style=rounded_color] .social-skype:before,.component-socials[data-style=squared_color] .social-skype:before{
    border-color:#00aef3
}
.component-socials[data-style=rounded_color] .social-skype:hover:before,.component-socials[data-style=squared_color] .social-skype:hover:before{
    background:#00aef3
}
.component-socials[data-style=rounded_color] .social-p,.component-socials[data-style=squared_color] .social-p{
    color:#bd071c
}
.component-socials[data-style=rounded_color] .social-p:before,.component-socials[data-style=squared_color] .social-p:before{
    border-color:#bd071c
}
.component-socials[data-style=rounded_color] .social-p:hover:before,.component-socials[data-style=squared_color] .social-p:hover:before{
    background:#bd071c
}
.component-socials[data-style=rounded_color_fill] a,.component-socials[data-style=squared_color_fill] a{
    color:#fff
}
.component-socials[data-style=rounded_color_fill] a:hover:before,.component-socials[data-style=squared_color_fill] a:hover:before{
    opacity:.75
}
.component-socials[data-style=rounded_color_fill] a:before,.component-socials[data-style=squared_color_fill] a:before{
    opacity:1
}
.component-socials[data-style=rounded_color_fill] .social-vk:before,.component-socials[data-style=squared_color_fill] .social-vk:before{
    border-color:#4c6c91;
    background:#4c6c91
}
.component-socials[data-style=rounded_color_fill] .social-fb:before,.component-socials[data-style=squared_color_fill] .social-fb:before{
    border-color:#3b5998;
    background:#3b5998
}
.component-socials[data-style=rounded_color_fill] .social-vk:before,.component-socials[data-style=squared_color_fill] .social-vk:before{
    border-color:#3b5998;
    background:#3b5998
}
.component-socials[data-style=rounded_color_fill] .social-twitter:before,.component-socials[data-style=squared_color_fill] .social-twitter:before{
    border-color:#55acee;
    background:#55acee
}
.component-socials[data-style=rounded_color_fill] .social-ok:before,.component-socials[data-style=squared_color_fill] .social-ok:before{
    border-color:#f68634;
    background:#f68634
}
.component-socials[data-style=rounded_color_fill] .social-gplus:before,.component-socials[data-style=squared_color_fill] .social-gplus:before{
    border-color:#dc4e41;
    background:#dc4e41
}
.component-socials[data-style=rounded_color_fill] .social-instagram:before,.component-socials[data-style=squared_color_fill] .social-instagram:before{
    background:radial-gradient(circle at 33% 100%,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf);
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    border:none
}
.component-socials[data-style=rounded_color_fill] .social-yt:before,.component-socials[data-style=squared_color_fill] .social-yt:before{
    border-color:#ce1312;
    background:#ce1312
}
.component-socials[data-style=rounded_color_fill] .social-vimeo:before,.component-socials[data-style=squared_color_fill] .social-vimeo:before{
    border-color:#31afd8;
    background:#31afd8
}
.component-socials[data-style=rounded_color_fill] .social-snapchat:before,.component-socials[data-style=squared_color_fill] .social-snapchat:before{
    border-color:#ffe400;
    background:#ffe400
}
.component-socials[data-style=rounded_color_fill] .social-whatsapp:before,.component-socials[data-style=squared_color_fill] .social-whatsapp:before{
    border-color:#00eb67;
    background:#00eb67
}
.component-socials[data-style=rounded_color_fill] .social-telegram:before,.component-socials[data-style=squared_color_fill] .social-telegram:before{
    border-color:#37aee2;
    background:#37aee2
}
.component-socials[data-style=rounded_color_fill] .social-periscope:before,.component-socials[data-style=squared_color_fill] .social-periscope:before{
    border-color:#1b3b6b;
    background:#1b3b6b
}
.component-socials[data-style=rounded_color_fill] .social-viber:before,.component-socials[data-style=squared_color_fill] .social-viber:before{
    border-color:#7f4da0;
    background:#7f4da0
}
.component-socials[data-style=rounded_color_fill] .social-behance:before,.component-socials[data-style=squared_color_fill] .social-behance:before{
    border-color:#1769ff;
    background:#1769ff
}
.component-socials[data-style=rounded_color_fill] .social-dribble:before,.component-socials[data-style=squared_color_fill] .social-dribble:before{
    border-color:#f26798;
    background:#f26798
}
.component-socials[data-style=rounded_color_fill] .social-skype:before,.component-socials[data-style=squared_color_fill] .social-skype:before{
    border-color:#00aef3;
    background:#00aef3
}
.component-socials[data-style=rounded_color_fill] .social-p:before,.component-socials[data-style=squared_color_fill] .social-p:before{
    border-color:#bd071c;
    background:#bd071c
}
 .component-logo{
    max-width:100%;
    min-height:50px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
.component-logo.text{
    min-width:60px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.component-logo a{
    display:inline-block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:inherit;
    font:inherit
}
.component-logo .text-logo{
    width:100%;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis
}
 .component-ico{
    width:100%;
    height:100%;
    max-width:128px;
    max-height:128px
}
.component-ico svg{
    fill:#fff;
    fill:currentColor;
    width:100%;
    height:100%
}
.component-ico .ico{
    width:100%;
    height:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
 .component-media{
    position:relative;
    padding-bottom:100%
}
.component-media[data-type=video]{
    padding-bottom:56.5%
}
.component-media[data-type=image]{
    overflow:hidden
}
.component-media>.component-image:not([data-img-type=image]),.component-media>.component-slider,.component-media>.component-video{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding-bottom:0!important
}
.component-media>.component-video iframe{
    position:relative
}
 .component-image{
    position:relative;
    overflow:hidden;
    display:block
}
.component-image,.component-image .loading-img{
    image-rendering:optimizeSpeed;
    image-rendering:auto;
    image-rendering:-o-crisp-edges;
    image-rendering:optimize-contrast;
    -ms-interpolation-mode:nearest-neighbor;
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat
}
.component-image .loading-img{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:-5px;
    transition:all .3s
}
.component-image[data-img-size=contain],.component-image[data-img-size=contain] .loading-img{
    background-size:contain;
    background-position:50%!important
}
.component-image[data-img-size=repeat],.component-image[data-img-size=repeat] .loading-img{
    background-size:auto;
    background-repeat:repeat
}
.component-image.loading .loading-img{
    -webkit-filter:blur(3px);
    filter:blur(3px);
    opacity:1;
    visibility:visible
}
.component-image[data-img-type=background]{
    padding-bottom:100%
}
.component-image[data-action=button],.component-image[data-action=link],.component-image[data-action=popup]{
    cursor:pointer;
    transition:transform .35s ease-out,filter .25s;
    transition:transform .35s ease-out,filter .25s,-webkit-filter .25s;
    will-change:transform
}
.component-image[data-action=button]:hover,.component-image[data-action=link]:hover,.component-image[data-action=popup]:hover{
    transform:scale(1.03)
}
.component-image .natural-img{
    display:none!important;
    visibility:hidden;
    opacity:0;
    width:0;
    height:0
}
 .component-map{
    width:100%
}
.component-map[data-format=overlay]{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    padding-bottom:0!important
}
.component-map[data-format=element]{
    position:relative;
    padding-bottom:50%
}
.component-map .map{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.07)
}
.component-map .gm-style-cc{
    display:none
}
 .component-video{
    position:relative;
    padding-bottom:56.5%
}
.component-video .video-wrapper{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:inherit;
    background-color:rgba(0,0,0,.3)
}
.component-video .video-preview{
    display:none;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.component-video[data-state=play] .video-preview{
    pointer-events:none
}
.component-video embed,.component-video iframe,.component-video object{
    width:100%;
    height:100%
}
 .swiper-container-autoheight .slide,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .slider-wrapper,.swiper-container-autoheight .swiper-wrapper{
    -ms-flex-align:start;
    align-items:flex-start;
    transition-property:transform,height
}
.component-slider{
    position:relative;
    padding-bottom:100%;
    color:#fff
}
.component-slider[data-img-type=image]{
    padding-bottom:0;
    position:relative
}
.component-slider[data-img-type=image] .slider-wrapper{
    position:relative
}
.component-slider[data-img-type=image] .slider-wrapper .slider-item{
    height:auto
}
.component-slider[data-img-type=image] .component-image{
    padding-bottom:0
}
.component-slider[data-img-type=image] .component-video{
    padding-bottom:56%
}
.component-slider[data-img-type=image] .component-video .video-wrapper{
    position:absolute
}
.component-slider:not([data-img-type=image]) .component-image,.component-slider:not([data-img-type=image]) .component-video{
    width:100%;
    padding-bottom:0!important;
    height:100%
}
.component-slider .slider-wrapper{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden
}
.component-slider .slider{
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -ms-flex-align:start;
    align-items:flex-start
}
.component-slider .slider .slider-item{
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.component-slider .slider-pagination{
    width:100%;
    position:absolute;
    z-index:2;
    bottom:30px;
    opacity:1;
    transition:opacity .2s ease-out,transform .35s ease-out
}
@media (max-width:767px){
    .component-slider .slider-pagination{
        bottom:15px
    }
}
.component-slider .fraction-pagination{
    font-weight:700;
    font-size:13px;
    bottom:10px
}
.component-slider[data-current-content=video] .slider-pagination{
    pointer-events:none;
    opacity:0;
    transform:translateY(5px)
}
.component-slider[data-current-content=video] .slider-button{
    pointer-events:none
}
.component-slider[data-current-content=video] .slider-button span{
    pointer-events:all
}
 .component-button{
    display:inline-block;
    min-width:120px;
    max-width:250px;
    font-size:1.143rem;
    line-height:1.15;
    letter-spacing:.5px;
    text-align:center;
    word-break:normal;
    -webkit-font-smoothing:auto;
    font-weight:500;
    color:inherit;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.component-button .btn-content{
    position:relative;
    color:#fff;
    padding:14px 30px;
    transform:translateZ(0);
    will-change:opacity;
    transition:background .25s ease;
    margin:auto
}
.component-button .btn-content svg{
    pointer-events:none;
    fill:currentColor;
    width:24px;
    height:24px;
    display:block;
    position:absolute!important;
    top:50%;
    left:50%;
    opacity:0;
    transform:translate3d(-50%,-50%,0) scale(.6)
}
.component-button .btn-content span{
    transition:opacity .45s
}
.component-button:hover{
    text-decoration:none;
    cursor:pointer;
    color:inherit
}
.component-button.animate-add-to-cart{
    pointer-events:none
}
.component-button.animate-add-to-cart .btn-content svg{
    opacity:1;
    transform:translate3d(-50%,-50%,0) scale(1);
    transition:opacity .45s,transform .3s cubic-bezier(.25,1,.1,3)
}
.component-button.animate-add-to-cart .btn-content span{
    opacity:0;
    transition:none
}
.component-button.small{
    font-size:1rem;
    letter-spacing:.3px
}
.component-button.small .btn-content{
    padding:12px 28px
}
.component-button.wide{
    width:100%;
    max-width:100%
}
.component-button.squared .btn-content{
    border-radius:5px
}
.component-button.squared .btn-content.small{
    border-radius:4px
}
.component-button.rounded .btn-content{
    border-radius:50px
}
.component-button.filled .btn-content{
    border:0
}
.component-button.bordered .btn-content{
    border:1px solid currentColor
}
.component-button.inverted .btn-content{
    color:inherit;
    background:transparent;
    border:0!important
}
.component-button.inverted .btn-content:before{
    content:"";
    display:block;
    position:absolute;
    top:-1px;
    left:-1px;
    pointer-events:none;
    width:100%;
    height:100%;
    border-radius:inherit;
    border:1px solid currentColor;
    opacity:.5;
    transition:opacity .3s ease
}
.component-button.inverted:hover .btn-content:before{
    opacity:.8
}
.component-button.splash{
    max-width:none;
    width:100%;
    height:100%;
    border:0
}
.component-button.splash .btn-content{
    border-radius:0
}
.component-button.link{
    border:0;
    max-width:400px;
    min-width:8ex;
    min-height:1em;
    font-size:.857rem;
    line-height:1.333;
    opacity:.5;
    font-weight:400;
    color:inherit;
    overflow:visible
}
.component-button.link .btn-content{
    padding:0;
    color:inherit;
    transform:none;
    will-change:auto
}
.component-button.link:hover{
    text-decoration:underline
}
 .slider-pagination{
    width:100%;
    position:absolute;
    z-index:2;
    bottom:10px;
    opacity:1;
    text-align:center;
    pointer-events:none;
    transition:opacity .2s ease-out,transform .35s ease-out
}
.slider-pagination .swiper-pagination-bullet{
    vertical-align:middle;
    display:inline-block;
    pointer-events:all;
    width:8px;
    height:8px;
    opacity:.3;
    background:currentColor;
    margin:0 7px;
    border-radius:50%;
    cursor:pointer;
    transition:transform .25s linear,opacity .15s linear
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    transform:scale(1.25);
    opacity:1
}
.slider-button{
    text-align:center;
    cursor:pointer;
    padding:0 20px;
    position:absolute;
    z-index:5;
    top:0;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.slider-button.slider-prev{
    left:0
}
.slider-button.slider-next{
    right:0
}
.slider-button.swiper-button-disabled{
    opacity:.1;
    pointer-events:none;
    cursor:default
}
.slider-button span{
    display:inline-block;
    width:40px;
    height:40px;
    border:2px solid currentColor;
    border-radius:50%;
    opacity:.3;
    will-change:opacity;
    transition:opacity .3s
}
.slider-button:not(.swiper-button-disabled):hover span{
    opacity:1
}
@media (max-width:767px){
    .slider-button{
        top:50px;
        height:calc(100% - 100px)
    }
    .slider-button.slider-prev{
        padding-left:10px
    }
    .slider-button.slider-next{
        padding-right:10px
    }
}
 .component-form{
    width:100%
}
.component-form form{
    position:relative;
    z-index:1;
    width:100%;
    display:block
}
.component-form:not(.inline) .component-button{
    width:100%;
    max-width:100%
}
.component-form .policy-data-warning{
    font-size:13px;
    text-align:center;
    margin-top:20px;
    opacity:.65
}
.component-form .policy-data-warning a:hover{
    color:inherit;
    opacity:.6
}
.component-form .form_fields{
    width:100%;
    display:block;
    clear:both;
    margin:0 auto;
    text-align:left
}
.component-form .form_field{
    width:100%;
    display:block;
    clear:both;
    margin-bottom:30px
}
.component-form .form_field:last-child{
    margin-bottom:0
}
.component-form .form_field.is_error .check-box{
    border-color:#fc4d53;
    opacity:1
}
.component-form .form_field.is_error .error{
    opacity:1;
    cursor:help
}
.component-form .form_field.is_error .error svg{
    transform:scale(1)
}
.component-form .form_field.is_error .hr{
    background:#fc5b25
}
.component-form .form_field[data-type=checkbox]+[data-type=checkbox]{
    margin-top:-20px
}
.component-form .field_title{
    font-size:.714rem;
    font-weight:400;
    line-height:1.6;
    display:block;
    letter-spacing:1.5px;
    opacity:.85;
    transition:opacity .15s;
    text-transform:uppercase
}
.component-form .form_field_text{
    position:relative
}
.component-form .form_field_text .field_title{
    font-size:1.143rem;
    letter-spacing:.3px;
    opacity:.65;
    position:absolute;
    top:12px;
    left:0;
    text-transform:none;
    transition:all .15s linear;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%
}
.component-form .form_field_text .hr{
    position:absolute;
    width:100%;
    height:1px;
    bottom:-1px;
    background:currentColor;
    opacity:.3;
    transition:opacity .15s
}
.component-form .form_field_text_input{
    display:block;
    line-height:1.63;
    letter-spacing:.3px;
    font:inherit;
    font-size:1.143rem;
    font-weight:400;
    position:relative;
    z-index:2;
    width:100%;
    color:inherit;
    border:0;
    outline:none;
    background:transparent;
    height:46px;
    padding:10px 25px 10px 0
}
.component-form .form_field_text_input:focus{
    outline:none
}
.component-form .form_field_text_input:focus~.field_title,.component-form .form_field_text_input:valid~.field_title{
    font-size:.714rem;
    font-weight:500;
    top:-10px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    opacity:.6
}
.component-form .form_field_text_input:focus~.hr,.component-form .form_field_text_input:valid~.hr{
    opacity:.65
}
.component-form .form_field_textarea{
    display:block;
    margin-bottom:20px;
    width:100%;
    max-height:250px;
    resize:none;
    min-height:46px;
    height:auto;
    padding:10px 25px 10px 0;
    overflow:auto
}
.component-form .form_field_textarea::-webkit-scrollbar{
    width:5px;
    height:95%
}
.component-form .form_field_textarea::-webkit-scrollbar-track{
    background:0
}
.component-form .form_field_textarea::-webkit-scrollbar-thumb{
    background-color:currentColor;
    border-radius:100px
}
.component-form .form_field_select .custom-select{
    display:none
}
.component-form .form_field_select .dropdown-container.active:after,.component-form .form_field_select .dropdown-select:after{
    position:absolute;
    bottom:0;
    left:0;
    content:"";
    width:100%;
    height:1px;
    background:currentColor;
    opacity:.3
}
.component-form .form_field_select .dropdown-select{
    z-index:200;
    padding:10px 0;
    font-size:1.143rem;
    font-weight:400;
    position:relative;
    z-index:2;
    width:100%;
    border:0;
    cursor:pointer;
    line-height:1.63
}
.component-form .form_field_select .dropdown-select:before{
    content:"";
    display:block;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%) rotate(180deg);
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid;
    transition:all .15s
}
.component-form .form_field_select .dropdown-container{
    position:relative
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar{
    width:5px;
    height:95%
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar-track{
    background:0
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar-thumb{
    background-color:currentColor;
    border-radius:100px
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul{
    opacity:0;
    visibility:hidden;
    transition:all .15s;
    padding:0;
    max-height:0;
    z-index:100;
    position:relative;
    width:100%;
    overflow:scroll;
    overflow-y:auto;
    overflow-x:hidden;
    text-align:left
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul li{
    padding:10px 10px 10px 37px;
    width:100%;
    font-size:1.143rem;
    font-weight:400;
    line-height:1.63;
    letter-spacing:.3px;
    border:0;
    outline:none;
    background:transparent;
    display:block;
    position:relative;
    opacity:.65;
    transition:opacity .15s
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul li:before{
    content:"";
    display:block;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    width:16px;
    height:12px;
    transition:all .15s;
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTYgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ik1vZGFsLXYuMi0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDgxLjAwMDAwMCwgLTU1My4wMDAwMDApIiBmaWxsPSIjQzNGNjhCIj4gICAgICAgICAgICA8ZyBpZD0iTGlzdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcwLjAwMDAwMCwgNTQ3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIxMSAxMy4yNjMxNTc5IDE1Ljk2NTUxNzIgMTggMjcgNy40NzM2ODQyMSAyNS40NTUxNzI0IDYgMTUuOTY1NTE3MiAxNS4wNTI2MzE2IDEyLjU0NDgyNzYgMTEuNzg5NDczNyI+PC9wb2x5Z29uPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-repeat:no-repeat;
    opacity:0
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul li:hover{
    opacity:1;
    cursor:pointer
}
.component-form .form_field_select .dropdown-container .dropdown-select-ul li.selected,.component-form .form_field_select .dropdown-container .dropdown-select-ul li.selected:before{
    opacity:1
}
.component-form .form_field_select .dropdown-container.active .dropdown-select-ul{
    position:relative;
    opacity:1;
    visibility:visible;
    max-height:140px
}
.component-form .form_field_select .dropdown-container.active .dropdown-select:before{
    transform:translateY(-50%) rotate(0deg);
    border-bottom:5px solid
}
.component-form .form_field_checkbox{
    text-align:left
}
.component-form .form_field_checkbox label{
    cursor:pointer;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.component-form .form_field_checkbox .eroor{
    position:static
}
.component-form .form_field_checkbox .form_field_checkbox_name{
    font-size:1.143rem;
    font-weight:400;
    line-height:1.63;
    letter-spacing:.3px;
    display:inline-block
}
@keyframes dothabottomcheck{
    0%{
        height:0
    }
    to{
        height:6.5px
    }
}
@keyframes dothatopcheck{
    0%{
        height:0
    }
    50%{
        height:0
    }
    to{
        height:11.7px
    }
}
.component-form .form_field_checkbox input[type=checkbox]{
    display:none
}
.component-form .form_field_checkbox .check-box{
    height:26px;
    width:26px;
    min-width:26px;
    max-width:26px;
    min-height:26px;
    max-height:26px;
    background-color:transparent;
    border:2px solid;
    border-radius:4px;
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    transition:border-color .2s ease;
    cursor:pointer;
    margin-right:16px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.component-form .form_field_checkbox .check-box:after,.component-form .form_field_checkbox .check-box:before{
    box-sizing:border-box;
    position:absolute;
    height:0;
    width:2px;
    background-color:currentColor;
    display:inline-block;
    transform-origin:left top;
    content:" ";
    transition:opacity .2 ease
}
.component-form .form_field_checkbox .check-box:before{
    top:16px;
    left:10px;
    transform:rotate(-135deg)
}
.component-form .form_field_checkbox .check-box:after{
    top:11px;
    left:5px;
    transform:rotate(-45deg)
}
.component-form .form_field_checkbox .check-box.checked,.component-form .form_field_checkbox input[type=checkbox]:checked+.check-box{
    border-color:currentColor
}
.component-form .form_field_checkbox .check-box.checked:after,.component-form .form_field_checkbox input[type=checkbox]:checked+.check-box:after{
    height:13px;
    animation:dothabottomcheck .2s ease 0s forwards
}
.component-form .form_field_checkbox .check-box.checked:before,.component-form .form_field_checkbox input[type=checkbox]:checked+.check-box:before{
    height:31.2px;
    animation:dothatopcheck .4s ease 0s forwards
}
.component-form .form_field_radio_values .field_title{
    margin-bottom:10px
}
.component-form .form_field_radio_values .form_field_radio_value{
    display:block;
    width:100%;
    margin-bottom:10px
}
.component-form .form_field_radio_values .form_field_radio_value:last-child{
    margin-bottom:0
}
.component-form .form_field_radio_values [type=radio]{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.component-form .form_field_radio_values label{
    cursor:pointer;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-line-pack:center;
    align-content:center;
    -ms-flex-align:center;
    align-items:center
}
.component-form .form_field_radio_values [type=radio]+span{
    display:block
}
.component-form .form_field_radio_values [type=radio]+.form_field_radio_check:before{
    content:"";
    display:block;
    width:10px;
    height:10px;
    background-color:currentColor;
    transition:transform .15s ease-in-out;
    border-radius:100%;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%) scale(0);
    margin:0 auto
}
.component-form .form_field_radio_values [type=radio]:checked+.form_field_radio_check:before{
    transform:translateY(-50%) scale(1)
}
.component-form .form_field_radio_values .form_field_radio_check{
    width:26px;
    height:26px;
    border:2px solid;
    border-radius:100%;
    position:relative;
    margin-right:16px;
    display:inline-block
}
.component-form .form_field_radio_values .form_field_radio_text{
    display:inline-block;
    font-size:1.143rem;
    font-weight:400;
    line-height:1.63;
    letter-spacing:.3px
}
.component-form .form_field_file{
    position:relative
}
.component-form .form_field_file .field_title{
    margin-bottom:-12px
}
.component-form .form_field_file .form_field_file_holder{
    position:relative;
    width:100%;
    display:block;
    font-size:1.143rem;
    font-weight:500;
    letter-spacing:.3px;
    text-align:left;
    cursor:default;
    text-decoration:none;
    margin-top:15px;
    line-height:1
}
.component-form .form_field_file .form_field_file_holder.active .form_field_file_files{
    opacity:1;
    visibility:visible
}
.component-form .form_field_file .form_field_file_holder.active .form_field_file_files span{
    animation-name:files_name_holder;
    animation-duration:.2s;
    animation-delay:.3s;
    animation-iteration-count:1;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards
}
.component-form .form_field_file .form_field_file_holder.active .form_field_file_label{
    margin-top:40px
}
.component-form .form_field_file input[type=file]{
    outline:none;
    padding:0;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    opacity:0;
    cursor:pointer;
    width:1px;
    visibility:hidden
}
.component-form .form_field_file .file-selected{
    font-size:.714rem;
    text-align:center;
    width:100%;
    display:block;
    margin-top:5px
}
.component-form .form_field_file .form_field_file_label{
    display:inline-block;
    cursor:default;
    transition:all .3s;
    margin-top:0;
    position:relative
}
.component-form .form_field_file .form_field_file_label .icon{
    display:inline-block;
    position:relative;
    width:26px;
    min-width:26px;
    max-width:26px;
    height:21px;
    margin-right:13px;
    cursor:pointer;
    z-index:2;
    top:7px
}
.component-form .form_field_file .form_field_file_label .form_field_file_label_text{
    font-size:.929rem;
    font-weight:400;
    line-height:1.38;
    border-bottom:1px dotted;
    padding-bottom:2px;
    display:inline-block;
    cursor:pointer;
    position:relative;
    z-index:2;
    transition:border .15s
}
.component-form .form_field_file .form_field_file_files{
    display:block;
    position:absolute;
    top:6px;
    opacity:0;
    visibility:hidden;
    transition:all .3s;
    width:100%
}
.component-form .form_field_file .form_field_file_files .form_field_file_files_holder{
    width:100%;
    max-width:100%;
    min-width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-line-pack:justify;
    align-content:space-between;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin-right:20px;
    cursor:default
}
.component-form .form_field_file .form_field_file_files .icon{
    display:inline-block;
    position:relative;
    top:0;
    width:26px;
    min-width:26px;
    max-width:26px;
    height:25px;
    margin-right:17px;
    text-align:center
}
.component-form .form_field_file .form_field_file_files .files_name_holder_text{
    font-size:.929rem;
    font-weight:400;
    line-height:1.38;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-wrap:break-word;
    overflow:hidden;
    max-width:253px;
    cursor:default;
    display:inline-block;
    margin-right:10px
}
.component-form .form_field_file .form_field_file_files .clear_files{
    display:inline-block;
    font-size:.929rem;
    font-weight:400;
    line-height:1.38;
    color:#6b8dbd;
    border-bottom:1px dotted;
    cursor:pointer;
    transition:border .15s
}
.component-form .form_field_file .form_field_file_files .clear_files:hover{
    border-bottom:1px dotted
}
.component-form .form_field_file .error{
    top:inherit;
    bottom:0;
    cursor:default
}
.component-form .error{
    position:absolute;
    z-index:2;
    top:50%;
    right:0;
    width:16px;
    height:16px;
    transform:translate3d(-50%,-50%,0);
    text-align:center;
    color:#fc4d53;
    border:1px solid currentColor;
    border-radius:50%;
    opacity:0;
    transition:all .1s
}
.component-form .error svg{
    display:inline-block;
    vertical-align:top;
    width:2px;
    height:100%;
    transition:transform .2s linear .1s;
    transform:scale(.4)
}
.component-form .form_submit{
    margin:40px auto 0
}
.component-form .form_field_submit{
    display:block;
    padding:0;
    outline:none;
    position:relative
}
.component-form .form_field_submit .submitting_status{
    display:none;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    opacity:0;
    margin:0 auto;
    transition:opacity .15s;
    text-align:center;
    width:100%;
    height:22px
}
.component-form .form_field_submit .submitting_status i{
    display:inline-block;
    position:relative;
    width:22px;
    height:22px;
    transform:rotate(0deg);
    transform-origin:center
}
.component-form .form_field_submit .submitting_status i svg{
    width:100%;
    height:100%;
    opacity:1;
    visibility:visible;
    position:absolute;
    left:0;
    top:0;
    animation:submitting_status_rotate .3s linear infinite
}
.component-form .form_field_submit .submitting_status i svg path{
    fill:currentColor
}
.component-form .form_field_submit .submitting_status i svg .cls-1{
    opacity:.2
}
@keyframes submitting_status_rotate{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.component-form .form_field_submit .form_submit_text{
    transition:opacity .15s;
    opacity:1
}
.component-form.submitting{
    pointer-events:none
}
.component-form.submitting .form_submit .btn-content .submitting_status{
    display:block;
    opacity:1
}
.component-form.submitting .form_submit .btn-content .form_submit_text{
    opacity:0
}
.component-form.style-2 .form_field[data-type=email],.component-form.style-2 .form_field[data-type=name],.component-form.style-2 .form_field[data-type=phone],.component-form.style-2 .form_field[data-type=text],.component-form.style-2 .form_field[data-type=textarea]{
    padding-top:20px
}
.component-form.style-2 .field_title{
    font-size:.714rem;
    font-weight:500;
    letter-spacing:1.5px;
    text-transform:uppercase
}
.component-form.style-2 .form_field_text .field_title{
    position:absolute;
    top:-26px
}
.component-form.style-2 .form_field_text .hr{
    content:none;
    display:none
}
.component-form.style-2 .form_field_text .form_field_text_input{
    border-radius:3px;
    background-color:#fff;
    color:#191919;
    border:1px solid rgba(0,0,0,.1);
    padding:10px 15px
}
.component-form.style-2 .form_field_text .form_field_text_input:focus{
    outline:none
}
.component-form.style-2 .form_field_text .form_field_text_input:focus~.field_title,.component-form.style-2 .form_field_text .form_field_text_input:valid~.field_title{
    top:-26px
}
.component-form.style-2 .form_field_textarea::-webkit-scrollbar-track{
    background:0
}
.component-form.style-2 .form_field_textarea::-webkit-scrollbar-thumb{
    background-color:rgba(25,25,25,.25);
    border-radius:100px
}
.component-form.style-2 .form_field_textarea::-webkit-scrollbar{
    width:5px;
    height:95%
}
.component-form.style-2 .form_field_select .dropdown-container{
    margin-top:10px;
    color:#191919
}
.component-form.style-2 .form_field_select .dropdown-container.active .dropdown-select{
    border-bottom:0;
    border-radius:3px 3px 0 0
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select,.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul{
    border:1px solid rgba(0,0,0,.1)
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul:after,.component-form.style-2 .form_field_select .dropdown-container .dropdown-select:after{
    display:none
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select{
    background-color:#fff;
    border-radius:3px;
    padding:10px 15px
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul{
    background-color:#fff;
    border-radius:0 0 3px 3px;
    border-top:0;
    padding-top:3px
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul li{
    border:0
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul li:hover{
    cursor:pointer
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul li.selected:before{
    opacity:1
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar{
    width:5px;
    height:95%
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar-track{
    background:0
}
.component-form.style-2 .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar-thumb{
    background-color:rgba(25,25,25,.25);
    border-radius:3px
}
.component-form.style-2 .error:before{
    right:15px
}
.component-form.style-3 .form_field[data-type=email],.component-form.style-3 .form_field[data-type=name],.component-form.style-3 .form_field[data-type=phone],.component-form.style-3 .form_field[data-type=text],.component-form.style-3 .form_field[data-type=textarea]{
    padding-top:20px
}
.component-form.style-3 .field_title{
    font-size:.714rem;
    font-weight:500;
    letter-spacing:1.5px;
    text-transform:uppercase
}
.component-form.style-3 .form_field_text .field_title{
    position:absolute;
    top:-26px
}
.component-form.style-3 .form_field_text .hr{
    border-radius:3px;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:.2
}
.component-form.style-3 .form_field_text .form_field_text_input{
    padding:10px 15px
}
.component-form.style-3 .form_field_text .form_field_text_input:focus{
    outline:none
}
.component-form.style-3 .form_field_text .form_field_text_input:focus~.field_title,.component-form.style-3 .form_field_text .form_field_text_input:valid~.field_title{
    opacity:1
}
.component-form.style-3 .form_field_textarea::-webkit-scrollbar-track{
    background:0
}
.component-form.style-3 .form_field_textarea::-webkit-scrollbar-thumb{
    background-color:rgba(25,25,25,.25);
    border-radius:100px
}
.component-form.style-3 .form_field_textarea::-webkit-scrollbar{
    width:5px;
    height:95%
}
.component-form.style-3 .form_field_select .dropdown-container{
    margin-top:10px;
    color:inherit
}
.component-form.style-3 .form_field_select .dropdown-container.active .dropdown-select:after{
    border-radius:3px 3px 0 0
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select{
    padding:10px 15px
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select:after{
    border-radius:3px;
    opacity:.2;
    top:0;
    right:0;
    height:100%
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul{
    top:0;
    position:relative
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul:after{
    position:absolute;
    border-radius:0 0 3px 3px;
    opacity:.2;
    top:0;
    right:0;
    height:100%;
    pointer-events:none
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul li{
    border:0
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul li:hover{
    cursor:pointer
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul li.selected:before{
    opacity:1
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar{
    width:5px;
    height:95%
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar-track{
    background:0
}
.component-form.style-3 .form_field_select .dropdown-container .dropdown-select-ul::-webkit-scrollbar-thumb{
    background-color:rgba(25,25,25,.25);
    border-radius:3px
}
.component-form.style-3 .form_field_select .dropdown-container.active .dropdown-select{
    border-radius:3px 3px 0 0
}
.component-form.style-3 .error:before{
    right:15px
}
.component-form.inline form{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -ms-flex-align:center;
    align-items:center
}
.component-form.inline .form_fields{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0
}
.component-form.inline .form_field,.component-form.inline .form_fields{
    width:auto;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:0;
    flex-shrink:0
}
.component-form.inline .form_field{
    min-width:20%;
    padding:0 5px;
    margin:auto
}
.component-form.inline .form_submit{
    -ms-flex-negative:1;
    flex-shrink:1;
    -ms-flex-positive:0;
    flex-grow:0;
    padding:0 5px;
    margin:0
}
.component-form.inline .form_field_submit{
    margin-top:20px
}
@media (max-width:1199px){
    .component-form.inline form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media (max-width:767px){
    .component-form.inline .form_fields{
        width:100%
    }
    .component-form.inline .form_field{
        width:100%;
        max-width:480px;
        padding:0;
        margin-bottom:30px
    }
    .component-form.inline .form_submit{
        padding:0;
        width:100%
    }
    .component-form.inline .form_field_submit{
        display:inline-block;
        max-width:480px;
        width:100%
    }
}
.component-form.inline.style-1 .form_field_submit{
    margin-top:0
}
@media (max-width:767px){
    .component-form.inline.style-2 .form_field_submit,.component-form.inline.style-3 .form_field_submit{
        padding-top:0;
        margin-top:0
    }
}
 .component-quiz{
    width:100%
}
.component-quiz .quiz-steps{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    min-height:0
}
.component-quiz .steps-wrapper{
    position:relative;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.component-quiz .step,.component-quiz .steps-wrapper{
    width:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.component-quiz .step{
    position:absolute;
    left:0;
    -ms-flex-flow:column;
    flex-flow:column;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:all .35s ease
}
.component-quiz .step.active{
    position:relative;
    opacity:1;
    visibility:visible;
    pointer-events:all
}
.component-quiz .step.prev{
    transform:translateY(-50px)
}
.component-quiz .step.next{
    transform:translateY(50px)
}
.component-quiz .step-fields{
    width:100%;
    position:relative;
    z-index:1
}
.component-quiz .step-title{
    font-weight:700;
    margin-bottom:50px
}
.component-quiz .quiz-actions{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:50px;
    max-width:100%
}
.component-quiz .quiz-actions .component-button{
    margin-right:5px;
    margin-left:5px
}
.component-quiz .quiz-actions .component-button:first-child{
    margin-left:0
}
.component-quiz .quiz-actions .component-button:last-child{
    margin-right:0
}
.component-quiz .policy-data-warning{
    font-size:13px;
    text-align:center;
    margin-top:20px;
    opacity:.65
}
.component-quiz .policy-data-warning a:hover{
    color:inherit;
    opacity:.6
}
.component-quiz .field{
    max-width:540px;
    margin:0 auto 30px
}
.component-quiz .field:last-child{
    margin-bottom:0
}
.component-quiz .field[data-type=image]{
    max-width:100%
}
.component-quiz .field[data-type=email],.component-quiz .field[data-type=name],.component-quiz .field[data-type=phone],.component-quiz .field[data-type=text],.component-quiz .field[data-type=textarea]{
    padding-top:26px
}
.component-quiz .field .error{
    position:absolute;
    top:100%;
    left:0;
    z-index:0;
    width:100%;
    text-align:left;
    color:#fd5b25;
    font-size:13px;
    line-height:2;
    opacity:0;
    transform:translateX(-10px);
    transition:all .3s ease
}
.component-quiz .field.is_error .form-field{
    animation:shake .5s ease 1 both .2s
}
.component-quiz .field.is_error .hr{
    background:#fd5b25;
    opacity:1
}
.component-quiz .field.is_error .error{
    pointer-events:all;
    opacity:1;
    transform:translateZ(0)
}
.component-quiz .field-title{
    display:block;
    text-align:left;
    font-size:16px;
    line-height:1.625;
    font-weight:400;
    margin-bottom:30px
}
.component-quiz [data-type=checkbox] .field-title,.component-quiz [data-type=image] .field-title,.component-quiz [data-type=radio] .field-title,.component-quiz [data-type=select] .field-title{
    display:none
}
.component-quiz .form-field-text{
    position:relative;
    width:100%;
    margin:0 auto
}
.component-quiz .form-field-text .hr{
    width:100%;
    height:1px;
    background:currentColor;
    opacity:.45;
    transition:opacity .3s ease;
    transform:translateZ(0)
}
.component-quiz .form-field-text .field-placeholder{
    text-align:left
}
.component-quiz .field-placeholder{
    position:absolute;
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    z-index:2;
    color:inherit;
    opacity:.5;
    font-size:18px;
    line-height:1.444;
    pointer-events:none;
    transition:all .15s ease .15s
}
.component-quiz .field-placeholder i{
    font:inherit;
    font-style:normal;
    text-decoration:none;
    text-transform:none
}
.component-quiz .form-field-textarea{
    resize:none
}
.component-quiz .form-field-text-input{
    background:transparent;
    color:inherit;
    border:0;
    width:100%;
    max-height:7.8em;
    padding:10px 0 9px;
    font-size:18px;
    line-height:1.444;
    -webkit-appearance:none
}
.component-quiz .form-field-text-input:focus~.field-placeholder,.component-quiz .form-field-text-input:valid~.field-placeholder{
    top:-28px;
    font-size:16px;
    opacity:.6;
    transition-delay:0
}
.component-quiz .form-field-text-input:focus~.hr,.component-quiz .form-field-text-input:valid~.hr{
    opacity:1
}
.component-quiz .form-field-radio-group{
    margin:-10px 0;
    text-align:left
}
.component-quiz .form-field-radio-group .form-field-radio-item{
    display:block;
    padding:10px 0;
    font-size:18px;
    line-height:26px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
.component-quiz .form-field-radio-group .form-field-radio-item:last-child{
    margin-bottom:0
}
.component-quiz .form-field-radio-group .form-field-radio-item input[type=radio]{
    display:none
}
.component-quiz .form-field-radio-group .form-field-radio-item input[type=radio]:checked~.form-field-radio-content .form-field-radio-check:after{
    opacity:1;
    transform:translateZ(0)
}
.component-quiz .form-field-radio-group .form-field-radio-content{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.component-quiz .form-field-radio-group .form-field-radio-check{
    -ms-flex-negative:0;
    flex-shrink:0;
    display:block;
    width:26px;
    min-width:26px;
    height:26px;
    border-radius:50%;
    margin-right:16px;
    position:relative;
    border:2px solid currentColor;
    opacity:1;
    transform:translateZ(0);
    transition:opacity .3s ease
}
.component-quiz .form-field-radio-group .form-field-radio-check:after{
    content:"";
    display:block;
    position:absolute;
    top:6px;
    left:6px;
    border-radius:50%;
    width:10px;
    height:10px;
    background:currentColor;
    transform:scale(.1);
    opacity:0;
    transition:all .3s ease
}
.component-quiz .form-field-checkbox-group{
    margin:-10px 0;
    text-align:left
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-item{
    display:block;
    padding:10px 0;
    font-size:18px;
    line-height:26px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-item input[type=checkbox]{
    display:none
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-item input[type=checkbox]:checked~.form-field-checkbox-content .form-field-checkbox-check:after{
    height:13px;
    animation:dothabottomcheck .2s ease 0s forwards
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-item input[type=checkbox]:checked~.form-field-checkbox-content .form-field-checkbox-check:before{
    height:31.2px;
    animation:dothatopcheck .4s ease 0s forwards
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-content{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-check{
    height:26px;
    width:26px;
    border:2px solid currentColor;
    border-radius:4px;
    position:relative;
    display:inline-block;
    margin-right:16px;
    transition:all .3s ease;
    -ms-flex-negative:0;
    flex-shrink:0
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-check:after,.component-quiz .form-field-checkbox-group .form-field-checkbox-check:before{
    position:absolute;
    height:0;
    width:2px;
    background:currentColor;
    display:inline-block;
    transform-origin:left top;
    content:"";
    transition:opacity .2 ease
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-check:before{
    top:16px;
    left:10px;
    transform:rotate(-135deg)
}
.component-quiz .form-field-checkbox-group .form-field-checkbox-check:after{
    top:11px;
    left:5px;
    transform:rotate(-45deg)
}
.component-quiz .form-field-image-group{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    margin:-17px -10px;
    padding:7px 0
}
.component-quiz .form-field-image-group[data-divisible="5"] .form-field-image-item{
    width:20%;
    font-size:13px
}
.component-quiz .form-field-image-group.center{
    -ms-flex-pack:center;
    justify-content:center
}
.component-quiz .form-field-image-group .form-field-image-item{
    display:block;
    width:25%;
    padding:10px;
    -ms-flex-negative:0;
    flex-shrink:0;
    font-size:13px;
    line-height:1.231
}
.component-quiz .form-field-image-group .form-field-image-item input{
    display:none
}
.component-quiz .form-field-image-group .form-field-image-item input:checked~.form-field-image-content .form-field-image-check{
    opacity:1;
    visibility:visible;
    transform:translateZ(0)
}
.component-quiz .form-field-image-group .form-field-image-item input:checked~.form-field-image-content .form-field-image-wrap:before{
    opacity:1!important;
    visibility:visible!important
}
.component-quiz .form-field-image-group .form-field-image-item:hover .form-field-image-wrap:before{
    opacity:1;
    visibility:visible
}
.component-quiz .form-field-image-group .form-field-image-content{
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    box-shadow:0 2px 20px rgba(0,0,0,.1);
    border-radius:4px;
    will-change:transform;
    overflow:hidden;
    cursor:pointer;
    transition:all .35s ease
}
.component-quiz .form-field-image-group .form-field-image-check{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    width:40px;
    height:40px;
    border:0;
    margin:-20px 0 0 -20px;
    padding:0;
    opacity:0;
    visibility:hidden;
    transform:scale(.85);
    transition:all .3s ease
}
.component-quiz .form-field-image-group .form-field-image-check:after,.component-quiz .form-field-image-group .form-field-image-check:before{
    display:none
}
.component-quiz .form-field-image-group .form-field-image-text{
    background:#fff;
    color:rgba(25,25,25,.85);
    padding:16px 26px;
    width:100%;
    min-height:64px;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:0;
    flex-shrink:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.component-quiz .form-field-image-group .form-field-image-wrap{
    position:relative;
    width:100%
}
.component-quiz .form-field-image-group .form-field-image-wrap.orient-horizontal .form-field-image-img{
    padding-bottom:62%
}
.component-quiz .form-field-image-group .form-field-image-wrap.orient-vertical .form-field-image-img{
    padding-bottom:133%
}
.component-quiz .form-field-image-group .form-field-image-wrap:before{
    display:block;
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.5);
    z-index:1;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:all .3s ease
}
.component-quiz .form-field-image-group .form-field-image-img{
    position:relative;
    width:100%;
    padding-bottom:100%;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    transform:translateZ(0)
}
.component-quiz .form-field-select{
    text-align:left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.component-quiz .form-field-select select{
    display:none
}
.component-quiz .form-field-select .dropdown-container{
    position:relative
}
.component-quiz .form-field-select .dropdown-container.active .dropdown-select i:before{
    transform:rotate(-41deg)
}
.component-quiz .form-field-select .dropdown-container.active .dropdown-select i:after{
    transform:rotate(41deg)
}
.component-quiz .form-field-select .dropdown-container.active .dropdown-select-ul{
    z-index:1;
    transform:translateZ(0);
    opacity:1;
    pointer-events:all;
    visibility:visible
}
.component-quiz .form-field-select .dropdown-select{
    position:relative;
    background:transparent;
    color:inherit;
    border:0;
    width:100%;
    max-height:7.8em;
    padding:10px 0 9px;
    font-size:18px;
    line-height:1.444;
    -webkit-appearance:none
}
.component-quiz .form-field-select .dropdown-select:after{
    position:absolute;
    top:100%;
    left:0;
    display:block;
    content:"";
    width:100%;
    height:1px;
    background:currentColor;
    opacity:1;
    transition:opacity .3s ease
}
.component-quiz .form-field-select .dropdown-select i{
    display:block;
    position:absolute;
    top:20px;
    right:-3px;
    width:18px;
    height:10px
}
.component-quiz .form-field-select .dropdown-select i:after,.component-quiz .form-field-select .dropdown-select i:before{
    content:"";
    display:block;
    width:8px;
    height:2px;
    margin-top:-1px;
    background:currentColor;
    position:absolute;
    top:50%;
    transition:transform .3s ease
}
.component-quiz .form-field-select .dropdown-select i:before{
    transform:rotate(41deg);
    left:2px
}
.component-quiz .form-field-select .dropdown-select i:after{
    transform:rotate(-41deg);
    left:7px
}
.component-quiz .form-field-select .dropdown-select-ul{
    list-style:none;
    background:#fff;
    color:#282828;
    border:1px solid rgba(34,34,34,.2);
    width:100%;
    border-radius:3px;
    font-size:1rem;
    line-height:1.857em;
    position:absolute;
    top:-82px;
    left:0;
    z-index:-1;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    max-height:50vh;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:scale(.98) translateY(20px);
    transition:all .35s
}
.component-quiz .form-field-select .dropdown-select-ul li{
    position:relative;
    color:rgba(0,0,0,.6);
    padding:11px 20px 11px 26px;
    transition:color .35s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.component-quiz .form-field-select .dropdown-select-ul li:last-child:after{
    display:none
}
.component-quiz .form-field-select .dropdown-select-ul li.selected,.component-quiz .form-field-select .dropdown-select-ul li:hover{
    color:#000
}
.component-quiz .form-field-select .dropdown-select-ul li.selected:before{
    opacity:1;
    transform:translateZ(0)
}
.component-quiz .form-field-select .dropdown-select-ul li:before{
    content:"";
    display:block;
    width:16px;
    height:26px;
    position:absolute;
    top:10px;
    left:0;
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAxNiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iaWNvbiI+PHBhdGggZD0iTTAgNy4yNjNMNC45NjYgMTIgMTYgMS40NzQgMTQuNDU1IDBsLTkuNDkgOS4wNTMtMy40Mi0zLjI2NHoiIGZpbGw9IiMyMUJFNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-size:16px 12px;
    background-position:50%;
    background-repeat:no-repeat;
    opacity:0;
    transform:scale(.85);
    transition:all .15s ease
}
.component-quiz .form-field-select .dropdown-select-ul li:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    position:absolute;
    top:100%;
    left:0;
    margin-top:-1px;
    background:#000;
    opacity:.1
}
.component-quiz .form-field-file{
    position:relative;
    font-size:16px;
    line-height:30px;
    height:30px
}
.component-quiz .form-field-file .error{
    display:none
}
.component-quiz .form-field-file.active .form-field-file-files{
    opacity:1;
    visibility:visible
}
.component-quiz .form-field-file.active .form-field-file-upload{
    opacity:0;
    visibility:hidden
}
.component-quiz .form-field-file .form-field-file-files{
    position:absolute;
    z-index:1;
    top:0;
    opacity:0;
    visibility:hidden;
    transition:all .3s;
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.component-quiz .form-field-file .form-field-file-files .icon{
    position:relative;
    top:-2px;
    width:20px;
    height:25px;
    margin-right:13px;
    opacity:.3;
    transition:opacity .3s ease
}
.component-quiz .form-field-file .form-field-file-files .text{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    cursor:default;
    max-width:400px;
    margin-right:10px;
    opacity:.85
}
.component-quiz .form-field-file .form-field-file-files .clear-files{
    line-height:22px;
    position:relative;
    cursor:pointer
}
.component-quiz .form-field-file .form-field-file-files .clear-files:after{
    content:"";
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:0;
    border-bottom:1px dashed;
    opacity:.2;
    transition:opacity .3s ease
}
.component-quiz .form-field-file .form-field-file-upload{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    position:relative;
    z-index:0;
    transition:all .3s
}
.component-quiz .form-field-file .form-field-file-upload .icon{
    position:relative;
    width:25px;
    height:20px;
    margin-right:13px;
    opacity:.3;
    transition:opacity .3s ease
}
.component-quiz .form-field-file .form-field-file-upload .text,.component-quiz .form-field-file .form-field-file-upload:hover .icon{
    opacity:.85
}
.component-quiz .form-field-file .form-field-file-upload:hover .text{
    opacity:1
}
.component-quiz .form-field-file input{
    outline:none;
    padding:0;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    opacity:0;
    cursor:pointer;
    width:1px;
    visibility:hidden
}
.component-quiz .submitting-status{
    display:none;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    opacity:0;
    margin:0 auto;
    transition:opacity .3s;
    text-align:center;
    width:100%;
    height:22px
}
.component-quiz .submitting-status i{
    display:inline-block;
    position:relative;
    width:22px;
    height:22px;
    transform:rotate(0deg);
    transform-origin:center
}
.component-quiz .submitting-status i svg{
    width:100%;
    height:100%;
    opacity:1;
    visibility:visible;
    position:absolute;
    left:0;
    top:0;
    animation:submitting_status_rotate .6s linear infinite
}
.component-quiz .submitting-status i svg path{
    fill:currentColor
}
.component-quiz .submitting-status i svg .cls-1{
    opacity:.2
}
@keyframes submitting_status_rotate{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.component-quiz form.submitting *{
    pointer-events:none!important
}
.component-quiz form.submitting .submitting-status{
    display:block;
    opacity:1
}
.component-quiz form.submitting .submitting-status+span{
    opacity:0
}
[data-quiz-part=progress]{
    width:100%;
    margin-bottom:100px;
    text-align:center;
    font-weight:400
}
[data-quiz-part=progress][data-progress-style=circle]{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:30px
}
[data-quiz-part=progress] .progress-percent,[data-quiz-part=progress] .progress-text{
    text-align:center;
    font-size:1rem;
    line-height:1.625
}
[data-quiz-part=progress] .progress-loader-bar{
    position:relative;
    width:86%;
    max-width:540px;
    height:3px;
    margin:0 auto
}
[data-quiz-part=progress] .progress-loader-bar .progress-loader-bg{
    width:100%;
    height:100%;
    border-radius:3px;
    background:currentColor;
    opacity:.3;
    overflow:hidden
}
[data-quiz-part=progress] .progress-loader-bar .current{
    position:absolute;
    top:0;
    left:0;
    display:block;
    border-radius:3px;
    background:currentColor;
    height:100%;
    width:0;
    transition:width .3s ease-in-out
}
[data-quiz-part=progress] .progress-loader-circle{
    width:30px;
    height:30px;
    margin:0 15px;
    stroke:currentColor;
    fill:none
}
[data-quiz-part=progress] .progress-loader-circle .progress-loader-bg{
    opacity:.3
}
[data-quiz-part=progress] .progress-loader-circle .current{
    transition:all .35s ease
}
[data-quiz-part=progress] .progress-percent~.progress-loader-bar,[data-quiz-part=progress] .progress-text~.progress-loader-bar{
    margin-top:20px
}
@media (max-width:767px){
    body.adaptive .component-quiz .quiz-actions{
        margin-top:40px;
        width:100%
    }
    body.adaptive .component-quiz .form-field-checkbox-group .form-field-checkbox-item,body.adaptive .component-quiz .form-field-radio-group .form-field-radio-item{
        font-size:16px
    }
    body.adaptive .component-quiz .form-field-image-group{
        -ms-flex-pack:start;
        justify-content:flex-start;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        overflow-x:auto;
        width:100vw;
        margin:-14px 0;
        margin-left:-7vw;
        padding:7px 0;
        -webkit-overflow-scrolling:touch
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item{
        width:auto;
        padding:7px 3vw
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item:first-child{
        padding-left:7vw
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item:last-child{
        padding-right:7vw
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item:hover .form-field-image-wrap:before{
        opacity:0;
        visibility:hidden
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-content{
        width:75vw;
        max-width:200px
    }
}
 .component-menu{
    display:inline-block;
    font-size:.857rem;
    font-weight:600;
    pointer-events:none
}
.component-menu ul{
    padding:0;
    list-style:none;
    padding:12px 0 10px;
    position:relative;
    width:100%
}
.component-menu ul li{
    display:inline-block;
    vertical-align:top;
    line-height:1.2
}
.component-menu ul li a{
    pointer-events:all;
    letter-spacing:1.2px;
    color:inherit;
    display:block;
    width:100%;
    height:100%;
    max-width:300px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.component-menu ul li a:active,.component-menu ul li a:hover{
    text-decoration:none
}
@media (min-width:980px){
    .menu-burger,.mobile-menu{
        display:none
    }
}
 .component-menu[data-style=line] .holder{
    position:absolute;
    width:0;
    height:2px;
    background:transparent;
    bottom:10px;
    left:0;
    pointer-events:none;
    transition:none!important
}
.component-menu[data-style=opacity] .holder{
    display:none
}
.component-menu[data-style=opacity] li{
    transition:opacity .22s linear;
    opacity:.55
}
.component-menu[data-style=opacity] li.active{
    opacity:1
}
.component-menu[data-style=opacity] li a{
    padding:5px 25px
}
@media (max-width:1199px){
    .component-menu[data-style=opacity] li a{
        padding-right:15px;
        padding-left:15px
    }
}
.component-menu[data-style=opacity].hover li,.component-menu[data-style=opacity]:hover li{
    opacity:.3!important
}
.component-menu[data-style=opacity].hover li:hover,.component-menu[data-style=opacity]:hover li:hover{
    opacity:1!important
}
@media (max-width:1199px){
    .component-menu[data-style=opacity] li a{
        padding:5px 15px
    }
}