@import "vendor/jscroll.css";
*,
*:before,
*:after {
    box-sizing:border-box
}
@font-face{
    font-family:'chromoxomeregular';
    src:url('fonts/chromoxome-regular-webfont.woff2') format('woff2'),url('fonts/chromoxome-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'chromoxomepro_medium';
    src:url('fonts/ChromoxomePro-Medium.woff2') format('woff2'),url('fonts/ChromoxomePro-Medium.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'chromoxomepro_bold';
    src:url('fonts/ChromoxomePro-Bold.woff2') format('woff2'),url('fonts/ChromoxomePro-Bold.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'chromoxomepro_semibold';
    src:url('fonts/ChromoxomePro-SemiBold.woff2') format('woff2'),url('fonts/ChromoxomePro-SemiBold.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'mono-rgo_modularbold';
    src:url('fonts/mono-rgomodular-bold-webfont.woff2') format('woff2'),url('fonts/mono-rgomodular-bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'mono-rgo_modularsemibold';
    src:url('fonts/mono-rgomodular-semibold-webfont.woff2') format('woff2'),url('fonts/mono-rgomodular-semibold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
.align-mid{
    text-align:center
}
.align-left{
    text-align:left
}
.align-right{
    text-align:right
}
body{
    background:#0e0f1a;
    padding:0 0 65px 0;
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
*:focus{
    outline:none
}
a{
    text-decoration:none
}
figure{
    margin:0
}
.hideMe{
    display:none
}
.hidden{
    opacity:0 !important;
    -webkit-transition:opacity 200ms;
    transition:opacity 200ms
}
.disabled{
    opacity:.2
}
h1,h2,h3,h4,h5,h6,h7,.button,p.cta a{
    text-transform:uppercase;
    font-family:'chromoxomepro_semibold'
}
.white{
    color:#fff
}
.black{
    color:#0e0f1a
}
.mainNav{
    width:100%;
    border-top:1px solid rgba(255,255,255,0.2);
    position:fixed;
    z-index:103;
    bottom:0;
    display:block
}
.mainNav a{
    width:20%;
    display:block;
    float:left;
    background-color:#202230;
    color:#6b6d78;
    padding:20px 0;
    text-decoration:none;
    text-align:center
}
.mainNav a.active{
    background:#005faa;
    background:-webkit-linear-gradient(#005faa, #754ec0);
    background:linear-gradient(#005faa, #754ec0);
    color:#fff
}
.mainNav a.active .icon-hamburger-menu-1:before,
.mainNav a.active .icon-magnifier-1:before {
    content:"\e91a"
}
.mainNav a i {
    display:block;
    font-size:24px
}
.mainNav a span {
    font-family:'Source Sans Pro',sans-serif;
    font-size:14px;
    font-weight:600
}
.coronaBanner {
background-color:rgb(252,219,56);text-align:center;line-height:24px;padding:8px 20px;font-size:14px;position:relative;z-index:101;
}
.coronaBanner a {
display:inline;float:none;background:none;padding:0;text-decoration:underline;text-align:inherit;color:#0a0a0a
}
#subNav{
    top:0;
    right:-100vw;
    height:100vh;
    width:100vw;
    background:#0e0f1a;
    z-index:102;
    display:block;
    position:fixed;
    -webkit-transition:right 200ms;
    transition:right 200ms
}
#subNav.show{
    right:0;
    -webkit-transition:right 200ms;
    transition:right 200ms
}
#subNav .social{
    width:60px;
    padding-top:18px;
    float:left
}
#subNav .social a{
    color:#fff;
    display:block;
    width:100%;
    float:left;
    font-size:25px;
    text-decoration:none;
    text-align:center;
    margin-bottom:18px
}
#subNav .subNavHolder{
    height:calc(100% - 65px);
    width:calc(100% - 60px);
    float:right;
    background:#fff;
    color:#0e0f1a;
    padding:0 25px
}
#subNav .subNavHolder>ul{
    margin-top:0;
    list-style:none;
    height:100%;
    font-family:'Source Sans Pro',sans-serif;
    font-size:16px;
    font-weight:600;
    padding-left:0;
    overflow-y:auto
}
#subNav .subNavHolder>ul li.has-sub:before{
    font-family:'icomoon';
    content:"\e914";
    position:relative;
    float:right;
    right:0;
    top:18px
}
#subNav .subNavHolder>ul li.has-sub.active:before{
    content:"\e917"
}
#subNav .subNavHolder>ul li a{
    padding:20px 20px 20px 0;
    display:block;
    text-decoration:none;
    color:#0e0f1a;
    border-bottom:1px solid #cdced2
}
#subNav .subNavHolder>ul li a.active{
    color:#f60
}
#subNav .subNavHolder>ul li ul{
    display:none;
    padding:0 0 0 40px
}
#subNav .subNavHolder>ul li ul li{
    list-style:none
}
#subNav .subNavHolder>ul li ul li a{
    padding:20px 0;
    display:block;
    color:#6b6d78
}
.jspVerticalBar{
    width:8px;
    background:#fff;
    padding:5px 0 5px 4px
}
.jspTrack{
    background:#fff
}
.jspDrag{
    border-radius:4px;
    background:#6b6d78
}
.logo{
    padding-top:15px;
    padding-bottom:15px;
    text-align:center
}
.logo a>img{
    max-width:45%;
    width:45%
}
.logo .shape{
    width:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.popup{
    top:0;
    left:-100vw;
    height:100vh;
    width:100vw;
    z-index:100;
    display:block;
    position:fixed;
    -webkit-transition:left 200ms;
    transition:left 200ms
}
.popup h7{
    padding:25px;
    font-size:18px;
    text-align:center;
    display:block
}
.popup .closebtn{
    position:absolute;
    top:24px;
    right:25px;
    font-size:24px
}
.popup.show{
    left:0;
    -webkit-transition:left 200ms;
    transition:left 200ms
}
.popup form{
    height:calc(100% - 140px);
    padding-top:48%;
    background-size:80% auto,99.8% auto;
    background-image:url(../img/element_purple_1.svg),url(../img/element_blue_7.svg);
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:top right,bottom left
}
.popup form .whiteFix{
    width:92%;
    margin:0 4%;
    height:50px;
    background:#fff;
    padding:0 5px 0 15px;
    border-radius:25px
}
.popup form .whiteFix>i{
    width:24px;
    font-size:13px;
    display:inline-block
}
.popup form input[type=text]{
    width:calc(100% - 50px);
    line-height:48px;
    max-height:100%;
    border:none;
    font-family:'Source Sans Pro',sans-serif;
    font-weight:700;
    font-size:14px;
    color:#0e0f1a
}
.popup form button{
    font-size:13px
}
.popup form ::-webkit-input-placeholder{
    color:#0e0f1a
}
.popup form :-ms-input-placeholder{
    color:#0e0f1a
}
.popup form ::-moz-placeholder{
    color:#0e0f1a;
    opacity:1
}
.popup form :-moz-placeholder{
    color:#0e0f1a;
    opacity:1
}
.popup.dark{
    background:#0e0f1a
}
.popup.dark h7{
    color:#fff;
    background:#161823
}
.popup.dark .closebtn{
    color:#fff
}
.popup.light{
    background:#fff
}
.button,p.cta a{
    font-size:20px;
    line-height:20px;
    border-radius:30px;
    color:#0e0f1a;
    background:#fff;
    letter-spacing:.5px;
    padding:15px 20px;
    display:inline-block;
    -webkit-transition:background 200ms;
    transition:background 200ms
}
.button.blue,p.cta a.blue{
    background:#005faa;
    background:-webkit-linear-gradient(#005faa, #754ec0);
    background:linear-gradient(#005faa, #754ec0);
    color:#fff
}
.button.orange,p.cta a.orange{
    background:#f60;
    color:#fff
}
time{
    color:#754ec0;
    font-family:'mono-rgo_modularbold';
    font-size:14px
}
h1.pageTitle{
    color:#fff
}
h3.eventTitle{
    color:#0e0f1a;
    font-family:'chromoxomepro_medium';
    font-size:22px;
    line-height:26px;
    margin:2px 0 0 0;
    letter-spacing:.3px
}
p{
    font-size:14px;
    line-height:22px;
    font-family:'Source Sans Pro',sans-serif
}
@media screen and (min-width:48em){
    body{
        padding:0 0 100px 0
    }
    .row{
        max-width:748px
    }
    .mainNav a{
        width:14.28%
    }
    .mainNav a i{
        margin-bottom:10px
    }
    .mainNav a.search{
        padding:15px 0
    }
    .mainNav a.search i{
        margin-left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        padding-top:20px;
        background-color:#2b2e3e;
        width:68px;
        height:68px;
        border-radius:50%;
        margin-bottom:0;
        font-size:27px;
        color:#fff
    }
    #subNav{
        bottom: 100px !important;
        top: auto;
        right: -320px;
        /*height: 396px;*/
		height: 424px;
        width: 320px
    }
    #subNav .subNavHolder{
        height: 100%
    }
    #subNav .subNavHolder ul{
        margin-bottom: 0;
        height: 100%
    }
    .logo{
        padding: 20px 0
    }
    .logo a>img{
        max-width: 150px
    }
    .banner{
        margin-bottom: 30px
    }
    .banner figcaption,.banner div{
        padding: 15px
    }
    .banner figcaption p,.banner div p{
        margin:0 0 10px 0
    }
    .banner figcaption p:last-of-type,.banner div p:last-of-type{
        margin:0
    }
    .banner figcaption .button,.banner div .button{
        margin-top:15px
    }
    .banner.blue{
        background:#005faa;
        color:#fff
    }
    .banner.purple{
        background:#754ec0;
        color:#fff
    }
    .banner.grey{
        background:#202230;
        color:#fff
    }
}
@media screen and (min-width:48.1em) and (max-width:80em){
    .popup form{
        padding-top:28%;
        background-size:55% auto,100% auto;
        background-image:url(../img/element_purple_1.svg),url(../img/element_blue_5.svg)
    }
    .popup form .whiteFix{
        width:70%;
        margin:0 15%
    }
}

