/*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@import url(../../assets/lib/animate_css/animate.min.css);

.gridContainer{
    margin-left:auto;
    margin-right:auto;
    width:97.5%;
    padding-left:1.25%;
    padding-right:1.25%
}
.dt,.td{
    display:none !important
}
.m{
    display:block !important
}
.t{
    display:none !important
}
.mt,.tm{
    display:block !important
}
.d{
    display:none !important
}
.dm,.md{
    display:block !important
}
.div1_1_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div2_5_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div2_5_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div2_5_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div2_5_4_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div2_5_5_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div3_4_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div3_4_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div3_4_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div3_4_4_2{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div4_4_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div4_4_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div4_4_3_2{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div4_4_4_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div5_4_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div5_4_2_2{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div5_4_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div5_4_4_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div6_4_1_2{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div6_4_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div6_4_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div6_4_4_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div7_3_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div7_3_2_3{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div7_3_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div8_3_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div8_3_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div8_3_3_3{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div9_3_1_3{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div9_3_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div9_3_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div10_2_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div10_2_2_4{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div11_2_1_2{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div11_2_2_3{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div12_2_1_3{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div12_2_2_2{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div13_2_1_4{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div13_2_2_1{
    clear:both;
    float:left;
    margin-left:0;
    width:100%;
    display:block
}
.div18_4_1_1{
    clear:both;
    float:left;
    margin-left:0;
    width:49.47%;
    display:block
}
.div18_4_2_1{
    clear:none;
    float:left;
    margin-left:1.0408%;
    width:49.47%;
    display:block
}
.div18_4_3_1{
    clear:both;
    float:left;
    margin-left:0;
    width:49.47%;
    display:block
}
.div18_4_4_1{
    clear:none;
    float:left;
    margin-left:1.0408%;
    width:49.47%;
    display:block
}
@media only screen and (min-width: 481px){
    .gridContainer{
        width:97.2%;
        padding-left:1.4%;
        padding-right:1.4%
    }
    .dt,.td{
        display:block !important
    }
    .m{
        display:none !important
    }
    .t{
        display:block !important
    }
    .mt,.tm{
        display:block !important
    }
    .d{
        display:none !important
    }
    .dm,.md{
        display:none !important
    }
    .div1_1_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:100%;
        display:block
    }
    .div2_5_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:23.0769%;
        display:block
    }
    .div2_5_2_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:24.0769%;
        display:block
    }
    .div2_5_3_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:24.0769%;
        display:block
    }
    .div2_5_4_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:24.0769%;
        display:block
    }
    .div2_5_5_1{
        clear:both;
        float:left;
        margin-left:0;
        width:100%;
        display:block
    }
    .div3_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div3_4_2_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div3_4_3_1{
        clear:both;
        float:left;
        margin-left:0;
        width:35.8974%;
        display:block
    }
    .div3_4_4_2{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:62.5384%;
        display:block
    }
    .div4_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div4_4_2_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div4_4_3_2{
        clear:both;
        float:left;
        margin-left:0;
        width:61.5384%;
        display:block
    }
    .div4_4_4_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:36.8974%;
        display:block
    }
    .div5_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:35.8974%;
        display:block
    }
    .div5_4_2_2{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:62.5384%;
        display:block
    }
    .div5_4_3_1{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div5_4_4_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div6_4_1_2{
        clear:both;
        float:left;
        margin-left:0;
        width:61.5384%;
        display:block
    }
    .div6_4_2_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:36.8974%;
        display:block
    }
    .div6_4_3_1{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div6_4_4_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div7_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:23.0769%;
        display:block
    }
    .div7_3_2_3{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:75.3589%;
        display:block
    }
    .div7_3_3_1{
        clear:both;
        float:left;
        margin-left:0;
        width:100%;
        display:block
    }
    .div8_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div8_3_2_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div8_3_3_3{
        clear:both;
        float:left;
        margin-left:0;
        width:100%;
        display:block
    }
    .div9_3_1_3{
        clear:both;
        float:left;
        margin-left:0;
        width:100%;
        display:block
    }
    .div9_3_2_1{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div9_3_3_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div10_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:23.0769%;
        display:block
    }
    .div10_2_2_4{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:75.3589%;
        display:block
    }
    .div11_2_1_2{
        clear:both;
        float:left;
        margin-left:0;
        width:35.8974%;
        display:block
    }
    .div11_2_2_3{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:62.5384%;
        display:block
    }
    .div12_2_1_3{
        clear:both;
        float:left;
        margin-left:0;
        width:48.7179%;
        display:block
    }
    .div12_2_2_2{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:49.7179%;
        display:block
    }
    .div13_2_1_4{
        clear:both;
        float:left;
        margin-left:0;
        width:74.3589%;
        display:block
    }
    .div13_2_2_1{
        clear:none;
        float:left;
        margin-left:1.5641%;
        width:24.0769%;
        display:block
    }
    .div18_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:49.47%;
        display:block
    }
    .div18_4_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:49.47%;
        display:block
    }
    .div18_4_3_1{
        clear:both;
        float:left;
        margin-left:0;
        width:49.47%;
        display:block
    }
    .div18_4_4_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:49.47%;
        display:block
    }
    .div18_4_1_1.no-break{
        clear:both;
        float:left;
        margin-left:0;
        width:24.219%;
        display:block
    }
    .div18_4_2_1.no-break{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div18_4_3_1.no-break{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div18_4_4_1.no-break{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div14_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:32.63%;
        display:block
    }
    .div14_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:32.63%;
        display:block
    }
    .div14_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:32.63%;
        display:block
    }
    .div15_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:32.63%;
        display:block
    }
    .div15_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:66.30%;
        display:block
    }
    .div16_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:32.63%;
        display:block
    }
    .div16_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:32.63%;
        display:block
    }
    .div17_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:49.47%;
        display:block
    }
    .div17_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:49.47%;
        display:block
    }
}
@media only screen and (min-width: 769px){
    .gridContainer{
        width:98.4%;
        max-width:960px;
        padding-left:0.8%;
        padding-right:0.8%;
        margin:auto
    }
    .dt,.td{
        display:block !important
    }
    .m{
        display:none !important
    }
    .t{
        display:none !important
    }
    .mt,.tm{
        display:none !important
    }
    .d{
        display:block !important
    }
    .dm,.md{
        display:block !important
    }
    .div1_1_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:100%;
        display:block
    }
    .div2_5_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div2_5_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div2_5_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div2_5_4_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div2_5_5_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div3_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div3_4_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div3_4_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div3_4_4_2{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:39.7755%;
        display:block
    }
    .div4_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div4_4_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div4_4_3_2{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:39.7755%;
        display:block
    }
    .div4_4_4_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div5_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div5_4_2_2{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:39.7755%;
        display:block
    }
    .div5_4_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div5_4_4_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div6_4_1_2{
        clear:both;
        float:left;
        margin-left:0;
        width:38.7755%;
        display:block
    }
    .div6_4_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div6_4_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div6_4_4_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div7_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div7_3_2_3{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:60.1836%;
        display:block
    }
    .div7_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div8_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div8_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div8_3_3_3{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:60.1836%;
        display:block
    }
    .div9_3_1_3{
        clear:both;
        float:left;
        margin-left:0;
        width:59.1836%;
        display:block
    }
    .div9_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div9_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div10_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:18.3673%;
        display:block
    }
    .div10_2_2_4{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:80.5918%;
        display:block
    }
    .div11_2_1_2{
        clear:both;
        float:left;
        margin-left:0;
        width:38.7755%;
        display:block
    }
    .div11_2_2_3{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:60.1836%;
        display:block
    }
    .div12_2_1_3{
        clear:both;
        float:left;
        margin-left:0;
        width:59.1836%;
        display:block
    }
    .div12_2_2_2{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:39.7755%;
        display:block
    }
    .div13_2_1_4{
        clear:both;
        float:left;
        margin-left:0;
        width:79.5918%;
        display:block
    }
    .div13_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:19.3673%;
        display:block
    }
    .div18_4_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:24.219%;
        display:block
    }
    .div18_4_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div18_4_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div18_4_4_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div19_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:49.4788%;
        display:block
    }
    .div19_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div19_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div20_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:74.739%;
        display:block
    }
    .div20_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div21_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:24.219%;
        display:block
    }
    .div21_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:74.739%;
        display:block
    }
    .div22_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:24.219%;
        display:block
    }
    .div22_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:49.4788%;
        display:block
    }
    .div22_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div23_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:24.219%;
        display:block
    }
    .div23_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:24.219%;
        display:block
    }
    .div23_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:49.4788%;
        display:block
    }
    .div14_3_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:32.63%;
        display:block
    }
    .div14_3_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:32.63%;
        display:block
    }
    .div14_3_3_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:32.63%;
        display:block
    }
    .div15_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:32.63%;
        display:block
    }
    .div15_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:66.30%;
        display:block
    }
    .div16_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:66.30%;
        display:block
    }
    .div16_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:32.63%;
        display:block
    }
    .div17_2_1_1{
        clear:both;
        float:left;
        margin-left:0;
        width:49.47%;
        display:block
    }
    .div17_2_2_1{
        clear:none;
        float:left;
        margin-left:1.0408%;
        width:49.47%;
        display:block
    }
}
*{
    letter-spacing:-.5px
}
.display-1{
    margin:0 !important;
    padding:0 !important;
    font-size:30px !important;
    line-height:30px !important;
    letter-spacing:-.2px
}
.display-1::first-letter{
    margin-left:-1px
}
.display-1>i{
    font-size:26px
}
.display-3{
    letter-spacing:-1.5px !important;
    font-size:30px !important;
    line-height:30px !important
}
.display-3::first-letter{
    margin-left:-3px
}
h1,.h1{
    margin:0 !important;
    padding:0 !important;
    font-size:20px !important;
    line-height:20px !important;
    letter-spacing:-.2px
}
h1::first-letter,.h1::first-letter{
    margin-left:-1px
}
h1>i,.h1>i{
    font-size:20px
}
h2,.h2{
    margin:0 !important;
    padding:0 !important;
    font-size:18px !important;
    line-height:18px !important;
    letter-spacing:-.2px
}
h2::first-letter,.h2::first-letter{
    margin-left:-2px
}
h2>i,.h2>i{
    font-size:18px
}
h3,.h3{
    margin:0 !important;
    padding:0 !important;
    letter-spacing:-.2px;
    font-size:16px !important;
    line-height:18px !important
}
h3::first-letter,.h3::first-letter{
    margin-left:-2px
}
h3>i,.h3>i{
    font-size:48px
}
h4,.h4{
    margin:0 !important;
    padding:0 !important;
    letter-spacing:-.2px;
    font-size:14px !important;
    line-height:16px !important
}
h5,.h5{
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:16px !important;
    letter-spacing:0
}
h6,.h6{
    margin:0 !important;
    padding:0 !important;
    font-size:18px !important;
    line-height:19px !important;
    letter-spacing:0
}
a,.a{
    cursor:pointer
}
a:hover,.a:hover{
    color:#f60
}
.txt-color-negative{
    color:#DC3C14 !important
}
.txt-color-positive{
    color:#32C832 !important
}
.txt-color-cta{
    color:#FAE061 !important
}
.txt-color-blue{
    color:#4BB4E6 !important
}
.txt-color-grey,.txt-muted{
    color:#666 !important
}
.txt-muted{
    opacity:.5
}
.text-left{
    text-align:left !important
}
.text-right{
    text-align:right !important
}
.text-center{
    text-align:center !important
}
.txt-style-u{
    text-decoration:underline !important
}
.txt-style-b{
    font-weight:bold !important
}
.lead{
    font-size:18px !important;
    font-weight:300 !important
}
mark,.mark{
    padding:3px;
    background-color:#f60 !important
}
s,strike,del{
    text-decoration:line-through
}
.small,small{
    font-size:80%;
    font-weight:400
}
b,strong,.strong{
    font-weight:bolder
}
i,cite,em,var,address,dfn{
    font-style:italic
}
@media only screen and (min-width: 481px){
    .display-1{
        letter-spacing:-1.5px !important;
        font-size:60px !important;
        line-height:60px !important
    }
    .display-1::first-letter{
        margin-left:-3px
    }
    .display-2{
        letter-spacing:-1.5px !important;
        font-size:50px !important;
        line-height:50px !important
    }
    .display-2::first-letter{
        margin-left:-3px
    }
    .display-3{
        letter-spacing:-1.5px !important;
        font-size:40px !important;
        line-height:40px !important
    }
    .display-3::first-letter{
        margin-left:-3px
    }
    .display-4{
        letter-spacing:-1.5px !important;
        font-size:34px !important;
        line-height:34px !important
    }
    .display-4::first-letter{
        margin-left:-3px
    }
    h1,.h1{
        margin:0 !important;
        padding:0 !important;
        font-size:34px !important;
        line-height:34px !important;
        letter-spacing:-.2px
    }
    h1::first-letter,.h1::first-letter{
        margin-left:-1px
    }
    h1>i,.h1>i{
        font-size:26px
    }
    h2,.h2{
        margin:0 !important;
        padding:0 !important;
        font-size:30px !important;
        line-height:30px !important;
        letter-spacing:-.2px
    }
    h2::first-letter,.h2::first-letter{
        margin-left:-2px
    }
    h2>i,.h2>i{
        font-size:48px
    }
    h3,.h3{
        margin:0 !important;
        padding:0 !important;
        letter-spacing:-.2px;
        font-size:24px !important;
        line-height:24px !important
    }
    h3::first-letter,.h3::first-letter{
        margin-left:-2px
    }
    h3>i,.h3>i{
        font-size:48px
    }
    h4,.h4{
        margin:0 !important;
        padding:0 !important;
        letter-spacing:-.2px;
        font-size:20px !important;
        line-height:22px !important
    }
    h5,.h5{
        margin:0 !important;
        padding:0 !important;
        font-size:18px !important;
        line-height:20px !important;
        letter-spacing:0
    }
    h6,.h6{
        margin:0 !important;
        padding:0 !important;
        font-size:15px !important;
        line-height:16px !important;
        letter-spacing:0
    }
}
@media only screen and (min-width: 769px){
    h6,.h6{
        margin:0 !important;
        padding:0 !important;
        font-size:16px !important;
        line-height:18px !important;
        letter-spacing:0
    }
}
*[data-popup-role="close"],.popup-overlay{
    cursor:pointer
}
#modal-box{
    position:fixed;
    left:0;
    top:0;
    padding-top:14%;
    width:100%;
    height:100%;
    z-index:999999;
    background:rgba(0,0,0,0.5);
    box-sizing:border-box !important
}
#modal-box.setup-box-theme{
    width:100%;
    top:0;
    padding:0;
    background:rgba(0,0,0,0.9);
    border-top:1px #FAE061 solid
}
#modal-box.setup-box-theme .popup-content{
    height:100%;
    width:90%;
    background:none !important;
    border:0;
    color:#fff;
    -webkit-transform:scale(0, 0);
    -moz-transform:scale(0, 0);
    -ms-transform:scale(0, 0);
    -o-transform:scale(0, 0);
    transform:scale(0, 0);
    -webkit-transition:all 0s linear;
    -moz-transition:all 0s linear;
    -o-transition:all 0s linear;
    transition:all 0s linear
}
#modal-box.setup-box-theme .popup-content a{
    height:40px;
    line-height:40px !important
}
#modal-box.setup-box-theme .popup-content.active{
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -o-transform:scale(1, 1);
    transform:scale(1, 1);
    -webkit-transition:all 0s linear;
    -moz-transition:all 0s linear;
    -o-transition:all 0s linear;
    transition:all 0s linear
}
#modal-box>*{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#modal-box.srch-box{
    position:absolute;
    background:rgba(0,0,0,0.9);
    padding-top:0
}
#modal-box.srch-box .popup-content{
    width:100%;
    background:none;
    border:0;
    color:#fff;
    overflow:visible
}
#modal-box.srch-box .popup-content .popup-close{
    background:none;
    opacity:1
}
#modal-box.srch-box .popup-content .popup-close:hover{
    color:#fff
}
#modal-box.srch-box .popup-content .flex-selector{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}
#modal-box.srch-box .popup-content .flex-selector>*{
    color:#fff
}
#modal-box.srch-box .popup-content .flex-selector>.sbt{
    display:inline-flex;
    flex-direction:row;
    flex-wrap:nowrap;
    border-bottom:2px #222 solid;
    margin:0 0 30px 0;
    opacity:.8;
    font-size:14px;
    font-weight:bold;
    margin-bottom:20px;
    padding:10px 10px 10px 3px;
    cursor:pointer
}
#modal-box.srch-box .popup-content .flex-selector>.sbt:hover{
    opacity:1;
    cursor:pointer
}
#modal-box.srch-box .popup-content .flex-selector>.sbt.active{
    opacity:1;
    border-bottom:2px #FAE061 solid;
    cursor:pointer
}
#modal-box.srch-box .popup-content .search-input{
    position:relative
}
#modal-box.srch-box .popup-content .search-input>input{
    font-size:30px !important;
    line-height:36px !important;
    height:50px !important;
    border:0 !important;
    border-bottom:2px #777 solid !important;
    color:#fff !important;
    outline:none;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    width:90% !important;
    padding-right:10% !important
}
#modal-box.srch-box .popup-content .search-input>input:hover{
    border-bottom:2px #fff solid !important;
    cursor:pointer
}
#modal-box.srch-box .popup-content .search-input>input:focus{
    border-bottom:2px #FAE061 solid !important
}
#modal-box.srch-box .popup-content .search-input>span{
    position:absolute;
    font-size:40px;
    height:51px;
    line-height:50px;
    cursor:pointer;
    color:#777;
    z-index:1;
    right:0
}
#modal-box.srch-box .popup-content .search-input>span.active{
    color:#fff
}
#modal-box.srch-box .popup-content .search-input>span:hover{
    color:#FAE061
}
#modal-box .popup-close{
    opacity:0;
    position:absolute;
    z-index:3;
    width:30px;
    margin:0;
    height:30px;
    background:#fff;
    line-height:30px;
    text-align:center;
    font-size:30px;
    color:#777;
    right:10px;
    top:10px
}
#modal-box .popup-close:hover{
    cursor:pointer;
    color:#000
}
#modal-box .popup-overlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    z-index:-1
}
#modal-box .popup-content{
    overflow:hidden;
    overflow-y:scroll;
    z-index:11;
    position:relative;
    background:#fff;
    height:96%;
    width:90%;
    max-width:860px;
    margin:0 auto;
    border-top:20px #fff solid;
    border-bottom:30px #fff solid;
    -webkit-overflow-scrolling:touch;
    -webkit-transform:scale(0, 0);
    -moz-transform:scale(0, 0);
    -ms-transform:scale(0, 0);
    -o-transform:scale(0, 0);
    transform:scale(0, 0);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#modal-box .popup-content.inverted{
    background:#222;
    color:#fff
}
#modal-box .popup-content.inverted *{
    color:#fff
}
#modal-box .popup-content.inverted .popup-close{
    background:none;
    color:#ccc
}
#modal-box .popup-content.loading:before{
    content:'';
    width:100%;
    height:100%;
    cursor:wait;
    background:rgba(0,0,0,0.7);
    position:fixed;
    z-index:1
}
#modal-box .popup-content.loading:after{
    content:'';
    width:40px;
    height:40px;
    position:absolute;
    top:50%;
    z-index:2;
    background-image:url(../img/oval2.svg);
    right:50%;
    margin:-20px -20px 0 0
}
#modal-box .popup-content.active{
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -o-transform:scale(1, 1);
    transform:scale(1, 1);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#modal-box .popup-content.short{
    width:95%;
    max-width:500px;
    height:auto;
    max-height:inherit;
    min-height:inherit;
    overflow:inherit;
    border-top:none;
    border-bottom:none
}
#modal-box .popup-content.short img{
    width:30%
}
#modal-box .popup-content.eshop-credit{
    width:95%;
    max-width:500px;
    height:auto;
    max-height:inherit;
    min-height:inherit;
    overflow:inherit;
    border-top:none;
    border-bottom:none
}
#modal-box .popup-content.eshop-credit img{
    width:30%
}
#modal-box .popup-content>.inner{
    padding:30px;
    font-size:12px
}
#modal-box .option-name{
    display:table;
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
    float:left
}
#modal-box .option-name>li{
    display:table-cell;
    vertical-align:middle
}
#modal-box.mobile-a{
    padding:0
}
#modal-box.mobile-a .popup-content{
    width:100%;
    max-width:100%;
    height:100%
}
#modal-box.mobile-login-box{
    padding-top:0%
}
#modal-box.mobile-login-box .popup-content{
    transition:all .3s ease;
    -webkit-transform:translateY(-100%);
    height:auto;
    overflow-y:inherit;
    overflow:visible;
    width:100%;
    border-top:0;
    border-bottom:0
}
#modal-box.mobile-login-box .popup-content.active{
    transition:all .5s ease;
    -webkit-transform:translateY(0%)
}
#modal-box.mobile-login-box .popup-content>.inner{
    padding:60px 40px 40px 40px
}
#modal-box.mobile-login-box .popup-content>.inner .forms-control{
    width:220px
}
#modal-box.mobile-login-box .popup-content>.inner input{
    font-size:16px !important;
    height:34px !important
}
#modal-box.mobile-selector-box{
    padding-top:0%;
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -o-transform:scale(1, 1);
    transform:scale(1, 1);
    -webkit-transition:all 0 linear;
    -moz-transition:all 0 linear;
    -o-transition:all 0 linear;
    transition:all 0 linear
}
#modal-box.mobile-selector-box .popup-content{
    background:none;
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -o-transform:scale(1, 1);
    transform:scale(1, 1);
    -webkit-transition:all 0 linear;
    -moz-transition:all 0 linear;
    -o-transition:all 0 linear;
    transition:all 0 linear;
    position:relative;
    bottom:0;
    height:100%;
    width:100%;
    border-top:0;
    border-bottom:0
}
#modal-box.mobile-filters-box{
    padding-top:0
}
#modal-box.mobile-filters-box #filters-box>.filter-head,#modal-box.mobile-filters-box #filters-box>.filter-group{
    width:100%
}
#modal-box.mobile-filters-box #filters-box>.filter-group>.filter-accordion-contents>ul.filter-items>li{
    opacity:1;
    font-weight:bold;
    font-size:14px;
    line-height:28px
}
#modal-box.mobile-filters-box .popup-close{
    opacity:1;
    z-index:12
}
#modal-box.mobile-filters-box .popup-content{
    overflow:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    z-index:11;
    position:relative;
    background:#fff;
    height:100%;
    width:100%;
    max-width:860px;
    margin:0 auto;
    border-top:0px #fff solid;
    border-bottom:0px #fff solid;
    padding-bottom:20%
}
#modal-box.mobile-filters-box .popup-content-apply{
    z-index:11;
    position:fixed;
    background:#fff;
    color:#000;
    width:100%;
    padding:2%;
    border-top:1px #eee solid;
    bottom:0;
    -webkit-transform:scale(1, 0);
    -moz-transform:scale(1, 0);
    -ms-transform:scale(1, 0);
    -o-transform:scale(1, 0);
    transform:scale(1, 0);
    -webkit-transition:all 0 linear;
    -moz-transition:all 0 linear;
    -o-transition:all 0 linear;
    transition:all 0 linear
}
#modal-box.mobile-filters-box .popup-content-apply.active{
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -o-transform:scale(1, 1);
    transform:scale(1, 1);
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.bottom-popup-card{
    background:#fff;
    display:block;
    box-sizing:border-box;
    width:98%;
    margin:0 1%;
    border-radius:5px 5px 0 0
}
@media only screen and (min-width: 481px){
    #modal-box .popup-close{
        opacity:1
    }
    #modal-box .popup-content.short{
        width:60%;
        max-width:360px
    }
    #modal-box .popup-content.eshop-credit{
        width:60%;
        max-width:360px
    }
}
@media only screen and (min-width: 769px){
    #modal-box .popup-close{
        opacity:1
    }
    #modal-box .popup-content.short{
        width:80%;
        max-width:400px
    }
    #modal-box .popup-content.eshop-credit{
        width:80%;
        max-width:400px
    }
}
*,*::before,*::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html,body{
    min-height:100%;
    height:100%;
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
body{
    margin:0;
    padding:0;
    font-family:"HelvNeueOrange", "Helvetica Neue", Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing:subpixel-antialiased;
    -webkit-text-size-adjust:none;
    font-size:1rem;
    font-weight:400;
    line-height:1.25;
    color:#000;
    text-align:left;
    background-color:#fff
}
body.fixed{
    overflow:hidden;
    position:fixed;
    width:100%;
    height:100%;
    margin:0
}
body.no-scroll{
    overflow:hidden !important
}
body.no-scroll-x{
    overflow-x:hidden !important
}
body .blured{
    -webkit-filter:blur(2px);
    -moz-filter:blur(2px);
    -ms-filter:blur(2px);
    -o-filter:blur(2px);
    filter:blur(2px)
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block;
    float:left;
    width:100%
}
[data-role="expand-txt"]{
    position:relative;
    padding-left:15px
}
[data-role="expand-txt"]:before{
    content:'...';
    text-decoration:none;
    font-weight:normal;
    position:absolute;
    left:0
}
[tabindex="-1"]:focus{
    outline:none !important
}
a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
a{
    color:#000;
    text-decoration:none !important;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:hover,a:focus{
    color:#FAE061;
    text-decoration:none
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}
table{
    border-collapse:collapse
}
[hidden]{
    display:none !important
}
.clear{
    *zoom:1
}
.clear:after,.clear:before{
    content:"";
    display:table
}
.clear:after{
    clear:both
}
.hide-text{
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden
}
img{
    border:none;
    vertical-align:middle
}
img.responsive{
    max-width:100%;
    height:auto
}
.left{
    float:left
}
.right{
    float:right
}
table{
    width:100%
}
table td{
    vertical-align:top
}
ul{
    list-style-type:none;
    margin:0;
    padding:0
}
hr{
    box-sizing:border-box;
    height:0px;
    margin:0;
    padding:0;
    width:100%;
    overflow:visible;
    background:none;
    border:none;
    border-top:2px #ccc solid
}
hr.thin{
    border-top:1px #ccc solid !important
}
hr.dotted{
    border-top-style:dotted !important
}
.inline{
    display:inline-block !important
}
.block{
    display:block !important
}
.table{
    display:block !important
}
.flex{
    display:flex !important;
    flex-wrap:nowrap;
    flex-direction:row
}
.flex.wrap{
    flex-wrap:wrap
}
.flex.v-direction,.flex.vertical{
    flex-direction:column
}
.flex.fw-100{
    flex-basis:100%;
    width:100%
}
.flex.space-between,.flex.between{
    justify-content:space-between
}
.flex.space-around,.flex.around{
    justify-content:space-around
}
.flex.start{
    justify-content:flex-start
}
.flex.end{
    justify-content:flex-end
}
.flex.center{
    justify-content:center
}
.flex.stretch{
    align-items:stretch
}
.flex.middle{
    align-items:center
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.txt-xs-size{
    font-size:10px !important;
    line-height:10px !important
}
.txt-s-size{
    font-size:12px !important;
    line-height:13px !important
}
.txt-m-size{
    font-size:14px !important;
    line-height:16px !important
}
.txt-l-size{
    font-size:16px !important;
    line-height:18px !important
}
.txt-xl-size{
    font-size:18px !important;
    line-height:20px !important
}
.txt-xxl-size{
    font-size:20px !important;
    line-height:22px !important
}
.txt-header-xs-size{
    font-size:24px !important;
    line-height:26px !important
}
.txt-header-s-size{
    font-size:26px !important;
    line-height:27px !important
}
.txt-header-m-size{
    font-size:28px !important;
    line-height:29px !important
}
.txt-header-l-size{
    font-size:30px !important;
    line-height:32px !important
}
.txt-header-xl-size{
    font-size:32px !important;
    line-height:34px !important
}
.txt-header-xxl-size{
    font-size:34px !important;
    line-height:36px !important
}
.w-10{
    width:10% !important
}
.w-20{
    width:20% !important
}
.w-25{
    width:25% !important
}
.w-30{
    width:30% !important
}
.w-33{
    width:33.33% !important
}
.w-50{
    width:50% !important
}
.w-70{
    width:70% !important
}
.w-100{
    width:100% !important
}
.s_0{
    display:block;
    width:100%;
    height:0px;
    overflow:hidden
}
.s_5{
    display:block;
    width:100%;
    height:5px;
    overflow:hidden
}
.s_10{
    display:block;
    width:100%;
    height:10px;
    overflow:hidden
}
.s_15{
    display:block;
    width:100%;
    height:15px;
    overflow:hidden
}
.s_20{
    display:block;
    width:100%;
    height:20px;
    overflow:hidden
}
.s_25{
    display:block;
    width:100%;
    height:25px;
    overflow:hidden
}
.s_30{
    display:block;
    width:100%;
    height:30px;
    overflow:hidden
}
.s_35{
    display:block;
    width:100%;
    height:35px;
    overflow:hidden
}
.s_40{
    display:block;
    width:100%;
    height:40px;
    overflow:hidden
}
.s_50{
    display:block;
    width:100%;
    height:50px;
    overflow:hidden
}
.s_60{
    display:block;
    width:100%;
    height:60px;
    overflow:hidden
}
.margin_0{
    margin:0px
}
.margin_5{
    margin:5px
}
.margin_5_0{
    margin:5px 0
}
.margin_0_5{
    margin:0 5px
}
.margin_5_0_0_0{
    margin:5px 0 0 0
}
.margin_0_5_0_0{
    margin:0 5px 0 0
}
.margin_0_0_5_0{
    margin:0 0 5px 0
}
.margin_0_0_0_5{
    margin:0 0 0 5px
}
.margin_10{
    margin:10px
}
.margin_10_0{
    margin:10px 0
}
.margin_0_10{
    margin:0 10px
}
.margin_10_0_0_0{
    margin:10px 0 0 0
}
.margin_0_10_0_0{
    margin:0 10px 0 0
}
.margin_0_0_10_0{
    margin:0 0 10px 0
}
.margin_0_0_0_10{
    margin:0 0 0 10px
}
.margin_20{
    margin:20px
}
.margin_20_0{
    margin:20px 0
}
.margin_0_20{
    margin:0 20px
}
.margin_20_0_0_0{
    margin:20px 0 0 0
}
.margin_0_20_0_0{
    margin:0 20px 0 0
}
.margin_0_0_20_0{
    margin:0 0 20px 0
}
.margin_0_0_0_20{
    margin:0 0 0 20px
}
.padding_0{
    padding:0px !important
}
.padding_5{
    padding:5px
}
.padding_5_0{
    padding:5px 0
}
.padding_0_5{
    padding:0 5px
}
.padding_5_0_0_0{
    padding:5px 0 0 0
}
.padding_0_5_0_0{
    padding:0 5px 0 0
}
.padding_0_0_5_0{
    padding:0 0 5px 0
}
.padding_0_0_0_5{
    padding:0 0 0 5px
}
.padding_10{
    padding:10px
}
.padding_10_0{
    padding:10px 0
}
.padding_0_10{
    padding:0 10px
}
.padding_10_0_0_0{
    padding:10px 0 0 0
}
.padding_0_10_0_0{
    padding:0 10px 0 0
}
.padding_0_0_10_0{
    padding:0 0 10px 0
}
.padding_0_0_0_10{
    padding:0 0 0 10px
}
.padding_20{
    padding:20px
}
.padding_20_0{
    padding:20px 0
}
.padding_0_20{
    padding:0 20px
}
.padding_20_0_0_0{
    padding:20px 0 0 0
}
.padding_0_20_0_0{
    padding:0 20px 0 0
}
.padding_0_0_20_0{
    padding:0 0 20px 0
}
.padding_0_0_0_20{
    padding:0 0 0 20px
}
.bg-color-white{
    background-color:#fff
}
.bg-color-black{
    background-color:#000
}
.bg-color-orange{
    background-color:#f60
}
.bg-color-digital_light_grey_1{
    background-color:#f6f6f6
}
.bg-color-digital_light_grey_2{
    background-color:#eee
}
.bg-color-digital_light_grey_3{
    background-color:#ddd
}
.bg-color-digital_light_grey_4{
    background-color:#ccc
}
.bg-color-digital_mid_grey_1{
    background-color:#999
}
.bg-color-digital_mid_grey_2{
    background-color:#666
}
.bg-color-digital_dark_grey_1{
    background-color:#444
}
.bg-color-digital_dark_grey_2{
    background-color:#333 !important
}
.bg-color-digital_supp_yellow{
    background-color:#ffd200 !important
}
.bg-color-digital_supp_blue{
    background-color:#4BB4E6 !important
}
.bg-color-digital_supp_green{
    background-color:#50BE87 !important
}
.bg-color-digital_supp_purple{
    background-color:#A885D8 !important
}
.bg-color-digital_supp_pink{
    background-color:#FFB4E6 !important
}
.bg-color-digital_supp_yellow{
    background-color:#ffd200 !important
}
.bg-color-digital_func_red{
    background-color:#DC3C14
}
.bg-color-digital_func_green{
    background-color:#32C832
}
.bg-color-digital_func_yellow{
    background-color:#fc0
}
.bg-color-digital_func_blue{
    background-color:#527EBD
}
.bg-color-tint_dark_blue{
    background-color:#085EBD
}
.bg-color-tint_supporting_blue{
    background-color:#4BB4E6
}
.bg-color-tint_light_blue{
    background-color:#4BB4E6
}
.bg-color-tint_dark_green{
    background-color:#0A6E31
}
.bg-color-tint_supporting_green{
    background-color:#50BE87
}
.bg-color-tint_light_green{
    background-color:#50BE87
}
.bg-color-tint_dark_pink{
    background-color:#FF8AD4
}
.bg-color-tint_supporting_pink{
    background-color:#FFB4E6
}
.bg-color-tint_light_pink{
    background-color:#FFB4E6
}
.bg-color-tint_dark_purple{
    background-color:#492191
}
.bg-color-tint_supporting_purple{
    background-color:#492191
}
.bg-color-tint_light_purple{
    background-color:#492191
}
.bg-color-tint_dark_yellow{
    background-color:#FFB400
}
.bg-color-tint_supporting_yellow{
    background-color:#FFB400
}
.bg-color-tint_light_yellow{
    background-color:#FFB400
}
.txt-color-gold{
    color:#FAE061 !important
}
.txt-color-white{
    color:#fff !important
}
.txt-color-black{
    color:#000 !important
}
.txt-color-orange{
    color:#f60 !important
}
.txt-color-digital_light_grey_1{
    color:#f6f6f6 !important
}
.txt-color-digital_light_grey_2{
    color:#eee !important
}
.txt-color-digital_light_grey_3{
    color:#ddd !important
}
.txt-color-digital_light_grey_4{
    color:#ccc !important
}
.txt-color-digital_mid_grey_1{
    color:#999 !important
}
.txt-color-digital_mid_grey_2{
    color:#666 !important
}
.txt-color-digital_dark_grey_1{
    color:#444 !important
}
.txt-color-digital_dark_grey_2{
    color:#333 !important
}
.txt-color-digital_supp_yellow{
    color:#ffd200 !important
}
.txt-color-digital_supp_blue{
    color:#4BB4E6 !important
}
.txt-color-digital_supp_green{
    color:#50BE87 !important
}
.txt-color-digital_supp_purple{
    color:#A885D8 !important
}
.txt-color-digital_supp_pink{
    color:#FFB4E6 !important
}
.txt-color-digital_supp_yellow{
    color:#ffd200 !important
}
.txt-color-digital_func_red{
    color:#DC3C14 !important
}
.txt-color-digital_func_green{
    color:#32C832 !important
}
.txt-color-digital_func_yellow{
    color:#fc0 !important
}
.txt-color-digital_func_blue{
    color:#527EBD !important
}
.txt-color-tint_dark_blue{
    color:#085EBD !important
}
.txt-color-tint_supporting_blue{
    color:#4BB4E6 !important
}
.txt-color-tint_light_blue{
    color:#4BB4E6 !important
}
.txt-color-tint_dark_green{
    color:#0A6E31 !important
}
.txt-color-tint_supporting_green{
    color:#50BE87 !important
}
.txt-color-tint_light_green{
    color:#50BE87 !important
}
.txt-color-tint_dark_pink{
    color:#FF8AD4 !important
}
.txt-color-tint_supporting_pink{
    color:#FFB4E6 !important
}
.txt-color-tint_light_pink{
    color:#FFB4E6 !important
}
.txt-color-tint_dark_purple{
    color:#492191 !important
}
.txt-color-tint_supporting_purple{
    color:#492191 !important
}
.txt-color-tint_light_purple{
    color:#492191 !important
}
.txt-color-tint_dark_yellow{
    color:#FFB400 !important
}
.txt-color-tint_supporting_yellow{
    color:#FFB400 !important
}
.txt-color-tint_light_yellow{
    color:#FFB400 !important
}
.hr-color-white{
    border-color:#fff !important
}
.hr-color-black{
    border-color:#000 !important
}
.hr-color-orange,.hr-color-cta{
    border-color:#f60 !important
}
.hr-color-digital_light_grey_1{
    border-color:#f6f6f6 !important
}
.hr-color-digital_light_grey_2{
    border-color:#eee !important
}
.hr-color-digital_light_grey_3{
    border-color:#ddd !important
}
.hr-color-digital_light_grey_4{
    border-color:#ccc !important
}
.hr-color-digital_mid_grey_1{
    border-color:#999 !important
}
.hr-color-digital_mid_grey_2{
    border-color:#666 !important
}
.hr-color-digital_dark_grey_1{
    border-color:#444 !important
}
.hr-color-digital_dark_grey_2{
    border-color:#333 !important
}
.hr-color-digital_supp_yellow{
    border-color:#ffd200 !important
}
.hr-color-digital_supp_blue{
    border-color:#4BB4E6 !important
}
.hr-color-digital_supp_green{
    border-color:#50BE87 !important
}
.hr-color-digital_supp_purple{
    border-color:#A885D8 !important
}
.hr-color-digital_supp_pink{
    border-color:#FFB4E6 !important
}
.hr-color-digital_supp_yellow{
    border-color:#ffd200 !important
}
.hr-color-digital_func_red{
    border-color:#DC3C14 !important
}
.hr-color-digital_func_green{
    border-color:#32C832 !important
}
.hr-color-digital_func_yellow{
    border-color:#fc0 !important
}
.hr-color-digital_func_blue{
    border-color:#527EBD !important
}
.hr-color-tint_dark_blue{
    border-color:#085EBD !important
}
.hr-color-tint_supporting_blue{
    border-color:#4BB4E6 !important
}
.hr-color-tint_light_blue{
    border-color:#4BB4E6 !important
}
.hr-color-tint_dark_green{
    border-color:#0A6E31 !important
}
.hr-color-tint_supporting_green{
    border-color:#50BE87 !important
}
.hr-color-tint_light_green{
    border-color:#50BE87 !important
}
.hr-color-tint_dark_pink{
    border-color:#FF8AD4 !important
}
.hr-color-tint_supporting_pink{
    border-color:#FFB4E6 !important
}
.hr-color-tint_light_pink{
    border-color:#FFB4E6 !important
}
.hr-color-tint_dark_purple{
    border-color:#492191 !important
}
.hr-color-tint_supporting_purple{
    border-color:#492191 !important
}
.hr-color-tint_light_purple{
    border-color:#492191 !important
}
.hr-color-tint_dark_yellow{
    border-color:#FFB400 !important
}
.hr-color-tint_supporting_yellow{
    border-color:#FFB400 !important
}
.hr-color-tint_light_yellow{
    border-color:#FFB400 !important
}
#wall>.container>.flex{
    width:100%;
    align-items:none;
    flex-wrap:wrap
}
#wall>.container>.flex>div:nth-child(1){
    order:2;
    flex-basis:100%
}
#wall>.container>.flex>div:nth-child(2){
    order:1;
    flex-basis:100%
}
#wall>.container>.flex>div:nth-child(3){
    order:3;
    flex-basis:100%
}
#wall-playlist-items{
    width:100%;
    align-items:stretch
}
#wall-playlist-items>div{
    flex-basis:32% !important;
    background:rgba(0,0,0,0.2)
}
@media only screen and (min-width: 481px){
    #wall>.container>.flex{
        flex-wrap:wrap;
        align-items:stretch
    }
    #wall>.container>.flex>div:nth-child(1){
        order:2;
        flex-basis:29%;
        padding-right:0%;
        padding-left:1%
    }
    #wall>.container>.flex>div:nth-child(2){
        order:1;
        flex-basis:70%
    }
    #wall>.container>.flex>div:nth-child(3){
        order:3;
        flex-basis:70%;
        padding-left:0%
    }
}
@media only screen and (min-width: 769px){
    #wall>.container>.flex{
        width:100%;
        align-items:stretch
    }
    #wall>.container>.flex>div:nth-child(1){
        order:1;
        flex-basis:22%;
        padding-right:1%
    }
    #wall>.container>.flex>div:nth-child(2){
        order:2;
        flex-basis:55%
    }
    #wall>.container>.flex>div:nth-child(3){
        order:3;
        flex-basis:22%;
        padding-left:1%
    }
}
@media only screen and (min-width: 481px){
    .page-layout-1>div:nth-child(1){
        flex-basis:0%
    }
    .page-layout-1>div:nth-child(2){
        flex-basis:100%
    }
}
@media only screen and (min-width: 769px){
    .page-layout-1>div:nth-child(1){
        flex-basis:5%
    }
    .page-layout-1>div:nth-child(2){
        flex-basis:95%
    }
}
html{
    scroll-behavior:smooth
}
body.theme-dark{
    background:#111
}
body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark b,body.theme-dark span{
    text-shadow:0px 0px 1px rgba(0,0,0,0.15)
}
::selection{
    background-color:#111;
    color:white
}
#wrapper{
    margin-top:85px;
    z-index:6;
    position:absolute;
    width:100%
}
#wrapper.no_offset{
    margin-top:0px
}
*[onClick]{
    cursor:pointer
}
.container{
    max-width:1200px;
    display:block;
    margin:0 auto;
    width:100%;
    padding:0 5%
}
.button-light{
    cursor:pointer;
    border-radius:5px;
    height:38px;
    border:1px #FFE599 solid;
    color:#FFE599;
    padding:5px 20px
}
.button{
    background:#FAE061;
    border-radius:5px;
    height:40px;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    cursor:pointer
}
@media only screen and (min-width: 769px){
    #wrapper{
        margin-top:100px
    }
    .container{
        padding:0 2%
    }
}
#bg{
    position:fixed;
    z-index:1;
    overflow:hidden;
    width:100%;
    height:100%;
    top:0;
    left:0
}
#bg>.bg-overlay{
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    top:0;
    left:0
}
#bg>.bg-overlay:after{
    content:' ';
    position:absolute;
    z-index:1;
    width:50%;
    height:100%;
    left:50%;
    top:0;
    background:-moz-linear-gradient(-45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(-45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
    background:linear-gradient(-45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%)
}
#bg>.bg-overlay:before{
    content:' ';
    position:absolute;
    z-index:1;
    width:50%;
    height:100%;
    left:0;
    top:0;
    background:-moz-linear-gradient(45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
    background:linear-gradient(45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%)
}
#bg.theme-a>.bg-media{
    position:absolute;
    z-index:1;
    top:-2%;
    left:-2%;
    width:105%;
    height:105%;
    -webkit-transition:background-image 1.2s ease-in-out;
    transition:background-image 1.2s ease-in-out;
    
    background-size:170%;
    background-position:center;
    background-repeat:no-repeat;
    filter:blur(70px);
    -webkit-filter:blur(70px)
}
#language-selector{
    position:absolute;
    z-index:12;
    width:100%;
    height:40px;
    top:0;
    left:0
}
#language-selector .ls>div{
    overflow:hidden
}
#language-selector .ls>div.ls-current{
    font-size:12px;
    position:relative;
    cursor:default;
    color:rgba(255,255,255,0.7)
}
#language-selector .ls>div.ls-current:after{
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    content:"▾";
    
    color:rgba(255,255,255,0.7);
    position:absolute;
    right:0;
    top:0
}
#language-selector .ls>div.ls-options{
    opacity:0;
    height:0px;
    transform:translateY(-100%);
    transition:.4s ease-in-out;
    animation-delay:0.2s;
    position:relative;
    margin:5px 0 0 0;
    padding:5px 0
}
#language-selector .ls>div.ls-options>div{
    cursor:pointer;
    font-size:12px;
    padding:5px 10px;
    color:rgba(255,255,255,0.7)
}
#language-selector .ls>div.ls-options>div:hover{
    color:#FAE061
}
#language-selector .ls:hover div.ls-current:after{
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    transform:rotate(180deg)
}
#language-selector .ls:hover div.ls-options{
    opacity:1;
    height:auto;
    animation-delay:0.2s;
    transform:translateY(0);
    transition:.4s ease-in-out;
    background:rgba(0,0,0,0.9);
    border-radius:3px
}
#language-selector.theme-b{
    position:absolute
}
#language-selector.theme-c{
    position:relative;
    opacity:0.8
}
#language-selector.theme-c .ls>div{
    overflow:hidden
}
#language-selector.theme-c .ls>div.ls-current{
    font-size:14px
}
#language-selector.theme-c .ls>div.ls-options{
    margin:-112px 0 0 0
}
#language-selector.theme-c .ls>div.ls-options>div{
    font-size:14px
}
.p-title{
    padding:0 5%;
    margin:0 0 20px 0;
    color:#fff
}
.p-title h1{
    font-size:38px !important
}
#menu-trigger.hidden{
    display:none !important
}
.sidenav{
    height:100%;
    width:0;
    position:fixed;
    z-index:16;
    top:0;
    right:0;
    background-color:rgba(0,0,0,0.9);
    overflow-x:hidden;
    transition:0.5s
}
.sidenav.active{
    width:100%
}
.sidenav a{
    padding:0px 0px 15px 0px;
    text-decoration:none;
    font-size:25px;
    color:#999;
    display:block;
    transition:0.3s
}
.sidenav a.active{
    color:#FFE599
}
.sidenav a:hover{
    color:#FFE599
}
.sidenav .closebtn{
    position:absolute;
    top:5px;
    right:3%;
    font-size:36px;
    margin-left:0
}
.sidenav .menu-ls a{
    display:inline-block;
    font-size:12px;
    color:#999;
    padding:0;
    margin:0 7px
}
.sidenav .menu-ls a.active{
    color:#fff
}
#m-titles{
    display:block;
    position:fixed;
    z-index:8;
    width:100%;
    background-color:rgba(0,0,0,0.05);
    -webkit-transition:background-color 200ms linear;
    -ms-transition:background-color 200ms linear;
    transition:background-color 200ms linear
}
#m-titles.scroll-theme{
    background-color:rgba(0,0,0,0.96) !important
}
#m-titles>.inner{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    padding:0 5%;
    min-height:60px
}
#m-titles>.inner>div{
    cursor:pointer
}
.theme-dark #m-titles{
    color:#FFE599
}
*[data-scope="side-menu-trigger"]{
    display:none
}
@media only screen and (orientation: landscape) and (device-width: 812px) and (device-height: 375px) and (-webkit-device-pixel-ratio: 3){
    #m-titles{
        display:none
    }
}
@media (min-width: 768px){
    #m-titles{
        display:none !important
    }
    .p-title{
        display:none !important
    }
}
@media (min-width: 1025px) and (max-width: 1280px){
    #m-titles{
        display:none !important
    }
}
@media (min-width: 1281px){
    #m-titles{
        display:none !important
    }
}
@media only screen and (orientation: landscape){
    *[data-scope="side-menu-trigger"]{
        display:inline-block
    }
    .p-title{
        display:none !important
    }
}
#m-footer{
    display:none;
    position:fixed;
    z-index:3;
    width:100%;
    bottom:0
}
#m-footer>.inner{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    padding:0 5%;
    min-height:60px
}
#m-footer>.inner .icon-item{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
#m-footer>.inner .icon-item>i{
    padding:0 0 3px 0;
    font-size:14px
}
#m-footer>.inner .icon-item>small{
    font-size:9px
}
#m-footer.active{
    display:block
}
.theme-dark #m-footer{
    background:#000;
    color:#ccc
}
.theme-dark #m-footer>.inner .icon-item.active{
    color:#FFE599
}
@media only screen and (orientation: landscape){
    #m-footer.active{
        display:none
    }
}
#logo-holder{
    width:30px;
    display:block;
    position:relative;
    overflow:hidden
}
#logo-holder:after{
    content:'';
    position:absolute;
    width:100px;
    height:100px;
    opacity:.2;
    top:0;
    left:0;
    z-index:2
}
#logo-holder img{
    width:102%
}
#d-navi{
    display:none;
    position:fixed;
    z-index:9;
    width:100%;
    top:0;
    -webkit-transition:background-color 200ms linear;
    -ms-transition:background-color 200ms linear;
    transition:background-color 200ms linear
}
#d-navi .container{
    max-width:1600px
}
#d-navi.scroll-theme{
    background-color:rgba(0,0,0,0.96) !important
}
#d-navi .inner{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    min-height:65px
}
#d-navi .inner>div{
    display:flex;
    flex-direction:row
}
#d-navi .inner>div:nth-child(1){
    justify-content:flex-end
}
#d-navi .inner>div:nth-child(2){
    justify-content:flex-end
}
#d-navi .inner .desktop-menu{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    padding:0 10px
}
#d-navi .inner .desktop-menu>div.menu-item{
    color:#c1c1c1;
    cursor:pointer;
    padding:0 0 0 30px;
    position:relative
}
#d-navi .inner .desktop-menu>div.menu-item:nth-child(1){
    padding:0
}
#d-navi .inner .desktop-menu>div.menu-item>i{
    display:none
}
#d-navi .inner .desktop-menu>div.menu-item>b{
    font-size:13px
}
#d-navi .inner .desktop-menu>div.menu-item.active{
    color:#fff
}
#d-navi .inner .desktop-menu>div.menu-item.active:after{
    content:'';
    width:5px;
    height:5px;
    background:#FAE061;
    position:absolute;
    border-radius:100%
}
.theme-dark #d-navi{
    color:#fff;
    background:rgba(0,0,0,0.3)
}
@media (min-width: 768px){
    #d-navi{
        display:block
    }
}
.scroll-left{
    height:14px;
    overflow:hidden;
    position:relative
}
.scroll-left p{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    line-height:14px;
    text-align:left;
    white-space:nowrap;
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    -moz-animation:scroll-left 15s linear infinite;
    -webkit-animation:scroll-left 15s linear infinite;
    animation:scroll-left 15s linear infinite
}
@-moz-keyframes scroll-left{
    0%{
        -moz-transform:translateX(100%)
    }
    100%{
        -moz-transform:translateX(-200%)
    }
}
@-webkit-keyframes scroll-left{
    0%{
        -webkit-transform:translateX(100%)
    }
    100%{
        -webkit-transform:translateX(-200%)
    }
}
@keyframes scroll-left{
    0%{
        -moz-transform:translateX(100%);
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -moz-transform:translateX(-200%);
        -webkit-transform:translateX(-200%);
        transform:translateX(-200%)
    }
}
#mobile-audio-playlist-wrapper{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    flex-basis:100%;
    height:115px;
    padding:4% 0;
    background:rgba(0,0,0,0);
    -webkit-transition:background-color 200ms linear;
    -ms-transition:background-color 200ms linear;
    transition:background-color 200ms linear
}
#mobile-audio-playlist-wrapper>div{
    flex-basis:44%;
    overflow:hidden;
    position:relative;
    border-radius:5px;
    overflow:hidden
}
#mobile-audio-playlist-wrapper>div:nth-child(1){
    background:url("https://diaspora.media/app/assets/img/playlist/1.jpg");
    background-size:cover
}
#mobile-audio-playlist-wrapper>div:nth-child(2){
    background-size:cover
}
#mobile-audio-playlist-wrapper>div:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    transition:background-color 60ms linear
}
#mobile-audio-playlist-wrapper>div.active:before{
    background:rgba(0,0,0,0);
    transition:background-color 1600ms linear
}
#mobile-audio-playlist-wrapper>div img{
    width:100%
}
#mobile-audio-playlist-wrapper>div:nth-child(odd){
    margin:0 2% 0px 4%
}
#mobile-audio-playlist-wrapper>div:nth-child(even){
    margin:0 4% 0px 2%
}
#mobile-audio-playlist-wrapper>div .mobile-audio-playlist-item{
    position:relative;
    height:100%;
    color:#fff;
    font-weight:bold;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    cursor:pointer
}
#mobile-audio-playlist-wrapper>div .mobile-audio-playlist-item>i{
    font-size:32px
}
#mobile-audio-playlist-wrapper>div .mobile-audio-playlist-item>i.fa-pause-circle{
    display:none
}
#mobile-audio-playlist-wrapper>div .mobile-audio-playlist-item>i.fa-play-circle{
    display:inline-block;
    color:#fff
}
#mobile-audio-playlist-wrapper>div .mobile-audio-playlist-item>.label{
    position:absolute;
    color:#000;
    top:0;
    right:0;
    font-size:12px;
    padding:3px 0px;
    background:#888;
    border-radius:0 0 0 10px
}
#mobile-audio-playlist-wrapper>div .mobile-audio-playlist-item>.label.now-playing{
    background:red;
    color:#fff;
    display:none;
    width:60px
}
#mobile-audio-playlist-wrapper>div.active .mobile-audio-playlist-item i.fa-pause-circle{
    display:inline-block;
    font-size:18px;
    opacity:.5;
    position:absolute;
    bottom:5px;
    right:5px
}
#mobile-audio-playlist-wrapper>div.active .mobile-audio-playlist-item i.fa-play-circle{
    display:none
}
#mobile-audio-playlist-wrapper>div.active .mobile-audio-playlist-item .label.now-playing{
    display:block
}
#mobile-audio-playlist-wrapper.theme-d{
    margin-top:15px;
    flex-wrap:nowrap;
    justify-content:space-between;
    height:75px
}
#mobile-audio-playlist-wrapper.theme-d>div:nth-child(odd){
    margin:0;
    min-height:70px
}
#mobile-audio-playlist-wrapper.theme-d>div:nth-child(even){
    margin:0 2%;
    min-height:70px
}
#yt-playlist-wrapper{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    flex-basis:100%
}
#yt-playlist-wrapper>div{
    flex-basis:44%;
    overflow:hidden;
    position:relative;
    border-radius:5px
}
#yt-playlist-wrapper>div:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3)
}
#yt-playlist-wrapper>div img{
    width:100%
}
#yt-playlist-wrapper>div:nth-child(odd){
    margin:0 2% 20px 4%
}
#yt-playlist-wrapper>div:nth-child(even){
    margin:0 4% 20px 2%
}
#cs .cs-item{
    min-height:400px
}
.announces-box{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    flex-basis:100%;
    min-height:270px
}
.announces-box>div{
    flex-basis:44%;
    overflow:hidden;
    position:relative;
    border-radius:5px
}
.announces-box>div.full-width{
    flex-basis:92%;
    margin:0% 0 20px 4% !important
}
.announces-box>div:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3)
}
.announces-box>div img{
    width:100%
}
.announces-box>div:nth-child(odd){
    margin:0 2% 20px 4%
}
.announces-box>div:nth-child(even){
    margin:0 4% 20px 2%
}
@media only screen and (min-width: 769px){
    #mobile-audio-playlist-wrapper.theme-d{
        height:160px
    }
}
.record-button,.message-send{
    background:#FAE061;
    border-radius:5px;
    height:40px;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    cursor:pointer
}
#mg{
    position:fixed;
    z-index:11;
    bottom:4%;
    right:4%
}
#mg .g-menu{
    display:none
}
#mg .g-menu.active{
    display:block
}
#mg .g-menu .g-label{
    background:#FAE061;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:60px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    text-align:center;
    cursor:pointer
}
#mg .g-items{
    position:absolute;
    z-index:3;
    bottom:70px;
    display:none
}
#mg .g-items.active{
    display:block
}
#mg .g-items .g-item{
    background:#fff;
    margin:0 0 10px 0;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:60px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    text-align:center;
    cursor:pointer;
    position:relative
}
#mg .g-items .g-item:before{
    content:attr(data-label);
    position:absolute;
    left:-220px;
    color:#ccc;
    font-size:16px;
    font-weight:bold;
    width:200px;
    height:60px;
    line-height:60px;
    text-align:right
}
#mg .g-items-bg{
    position:fixed;
    z-index:-1;
    bottom:70px;
    background:rgba(0,0,0,0.7);
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    cursor:pointer
}
#mg .g-items-bg.active{
    display:block
}
#g-popup-list{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    margin:0;
    padding:0;
    z-index:1;
    display:none
}
#g-popup-list.active{
    display:block
}
#g-popup-list>.inner-contents{
    position:fixed;
    width:100%;
    height:100%;
    bottom:0;
    z-index:12
}
#g-popup-list .g-popup-item{
    position:absolute;
    background:#333;
    width:92%;
    left:4%;
    bottom:0;
    border-radius:5px 5px 0 0;
    display:none;
    z-index:12
}
#g-popup-list .g-popup-item.active{
    display:block
}
#g-popup-list .g-popup-item>.inner{
    padding:40px 20px
}
#g-popup-list .g-popup-bg{
    position:absolute;
    z-index:1;
    bottom:70px;
    background:rgba(0,0,0,0.7);
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    cursor:pointer
}
#g-popup-list .g-popup-bg.active{
    display:block
}
#greetings-container{
    position:relative;
    margin-top:100px;
    z-index:7;
    left:0;
    bottom:0;
    display:block !important;
    width:100%
}
#greetings-container.active{
    background:#222
}
#greetings-container .contnents{
    display:none
}
#greetings-container .contnents.active{
    display:block
}
#greetings-container .selector{
    display:none;
    position:absolute;
    top:-40px
}
#greetings-container .selector.active{
    display:block
}
#greetings-container .selector>div{
    float:left;
    line-height:40px;
    padding:0 20px;
    margin:0 0 0 5px;
    background:#222;
    color:#ccc;
    font-weight:bold;
    letter-spacing:-0.2px;
    cursor:pointer;
    border-bottom:1px solid rgba(0,0,0,0.4)
}
#greetings-container .selector>div.active{
    color:#D6B656;
    line-height:40px;
    border-bottom:1px solid rgba(0,0,0,0)
}
#greetings-container .contents-tab{
    min-height:140px;
    display:none !important
}
#greetings-container .contents-tab.active{
    display:block !important
}
#greetings-container .record-button,#greetings-container .message-send{
    background:#FFE599;
    border-radius:5px;
    height:40px;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    cursor:pointer
}
#greetings-container .greetings-icon{
    background:#FAE061;
    width:50px;
    height:50px;
    position:fixed;
    left:2.5%;
    bottom:2.5%;
    border-radius:100%;
    z-index:7;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    -webkit-transform:scale(1, 1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings-container .greetings-icon:hover{
    -webkit-transform:scale(1.2, 1.2);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings-container .greetings-icon .label{
    position:fixed;
    left:2.5%;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    margin-left:60px;
    min-width:130px
}
.g-step{
    display:none
}
.message-txt{
    background:rgba(255,255,255,0.9);
    border:1px #fff solid;
    width:98%;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    height:40px;
    overflow:hidden;
    overflow-y:scroll;
    position:relative;
    border-radius:5px
}
.message-txt:after{
    content:attr(data-lang-attr-val);
    position:absolute;
    z-index:1;
    color:rgba(0,0,0,0.6)
}
.message-txt:focus:after{
    content:''
}
.message-txt.has-text:after{
    content:''
}
#greetings{
    position:relative
}
#greetings.active{
    display:flex
}
#greetings .greetings-icon{
    background:#fff;
    width:50px;
    height:50px;
    position:fixed;
    left:2.5%;
    bottom:2.5%;
    border-radius:100%;
    z-index:7;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    -webkit-transform:scale(1, 1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings .greetings-icon:hover{
    -webkit-transform:scale(1.2, 1.2);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings .greetings-icon .label{
    position:fixed;
    left:2.5%;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    margin-left:60px;
    min-width:130px
}
#greetings.expanded{
    bottom:20%
}
@media all and (display-mode: standalone){
    #greetings{
        display:none !important
    }
}
@media all and (display-mode: fullscreen){
    #greetings{
        display:none !important
    }
}
::-webkit-scrollbar{
    display:none
}
#stream{
    max-width:1080px;
    display:block;
    margin:0 auto;
    min-height:270px;
    background:rgba(0,0,0,0.3)
}
#vp-controls.hidden{
    display:none !important
}
#vp-wrapper{
    position:relative
}
#vp-wrapper video{
    width:100% !important;
    height:auto !important
}
#vp-wrapper video.no_responsive{
    height:-webkit-fill-available !important
}
#vp-wrapper>div>.inner{
    max-width:1200px;
    margin:0 auto;
    display:block;
    overflow:hidden
}
#vp-wrapper #vp-loader{
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    top:0;
    opacity:0;
    display:flex;
    flex-direction:"row";
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    width:100%;
    opacity:1
}
#vp-wrapper #vp-no-audio-label{
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    top:0;
    opacity:0;
    opacity:1
}
#vp-wrapper #vp-no-audio-label .muted-label{
    margin:10px;
    font-family:Arial;
    font-size:14px;
    padding:5px 10px;
    background:rgba(255,255,255,0.5);
    color:#fff;
    display:inline-flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap:nowrap;
    flex-direction:row;
    border-radius:3px
}
#vp-wrapper #vp-no-audio-label .muted-label .fa{
    margin:0 10px 0 0
}
#vp-wrapper #vp-safe-battery-play{
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    top:0;
    opacity:0
}
#vp-wrapper #vp-video{
    color:#fff;
    display:flex;
    flex-direction:"row";
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    width:100%
}
#vp-wrapper #vp-video.bbg{
    background:#0a0a0a
}
#vp-wrapper #vp-video .container{
    padding:0
}
#vp-wrapper #vp-video>.inner{
    width:100%;
    max-width:1200px;
    padding:0 2%
}
#vp-wrapper #vp-controls{
    display:block;
    position:absolute;
    z-index:3;
    top:100%;
    width:100%;
    color:#fff
}
#vp-wrapper #vp-controls.hidden{
    display:none !important
}
#vp-toggle-fs{
    display:none
}
@media only screen and (min-width: 481px){
    #vp-video{
        padding:inherit
    }
    #vp-wrapper #vp-controls{
        display:none
    }
    #vp-toggle-fs{
        display:block
    }
}
@media only screen and (min-width: 769px){
    #vp-wrapper #vp-video .container{
        padding:0 2%
    }
}
*{
    -webkit-tap-highlight-color:rgba(255,255,255,0) !important;
    -webkit-focus-ring-color:rgba(255,255,255,0) !important;
    outline:none !important
}
#page-wrapper{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
#player-wrapper .inner{
    margin:0px 0 0 0;
    display:flex;
    justify-content:center;
    align-content:flex-start;
    align-items:space-between;
    flex-direction:column;
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative
}
#player-wrapper #player-video{
    width:100%;
    background:#000
}
#player-wrapper #player-video video{
    width:100%;
    max-width:980px;
    margin:0 auto
}
#player-wrapper a{
    color:#999;
    font-family:'Arial';
    font-size:16px
}
#loader{
    display:none
}
#loader.active{
    display:block;
    color:#999;
    font-family:'Arial';
    font-size:11px;
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    width:40px;
    height:40px;
    margin:-20px -20px
}
#controls{
    display:no1ne
}
.controls-bar{
    margin:20px 0;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between
}
.controls-bar>div{
    display:flex;
    align-items:flex-start
}
.controls-bar>div:nth-child(1){
    flex-basis:20%;
    justify-content:flex-start
}
.controls-bar>div:nth-child(2){
    flex-basis:60%;
    justify-content:center
}
.controls-bar>div:nth-child(3){
    flex-basis:20%;
    justify-content:flex-end
}
.control-item{
    display:inline-flex;
    cursor:pointer;
    width:50px;
    height:50px;
    border-radius:100%;
    color:rgba(255,255,255,0.3);
    border:rgba(255,255,255,0.3) 1px solid;
    justify-content:center;
    align-items:center;
    position:relative
}
*[data-controls-tooltip]:after,*[data-controls-tooltip]:before{
    -webkit-transform:scale(0, 0);
    transition:all .25s ease;
    animation-delay:1s
}
*[data-controls-tooltip]:hover:after{
    content:attr(data-controls-tooltip);
    position:absolute;
    z-index:1;
    background:#333;
    color:#ccc;
    top:130%;
    min-width:90px;
    padding:5px;
    border-radius:3px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    font-family:'Arial';
    animation:move 1s normal forwards ease-in-out;
    animation-delay:1s;
    animation-fill-mode:forwards
}
*[data-controls-tooltip]:hover:before{
    position:absolute;
    content:'';
    z-index:2;
    left:50%;
    top:130%;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 10px 10px 10px;
    border-color:transparent transparent #333 transparent;
    margin:-10px 0 0 -10px;
    animation:move 1s normal forwards ease-in-out;
    animation-delay:1s;
    animation-fill-mode:forwards
}
.control-item.clean{
    border:none
}
.control-item.clean:hover{
    border:none
}
.control-item.play{
    padding:0 0 0 3px;
    width:47px
}
.control-item:hover{
    color:#fff;
    border:#fff 1px solid
}
.control-item.hidden{
    display:none
}
.hybrid>div.hidden{
    display:none
}
.hybrid>div{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
*[data-scope="live-label"]{
    margin:0 10px
}
*[data-scope="live-label"]>img{
    width:50px;
    height:50px
}
*[data-scope="live-label"]>.txt-label{
    color:#fff;
    font-family:Arial;
    font-size:12px;
    padding-left:10px
}
input[type=range]#player-volume{
    -webkit-appearance:none;
    margin:0px 0 0 0;
    width:100%;
    min-width:100px;
    max-width:200px;
    opacity:.6
}
input[type=range]#player-volume:hover{
    opacity:1
}
input[type=range]#player-volume:focus{
    outline:none
}
input[type=range]#player-volume::-webkit-slider-runnable-track{
    width:100%;
    height:1px;
    cursor:pointer;
    animate:0.2s;
    box-shadow:none;
    background:#333;
    border:0px
}
input[type=range]#player-volume::-webkit-slider-thumb{
    box-shadow:0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border:0px solid #000000;
    height:20px;
    width:20px;
    border-radius:100%;
    background:#fff;
    cursor:pointer;
    -webkit-appearance:none;
    margin-top:-8px;
    zoom:1
}
input[type=range]#player-volume::-webkit-slider-thumb:hover{
    zoom:1.2
}
input[type=range]#player-volume::-moz-range-track{
    width:100%;
    height:12.8px;
    cursor:pointer;
    animate:0.2s;
    box-shadow:0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    background:#ccc;
    border-radius:25px;
    border:0px solid #000101
}
input[type=range]#player-volume::-moz-range-thumb{
    box-shadow:0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border:0px solid #000000;
    height:20px;
    width:39px;
    border-radius:7px;
    background:#65001c;
    cursor:pointer
}
input[type=range]#player-volume::-ms-track{
    width:100%;
    height:12.8px;
    cursor:pointer;
    animate:0.2s;
    background:transparent;
    border-color:transparent;
    border-width:39px 0;
    color:transparent
}
input[type=range]#player-volume::-ms-fill-lower{
    background:#ac51b5;
    border:0px solid #000101;
    border-radius:50px;
    box-shadow:0px 0px 0px #000000, 0px 0px 0px #0d0d0d
}
input[type=range]#player-volume::-ms-fill-upper{
    background:#ac51b5;
    border:0px solid #000101;
    border-radius:50px;
    box-shadow:0px 0px 0px #000000, 0px 0px 0px #0d0d0d
}
input[type=range]#player-volume::-ms-thumb{
    box-shadow:0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border:0px solid #000000;
    height:20px;
    width:39px;
    border-radius:7px;
    background:#65001c;
    cursor:pointer
}
input[type=range]#player-volume:focus::-ms-fill-lower{
    background:#ac51b5
}
input[type=range]#player-volume:focus::-ms-fill-upper{
    background:#ac51b5
}
#header.hidden{
    display:none
}
#header_{
    background:rgba(0,0,0,0.3);
    margin:0 0 20px 0;
    font-family:Arial;
    font-size:14px;
    width:100%;
    padding:0
}
#header_ .inner{
    margin:0px 1%;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    height:60px;
    width:98%
}
#header_ .inner>div{
    flex-basis:33.33%;
    display:flex;
    justify-content:center;
    align-items:center
}
#header_ .inner>div:nth-child(1){
    justify-content:flex-start
}
#header_ .inner>div:nth-child(2){
    justify-content:center
}
#header_ .inner>div:nth-child(3){
    justify-content:flex-end
}
#safe-battery-play{
    display:no2ne;
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0)
}
#no-audio-label{
    position:absolute;
    z-index:3;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0)
}
#footer_{
    position:fixed;
    z-index:2;
    bottom:0;
    left:0;
    margin:0;
    padding:0;
    width:100%;
    display:block
}
@media only screen and (min-width: 481px){
    #footer_{
        display:none
    }
}
#greetings-container{
    position:relative;
    margin-top:100px;
    z-index:7;
    left:0;
    bottom:0;
    display:block !important;
    width:100%
}
#greetings-container.active{
    background:#222
}
#greetings-container .contnents{
    display:none
}
#greetings-container .contnents.active{
    display:block
}
#greetings-container .selector{
    display:none;
    position:absolute;
    top:-40px
}
#greetings-container .selector.active{
    display:block
}
#greetings-container .selector>div{
    float:left;
    line-height:40px;
    padding:0 20px;
    margin:0 0 0 5px;
    background:#222;
    color:#ccc;
    font-weight:bold;
    letter-spacing:-0.2px;
    cursor:pointer;
    border-bottom:1px solid rgba(0,0,0,0.4)
}
#greetings-container .selector>div.active{
    color:#D6B656;
    line-height:40px;
    border-bottom:1px solid rgba(0,0,0,0)
}
#greetings-container .contents-tab{
    min-height:140px;
    display:none !important
}
#greetings-container .contents-tab.active{
    display:block !important
}
#greetings-container .record-button,#greetings-container .message-send{
    background:#FFE599;
    border-radius:5px;
    height:40px;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    cursor:pointer
}
#greetings-container .greetings-icon{
    background:#FAE061;
    width:50px;
    height:50px;
    position:fixed;
    left:2.5%;
    bottom:2.5%;
    border-radius:100%;
    z-index:7;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    -webkit-transform:scale(1, 1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings-container .greetings-icon:hover{
    -webkit-transform:scale(1.2, 1.2);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings-container .greetings-icon .label{
    position:fixed;
    left:2.5%;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    margin-left:60px;
    min-width:130px
}
.g-step{
    display:none
}
.message-txt{
    background:rgba(255,255,255,0.9);
    border:1px #fff solid;
    width:98%;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    height:40px;
    overflow:hidden;
    overflow-y:scroll;
    position:relative;
    border-radius:5px
}
.message-txt:after{
    content:attr(data-lang-attr-val);
    position:absolute;
    z-index:1;
    color:rgba(0,0,0,0.6)
}
.message-txt:focus:after{
    content:''
}
.message-txt.has-text:after{
    content:''
}
#greetings{
    position:relative
}
#greetings.active{
    display:flex
}
#greetings .greetings-icon{
    background:#fff;
    width:50px;
    height:50px;
    position:fixed;
    left:2.5%;
    bottom:2.5%;
    border-radius:100%;
    z-index:7;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    -webkit-transform:scale(1, 1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings .greetings-icon:hover{
    -webkit-transform:scale(1.2, 1.2);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms
}
#greetings .greetings-icon .label{
    position:fixed;
    left:2.5%;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    margin-left:60px;
    min-width:130px
}
#greetings.expanded{
    bottom:20%
}
@media all and (display-mode: standalone){
    #greetings{
        display:none !important
    }
}
@media all and (display-mode: fullscreen){
    #greetings{
        display:none !important
    }
}
/*# sourceMappingURL=app.css.map */