@media screen and (min-width:80em){
    a:hover{
        cursor:pointer
    }
    body{
        padding:100px 0 0 0
    }
    .row{
        max-width:1000px
    }
    .mainNav{
        top:0;
        height:100px;
        background-color:#202230
    }
    .mainNav .navWrap{
        width:1024px;
        margin-left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        padding-left:260px;
        display:block
    }
    .mainNav .navWrap a{
        width:100px;
        color:#fff;
        -webkit-transition:background 200ms;
        transition:background 200ms
    }
    .mainNav .navWrap a span{
        font-weight:700
    }
    .mainNav .navWrap a:not(.active) i{
        -webkit-transition:-webkit-transform 150ms;
        transition:transform 150ms
    }
    .mainNav .navWrap a:not(.active):hover{
        background:#0e0f1a
    }
    .mainNav .navWrap a:not(.active):hover i{
        -webkit-transform:translateY(-3px);
        -ms-transform:translateY(-3px);
        transform:translateY(-3px)
    }
    #subNav{
        bottom: auto;
        top: -356px;
        right: 50%;
        height: auto;
        /*max-height: 390px;*/
		max-height: 455px;
        width: 306px;
        /*margin-right: -512px;*/
		margin-right: -455px;
        -webkit-transition: top 200ms;
        transition: top 200ms
    }
    #subNav ul{
        padding:0 0
    }
    #subNav ul li a:hover{
        color:#5fc1ff;
        -webkit-transition:color 200ms;
        transition:color 200ms
    }
    #subNav.show{
        right:50%;
        top:100px;
        -webkit-transition:top 200ms;
        transition:top 200ms
    }
    #subNav .social a:hover{
        color:#f60;
        -webkit-transition:color 200ms;
        transition:color 200ms
    }
    .logo{
        position:fixed !important;
        width:240px !important;
        left:50% !important;
        margin-left:-512px !important;
        top:0 !important;
        text-align:left !important;
        z-index:104 !important;
        padding: 21px 0 !important
    }
    .logo a > img{
        max-width: 240px;
        width: 240px !important
    }
    .searchDesktop{
        float:right;
        width:180px;
        padding-top:20px
    }
    .searchDesktop input{
        height:50px;
        width:105px;
        border-radius:25px;
        border:none;
        line-height:50px;
        padding:0 30px 0 45px;
        -webkit-transition:all .5s;
        transition:all .5s;
        -webkit-transition-timing-function:cubic-bezier(.03, .86, .24, 1.35);
        transition-timing-function:cubic-bezier(.03, .86, .24, 1.35)
    }
    .searchDesktop input:focus{
        -webkit-transition:all .5s;
        transition:all .5s;
        -webkit-transition-timing-function:cubic-bezier(.03, .86, .24, 1.35);
        transition-timing-function:cubic-bezier(.03, .86, .24, 1.35);
        padding:0 45px 0 45px
    }
    .searchDesktop button{
        position:absolute;
        right:20px;
        top:40px;
        font-size:12px
    }
    .searchDesktop button:before{
        position:absolute;
        font-family:'icomoon';
        content:"\e927";
        display:block;
        font-size:20px;
        left:-148px;
        top:-4px;
        -webkit-transition:all .5s linear;
        transition:all .5s linear
    }
    .searchDesktop button:after{
        position:relative;
        width:1px;
        height:1px;
        content:''
    }
    .searchDesktop button i{
        position:absolute;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:all .5s;
        transition:all .5s;
        -webkit-transition-timing-function:cubic-bezier(.03, .86, .24, 1.35);
        transition-timing-function:cubic-bezier(.03, .86, .24, 1.35)
    }
    .searchDesktop button.active:before{
        -webkit-transition:all .5s linear;
        transition:all .5s linear;
        color:#005faa
    }
    .searchDesktop button.active i{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px);
        -webkit-transition:all .5s;
        transition:all .5s;
        -webkit-transition-timing-function:cubic-bezier(.03, .86, .24, 1.35);
        transition-timing-function:cubic-bezier(.03, .86, .24, 1.35)
    }
    .button:hover,p.cta a:hover{
        background:#f60;
        color:#fff
    }
    footer{
        padding:70px 0 0 0;
        margin-top:100px;
        background:url(../img/element_blue_5.svg) no-repeat center bottom
    }
    footer a{
        color:#fff;
        text-decoration:none
    }
    footer .social{
        padding-top:15px
    }
    footer .social a{
        display:inline-block;
        font-size:37px;
        margin:0 14px;
        -webkit-transition:all 150ms;
        transition:all 150ms
    }
    footer .social a:hover{
        color:#f60;
        -webkit-transform:translateY(3px);
        -ms-transform:translateY(3px);
        transform:translateY(3px)
    }
    footer .footerLinks{
        padding-left:0;
        list-style:none
    }
    footer .footerLinks li{
        display:inline-block
    }
    footer .footerLinks li:after{
        color:#fff;
        content:' | '
    }
    footer .footerLinks li:last-child:after{
        content:''
    }
    footer .footerLinks a{
        font-family:'Source Sans Pro',sans-serif;
        font-size:16px;
        font-weight:600;
        -webkit-transition:color 200ms;
        transition:color 200ms
    }
    footer .footerLinks a:hover{
        color:#f60
    }
    footer .credits{
        color:#fff;
        font-family:'Source Sans Pro',sans-serif;
        font-size:12px;
        font-weight:600;
        margin-bottom:20px
    }
    footer .credits a{
        color:#f60;
        text-decoration:none
    }
    footer img{
        margin-bottom:20px
    }
    #partnerSlider{
        padding:25px 0;
        width:100%;
        background:#fff
    }
    .banner{
        margin-bottom:30px
    }
    .banner figcaption,.banner div{
        padding:25px
    }
    .banner figcaption p,.banner div p{
        margin:0 0 20px 0
    }
    .banner figcaption p:last-of-type,.banner div p:last-of-type{
        margin:0
    }
    .banner figcaption .button,.banner div .button{
        margin-top:25px
    }
}
@media screen and (min-width:90em){
    .row{
        max-width:1280px
    }
    .mainNav .navWrap{
        width:1280px;
        padding-left:330px
    }
    .mainNav .navWrap a{
        width:105px
    }
    #subNav{
        width:323px
    }
    .logo{
        margin-left:-640px !important
    }
    .logo a > img{
        max-width: 240px;
        width: 240px
    }
    .searchDesktop{
        width:205px
    }
    .searchDesktop input{
        width:130px
    }
    .searchDesktop button:before{
        left:-171px
    }
}
body{
    width:100vw;
    position:fixed;
    height:100%;
    overflow-x:hidden !important;
    overflow-y:hidden !important
}
#homeBuzz{
    background:url(../img/element_purple_2.svg) no-repeat center bottom
}
#homeBuzz .buzzNav{
    margin-bottom:15px;
    border-bottom:1px solid rgba(255,255,255,0.2);
    position:relative
}
#homeBuzz .buzzNav a{
    color:#666;
    text-decoration:none;
    font-size:18px;
    font-family:'chromoxomepro_semibold';
    text-transform:uppercase;
    display:inline-block;
    margin:0 20px 0 20px
}
#homeBuzz .buzzNav a.active{
    color:#fff
}
#homeBuzz .buzzNav a:nth-of-type(1).active~.buzz-line{
    width:41px;
    margin-left:-126px
}
#homeBuzz .buzzNav a:nth-of-type(2).active~.buzz-line{
    width:71px;
    margin-left:-41px
}
#homeBuzz .buzzNav a:nth-of-type(3).active~.buzz-line{
    width:51px;
    margin-left:74px
}
#homeBuzz .buzzNav .buzz-line{
    position:absolute;
    height:4px;
    background:#005faa;
    background:-webkit-linear-gradient(left, #005faa, #754ec0);
    background:linear-gradient(to right, #005faa, #754ec0);
    left:50%;
    -webkit-transition:all .5s cubic-bezier(1, .01, 0, 1.22);
    transition:all .5s cubic-bezier(1, .01, 0, 1.22);
    bottom:0;
    margin-bottom:-2px
}
#homeBuzz #newSlide,#homeBuzz #onsaleSlide{
    display:none
}
#homeBuzz .slider figure figcaption{
    min-height:100px;
    max-height:100px
}
.slider figure{
    opacity:.4;
    margin:0 1px;
    -webkit-transition:opacity 900ms ease-in;
    transition:opacity 900ms ease-in
}
.slider figure.slick-current{
    opacity:1;
    -webkit-transition:opacity 900ms ease-in;
    transition:opacity 900ms ease-in
}
.slider figure.focus{
    -webkit-transform:translateY(-80px);
    -ms-transform:translateY(-80px);
    transform:translateY(-80px);
    -webkit-transition:-webkit-transform 250ms;
    transition:transform 250ms;
    background:#0e0f1a
}
.slider figure.focus img{
    opacity:.4
}
.slider figure.focus .flapout{
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    height:140px;
    -webkit-transition:-webkit-transform 200ms;
    transition:transform 200ms
}
.slider figure.buzzitem{
    height:242px
}
.slider figcaption{
    text-align:center;
    padding:8px 10px 10px 10px;
    background:#fff
}
.slider figcaption h3.eventTitle{
    font-size:20px
}
.slider .closeCard{
    position:absolute;
    top:10px;
    right:10px;
    font-size:24px;
    z-index:20
}
.slider .flapout{
    padding:0 15px 15px 15px;
    height:0;
    background:#fff;
    -webkit-transform:rotateX(-90deg);
    transform:rotateX(-90deg);
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transition:-webkit-transform 200ms;
    transition:transform 200ms
}
.slider .flapout .times p{
    width:50%;
    display:block;
    float:left;
    text-align:center;
    font-size:14px;
    font-family:'Source Sans Pro',sans-serif;
    margin:0 0 20px 0
}
.slider .flapout .times p span{
    font-family:'mono-rgo_modularsemibold';
    font-size:16px
}
.slider .flapout .times p.noTimesTxt{
    width:100%
}
.slider .flapout .times:after{
    content:' ';
    clear:both
}
.slider .flapout .links a{
    width:50%;
    display:block;
    float:left;
    text-align:center;
    font-family:'chromoxomepro_semibold';
    text-transform:uppercase;
    font-size:18px;
    color:#0e0f1a
}
.slider .flapout .links a.tickets{
    color:#005faa
}
.slider .flapout .links a i{
    font-size:24px
}
ul.slick-dots{
    position:relative;
    display:inline-block !important;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    list-style:none;
    text-align:center;
    padding-left:0;
    margin:15px 0
}
ul.slick-dots li{
    display:inline-block;
    margin:0 5px;
    background:#fff;
    border-radius:50%;
    width:7px;
    height:7px;
    text-indent:-99999px;
    opacity:.45
}
ul.slick-dots li:nth-of-type(1).slick-active~.active-slick-dot{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
ul.slick-dots li:nth-of-type(2).slick-active~.active-slick-dot{
    -webkit-transform:translateX(17px);
    -ms-transform:translateX(17px);
    transform:translateX(17px)
}
ul.slick-dots li:nth-of-type(3).slick-active~.active-slick-dot{
    -webkit-transform:translateX(34px);
    -ms-transform:translateX(34px);
    transform:translateX(34px)
}
ul.slick-dots li:nth-of-type(4).slick-active~.active-slick-dot{
    -webkit-transform:translateX(51px);
    -ms-transform:translateX(51px);
    transform:translateX(51px)
}
ul.slick-dots li:nth-of-type(5).slick-active~.active-slick-dot{
    -webkit-transform:translateX(68px);
    -ms-transform:translateX(68px);
    transform:translateX(68px)
}
ul.slick-dots li:nth-of-type(6).slick-active~.active-slick-dot{
    -webkit-transform:translateX(85px);
    -ms-transform:translateX(85px);
    transform:translateX(85px)
}
ul.slick-dots li:nth-of-type(7).slick-active~.active-slick-dot{
    -webkit-transform:translateX(102px);
    -ms-transform:translateX(102px);
    transform:translateX(102px)
}
ul.slick-dots li.slick-active{
    opacity:1
}
ul.slick-dots .active-slick-dot{
    position:absolute;
    bottom:0;
    width:7px;
    height:7px;
    background:#fff;
    margin:0 5px;
    border-radius:14px;
    margin-bottom:17px;
    -webkit-transition:-webkit-transform .3s ease;
    transition:transform .3s ease
}
@media screen and (min-width:21em){
    .slider figure.buzzitem{
        height:275px
    }
}
@media screen and (min-width:48em){
    body{
        width:100vw;
        position:static;
        height:auto;
        overflow-y:auto !important
    }
    .logo{
        position:absolute;
        width:325px;
        right:0;
        top:-5px;
        text-align:right;
        padding:30px 15px 0 0;
        z-index:5
    }
    .logo a>img{
        width:140px
    }
    .logo .shape{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    #homeBuzz{
        background:none
    }
    #homeBuzz .buzzNav{
        margin-bottom:30px
    }
    #homeBuzz .buzzNav a{
        font-size:24px;
        margin:0 20px 0 20px
    }
    #homeBuzz .buzzNav a:nth-of-type(1).active~.buzz-line{
        width:54px;
        margin-left:-84px
    }
    #homeBuzz .buzzNav a:nth-of-type(2).active~.buzz-line{
        width:94px;
        margin-left:-84px
    }
    #homeBuzz .buzzNav a:nth-of-type(3).active~.buzz-line{
        width:66px;
        margin-left:17px
    }
    #homeBuzz #newSlide{
        display:block
    }
    #homeBuzz #highlightSlide,#homeBuzz #onsaleSlide{
        display:none
    }
    #homeBuzz .slider figure figcaption{
        min-height:115px;
        max-height:115px;
        padding:13px 15px 15px 15px
    }
    #homeBuzz .slider figure figcaption h3{
        margin:10px 0 0 0
    }
    #homeBuzz .slider figure.buzzitem.slick-active{
        opacity:1
    }
    #homeBuzz ul.slick-dots{
        margin:20px 0
    }
    #HeaderSlider ul.slick-dots{
        margin:20px 0 15px 0
    }
    .slider figure.buzzitem{
        height:auto
    }
    .slider .closeCard{
        display:none
    }
    #homeBlocks{
        min-height:400px;
        width:100%;
        display:block
    }
    #homeBlocks .titleRow{
        border-bottom:1px solid rgba(255,255,255,0.2);
        margin-bottom:50px
    }
    #homeBlocks .mgBot{
        margin-bottom:20px
    }
    #homeBlocks h2{
        font-weight:700;
        font-size:24px;
        width:auto;
        display:inline-block;
        margin:45px 0 25px 0
    }
    #homeBlocks h2:after{
        content:'';
        background:#005faa;
        background:-webkit-linear-gradient(left, #005faa, #754ec0);
        background:linear-gradient(to right, #005faa, #754ec0);
        width:100%;
        height:4px;
        display:block;
        margin-bottom:-2px
    }
    #homeBlocks h2.noTop{
        margin:0 0 25px 0 !important
    }
    #homeBlocks h2 a{
        color:#fff
    }
    #homeBlocks .block{
        width:100%;
        height:323px;
        background:#fff;
        padding:72px 45px
    }
    #homeBlocks .block.news{
        padding:50px 40px
    }
    #homeBlocks .block.news h3{
        margin:8px 0;
        font-size:22px
    }
    #homeBlocks .block.news p{
        margin:0
    }
    #homeBlocks .block .button{
        position:relative;
        bottom:-5px;
        font-size:20px;
        margin-top:60px
    }
    #homeBlocks .bannerHome{
        background:url(../img/bg_banner_buisness.png) no-repeat;
        padding:20px 70px;
        height:150px;
        background-size:cover
    }
    #homeBlocks .bannerHome h3{
        margin:0;
        font-size:40px
    }
    #homeBlocks .bannerHome h4{
        margin:0;
        font-size:18px;
        line-height:20px;
        font-family:'chromoxomepro_medium'
    }
    #homeBlocks .bannerHome h4 a{
        text-decoration:underline
    }
    #homeBlocks .NBsignupHome{
        background:#005faa;
        background:-webkit-linear-gradient(#005faa, #754ec0);
        background:linear-gradient(#005faa, #754ec0);
        height:150px;
        padding:50px 50px;
        margin-bottom:50px
    }
    #homeBlocks .NBsignupHome input[type="email"]{
        font-size:16px;
        line-height:22px;
        padding:14px 25px;
        border-radius:30px;
        border:none;
        margin-right:20px;
        width:470px;
        font-family:'Source Sans Pro',sans-serif;
        color:#005faa
    }
    #homeBlocks .NBsignupHome ::-webkit-input-placeholder{
        color:#005faa
    }
    #homeBlocks .NBsignupHome :-ms-input-placeholder{
        color:#005faa
    }
    #homeBlocks .NBsignupHome ::-moz-placeholder{
        color:#005faa;
        opacity:1
    }
    #homeBlocks .NBsignupHome :-moz-placeholder{
        color:#005faa;
        opacity:1
    }
}
@media screen and (min-width:80em){
    .homeOnlyShape{
        position:absolute;
        z-index:10;
        top:43px;
        right:0
    }
    #homeBuzz .buzzNav a:not(.active):hover{
        color:#f60;
        -webkit-transition:color 200ms;
        transition:color 200ms
    }
    #homeBuzz .slider figure.buzzitem:hover figcaption{
        padding:15px 15px 15px 15px;
        -webkit-transition:all .4s linear;
        transition:all .4s linear
    }
    #homeBuzz figure.buzzitem figcaption{
        min-height:135px !important;
        max-height:135px !important;
        padding:25px 15px 15px 15px
    }
    #homeBuzz figure.buzzitem figcaption h3{
        font-size:28px
    }
    .slider figure.buzzitem,.slider figure.headerSlide{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        -webkit-transition:-webkit-transform 200ms;
        transition:transform 200ms
    }
    .slider figure.buzzitem:hover figcaption,.slider figure.headerSlide:hover figcaption{
        padding:2px 15px 10px 15px;
        -webkit-transition:all .3s linear;
        transition:all .3s linear
    }
    .slider figure.buzzitem:hover figcaption h3,.slider figure.headerSlide:hover figcaption h3{
        -webkit-transition:all .4s linear;
        transition:all .3s linear;
        -webkit-transform:translateY(4px);
        -ms-transform:translateY(4px);
        transform:translateY(4px);
        -webkit-transform:translate3d(0, 4px, 0);
        transform:translate3d(0, 4px, 0);
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-filter:blur(0);
        filter:blur(0)
    }
    .slider figure.buzzitem:hover figcaption:after,.slider figure.headerSlide:hover figcaption:after{
        -webkit-transform:translateY(-7px);
        -ms-transform:translateY(-7px);
        transform:translateY(-7px);
        -webkit-transition:all .3s linear;
        transition:all .4s linear
    }
    .slider figure.buzzitem:hover figcaption:before,.slider figure.headerSlide:hover figcaption:before{
        right:15px;
        -webkit-transition:all .3s linear;
        transition:all .3s linear
    }
    .slider figure.buzzitem figcaption,.slider figure.headerSlide figcaption{
        -webkit-transition:all .3s linear;
        transition:all .3s linear
    }
    .slider figure.buzzitem figcaption h3,.slider figure.headerSlide figcaption h3{
        -webkit-transition:all .3s linear;
        transition:all .3s linear;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-filter:blur(0);
        filter:blur(0)
    }
    .slider figure.buzzitem figcaption:after,.slider figure.headerSlide figcaption:after{
        position:absolute;
        content:'';
        bottom:-7px;
        height:7px;
        width:100%;
        left:0;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        background:-webkit-linear-gradient(left, #005faa, #754ec0);
        background:linear-gradient(to right, #005faa, #754ec0);
        -webkit-transition:all .3s linear;
        transition:all .3s linear
    }
    .slider figure.buzzitem figcaption:before,.slider figure.headerSlide figcaption:before{
        position:absolute;
        content:'\e916';
        font-family:'icomoon';
        font-size:11px;
        speak:none;
        bottom:0;
        right:-30px;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        margin-bottom:34px;
        color:#0e0f1a;
        -webkit-transition:all .3s linear;
        transition:all .3s linear
    }
    .slider figure.buzzitem figcaption:before{
        margin-bottom:24px
    }
    .slider figure.buzzitem:hover,.slider figure.headerSlide:hover{
        -webkit-transform:translateY(-5px);
        -ms-transform:translateY(-5px);
        transform:translateY(-5px);
        -webkit-transition:-webkit-transform 200ms;
        transition:transform 200ms
    }
    .slider figure.headerSlide figcaption{
        min-height:95px !important;
        max-height:95px !important
    }
    .slider figure.buzzitem figcaption{
        min-height:135px !important;
        max-height:135px !important;
        padding:25px 15px 15px 15px
    }
    .slider figure.buzzitem figcaption h3{
        font-size:28px
    }
    .slider figure.headerSlide figcaption h3{
        font-size:35px;
        margin-top:10px
    }
    #homeBlocks h2.noTop{
        margin:45px 0 25px 0 !important
    }
    #homeBlocks .block{
        height:213.3px;
        background:#fff;
        padding:40px 20px
    }
    #homeBlocks .block.news{
        padding:15px 15px
    }
    #homeBlocks .block.news h3{
        margin:8px 0;
        font-size:19px
    }
    #homeBlocks .block.news p{
        margin:0
    }
    #homeBlocks .block .button{
        position:relative;
        bottom:-5px;
        font-size:16px;
        margin-top:25px
    }
    #homeBlocks .bannerHome{
        padding:20px
    }
    #homeBlocks .NBsignupHome{
        padding:50px 20px
    }
    #homeBlocks .NBsignupHome input[type="email"]{
        font-size:16px;
        line-height:22px;
        padding:14px 15px;
        border-radius:30px;
        border:none;
        margin-right:20px;
        width:290px;
        font-family:'Source Sans Pro',sans-serif;
        color:#005faa
    }
    .sponsorsLink{
        text-align:center;
        padding:0 20px
    }
    .sponsorsLink img {
		filter:grayscale(1);
		width: auto;
		height: auto;
		max-height: 88px;
        margin-top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        -webkit-transition:-webkit-transform 150ms;
        transition:transform 150ms
    }
    .sponsorsLink:hover img{
        -webkit-transform:translateY(-50%) scale(1.1);
        -ms-transform:translateY(-50%) scale(1.1);
        transform:translateY(-50%) scale(1.1)
    }
}
@media screen and (min-width:90em){
    #homeBlocks{
        min-height:400px;
        width:100%;
        display:block
    }
    #homeBlocks .block{
        width:100%;
        height:276px;
        background:#fff;
        color:#0e0f1a;
        padding:50px 30px
    }
    #homeBlocks .block.news{
        padding:20px 40px
    }
    #homeBlocks .block.news h3{
        font-size:22px;
        margin:20px 0
    }
    #homeBlocks .block.news p{
        margin:0
    }
    #homeBlocks .block .button{
        font-size:20px;
        margin-top:65px
    }
    #homeBlocks .bannerHome{
        padding:25px 40px
    }
    #homeBlocks .NBsignupHome input[type="email"]{
        width:427px
    }
    ul.slick-dots li:hover{
        cursor:pointer;
        background:#5fc1ff;
        -webkit-transition:background 200ms;
        transition:background 200ms
    }
}