html,body{
    margin:0;
    padding:0;
    border:0;
    background-color:#ffffff;
    -webkit-font-smoothing:antialiased
}
html{
    font-size:62.5%;
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:100%;
    height:100%
}
body{
    line-height:21px;
    font-size:13px;
    color:#444444;
    font-family:'Noto Sans', sans-serif;
    min-height:100%
}
.med{
    -webkit-font-smoothing:antialiased
}
.bold,strong{
    -webkit-font-smoothing:antialiased
}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{
    display:block
}
form{
    margin:0;
    padding:0
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline
}
button,input{
    line-height:normal;
    -webkit-appearance:none;
    border-radius:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    cursor:pointer;
    -webkit-appearance:button
}
input[type="search"]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
textarea{
    overflow:auto;
    vertical-align:top;
    border: 1px solid #b3b3b3;
}
select,input[type=file]{
    height:27px;
    height:auto;
    line-height:27px
}
input[type=password]:focus,input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,textarea:focus{
    outline:none
}
input[type=checkbox],input[type=radio]{
    height:16px;
    line-height:16px;
    vertical-align:middle
}
input[type=checkbox]{
    -webkit-appearance:checkbox
}
input[type=file]{
    cursor:pointer;
    border:none;
    box-shadow:none;
    padding:0;
    margin:0
}
input[type=submit]{
    cursor:pointer
}
select{
    font-size:1em;
    display:inline-block;
    color:#222;
    vertical-align:top;
    height:27px;
    line-height:27px;
    padding:2px;
    padding:initial;
    border:1px solid #ccc;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0
}
@-moz-document url-prefix(){
    select{
        padding:0px
    }
}
select:focus,select.focus{
    outline:none;
    border:1px solid #4c90ee;
    -webkit-box-shadow:0px 0px 2px 1px rgba(76,144,238,0.3) inset,0px 0px 2px 0px rgba(76,144,238,0.2);
    -moz-box-shadow:0px 0px 2px 1px rgba(76,144,238,0.3) inset,0px 0px 2px 0px rgba(76,144,238,0.2);
    box-shadow:0px 0px 2px 1px rgba(76,144,238,0.3) inset,0px 0px 2px 0px rgba(76,144,238,0.2)
}
textarea{
    min-height:72px
}
img{
    max-width:100%;
    border:0;
    -ms-interpolation-mode:bicubic
}
ul,ol{
    margin:0;
    padding:0
}
ul li{
    margin-bottom:5px
}
ul{
    list-style:none
}
.documentation-header{
    margin-bottom:30px !important
}
h1,h2,h3,h4,h5,h6{
    font-family:'Lato', sans-serif;
    margin:0 0 13px 0
}
h1{
    font-weight:400;
    font-size:30px;
    line-height:40px
}
h2{
    font-weight:400;
    font-size:21px;
    line-height:25px
}
h3{
    font-weight:400;
    font-size:16px;
    line-height:21px
}
h4{
    font-size:15px;
    line-height:18px
}
h5{
    font-size:12px;
    line-height:18px
}
h6{
    font-size:10px;
    line-height:18px;
    text-transform:uppercase
}
h1 .note,h2 .note,h3 .note,h4 .note,h5 .note,h6 .note{
    margin-left:8px;
    font-weight:400;
    font-size:12px
}
h1 .note a,h2 .note a,h3 .note a,h4 .note a,h5 .note a,h6 .note a{
    color:#ffffff
}
.underline{
    text-decoration:underline
}
a{
    color:#444;
    text-decoration:none
}
a.btn,input.btn{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    display:inline-block;
    height:36px;
    line-height:36px;
    border:none;
    margin:0;
    padding:0 12px;
    color:#ffffff;
    font-size:13px;
    text-transform:none;
    width:auto
}
.btn.secondary{
    transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -webkit-transition:.25s ease-in-out;
    -webkit-font-smoothing:antialiased;
    font-size:12px;
    background:#999;
    color:#fff;
    border:none;
    font-family:'Noto Sans', sans-serif;
    margin-top:0;
    height:27px;
    line-height:29px;
    padding:0 23px;
    border-radius:30px;
    text-transform:uppercase;
    text-align:center;
    display:inline-block
}
a.btn:hover:disabled,input.btn:hover:disabled{
    -moz-opacity:0.20;
    opacity:.20;
    filter:alpha(opacity=20);
    cursor:default
}
input.disabled.btn:hover{
    background-color:#ffffff;
    color:#fff
}
.btn:disabled,.disabled{
    -moz-opacity:0.20;
    opacity:.20;
    filter:alpha(opacity=20);
    cursor:default
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#444444
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
    opacity:0.8
}
.accent-color{
    color:#ffffff !important
}
#product .add-to-cart .icon,a.btn,input.btn,.searchform input.submit,.cart-summary a .icon{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
#zoom-image{
    -webkit-border-radius:0 2px 0 0;
    -moz-border-radius:0 2px 0 0;
    border-radius:0 2px 0 0
}
#contact_form input[type="submit"],.button,.mimi_field .submit{
    transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -webkit-transition:.25s ease-in-out;
    -webkit-font-smoothing:antialiased;
    font-size:13px;
    color:#ffd200;
    border:none;
    font-family:'Noto Sans', sans-serif;
    margin-top:10px;
    padding:5px 30px 4px;
    border-radius:4px;
    text-transform:uppercase;
    text-align:center;
    display:inline-block
}
.page-with-contact-form .cd-tabs-content>li{
    width:95%;
    margin-left:auto;
    margin-right:auto
}
.btnyellow{
    background:#ffd200;
    color:#444
}
.btnyellow:hover,.btnwhite:hover,.btngrey:hover,input[type="submit"]:hover{
    opacity:0.7
}
.btnwhite{
    background:#fff;
    color:#000
}
.btngrey{
    background:#444;
    color:#fff;
    box-sizing:border-box;
    min-width:80%
}
table:not(.picker__table):not(.different){
    width:100%;
    border-spacing:0
}
table:not(.picker__table):not(.different) tr td,table:not(.picker__table):not(.different) tr th{
    padding:10px;
    text-align:left
}
table:not(.picker__table) tr td:first-child,table:not(.picker__table) tr th:first-child{
    padding-left:0px
}
table:not(.picker__table) tr td:last-child,table:not(.picker__table) tr th:last-child{
    padding-right:0px
}
strong{
    font-weight:bolder
}
em{
    font-style:italic
}
.icon-social{
    float:left;
    display:block;
    width:32px;
    height:32px;
    overflow:hidden;
    text-indent:-9999px;
    margin-right:10px;
    margin-bottom:10px
}
.icon-social{
    background:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/social-icons-light-bg.png?8585075586381506754") no-repeat
}
.icon-social{
    filter:alpha(opacity=50);
    -khtml-opacity:0.5;
    -moz-opacity:0.5;
    opacity:0.5
}
.icon-social:hover{
    filter:alpha(opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1
}
.icon-social.twitter{
    background-position:0 0
}
.icon-social.facebook{
    background-position:-50px 0
}
.icon-social.youtube{
    background-position:-100px 0
}
.icon-social.atom{
    background-position:-150px 0
}
.icon-social.instagram{
    background-position:-200px 0
}
.icon-social.pinterest{
    background-position:-250px 0
}
.icon-social.vimeo{
    background-position:-300px 0
}
.icon-social.tumblr{
    background-position:-350px 0
}
.icon-social.google{
    background-position:-400px 0
}
.icon-facebook{
    float:left;
    margin-top:1px;
    width:40px;
    overflow:hidden
}
.social{
    width:100%;
    margin:0;
    text-align:center
}
.social #social{
    display:inline-block
}
#social .google-plus,#product .tweet-btn,#product .pinterest,#product .facebook-like,#collection .google-plus,#collection .tweet-btn,#collection .pinterest,#collection .facebook-like{
    display:block;
    float:left;
    margin-right:10px
}
#social .share-this{
    float:left;
    margin:0 10px 0 0
}
.credit-cards{
    margin:0 auto;
    list-style:none outside none;
    text-align:center
}
.credit-cards li{
    display:inline;
    margin-right:10px
}
.tags{
    margin:0 0 0 12px;
    padding:0;
    right:24px;
    bottom:-12px;
    list-style:none
}
.tags li{
    margin-bottom:5px !important
}
.tags li,.tags a{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px
}
.tags a{
    margin:0 15px 15px 0;
    padding:0 10px 0 12px;
    background:#e0e0e0;
    color:#666666;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px
}
.tags a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #e0e0e0 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0
}
.tags a:after{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff
}
.tags a:hover,.tags li.active a{
    background:#CCCCCC;
    color:#333333
}
.tags a:hover:before,.tags li.active a:before{
    border-color:transparent #CCCCCC transparent transparent
}
.row:before,.row:after,.clearfix:before,.clearfix:after{
    content:"\0020";
    display:block;
    height:0;
    visibility:hidden
}
.clearfix:after,.row:after{
    clear:both
}
.clearfix,.row{
    zoom:1
}
.p0{
    margin-bottom:0px !important
}
.p5{
    margin-bottom:5px !important
}
.p10{
    margin-bottom:10px !important
}
.p15{
    margin-bottom:15px !important
}
.p20{
    margin-bottom:20px !important
}
.p25{
    margin-bottom:25px !important
}
.p30{
    margin-bottom:30px !important
}
.p40{
    margin-bottom:40px !important
}
.p50{
    margin-bottom:50px !important
}
.p60{
    margin-bottom:60px !important
}
.box{
    overflow:hidden
}
.fr{
    float:right !important
}
.fl{
    float:left !important
}
.fn{
    float:none !important
}
.tr{
    text-align:right !important
}
.tl{
    text-align:left !important
}
.tc{
    text-align:center !important
}
.hidden{
    display:none !important
}
.border-top{
    border-top:1px solid #dddddd
}
.border-right{
    border-right:1px solid #dddddd
}
.border-bottom{
    border-bottom:1px solid #dddddd
}
.border-left{
    border-left:1px solid #dddddd
}
.display-table{
    display:table !important;
    width:100%
}
.display-table-cell{
    display:table-cell !important;
    vertical-align:middle
}
.table{
    display:table;
    margin:0 auto
}
.fixed{
    position:fixed
}
hr.divider{
    margin:30px 0;
    background:#dddddd;
    height:1px;
    border:0;
    width:100%;
    display:inline-block
}

.wrapper{
    width:100%;
    margin:0 auto;
    padding:0
}
.toolbar-wrapper{
    height:55px;
    background:#000;
    position:relative
}
#transparency{
    position:relative;
    z-index:1
}
#transparency>.row:before,#transparency>.row:after{
    content:"";
    display:table
}
#transparency>.row:after{
    clear:both
}
#transparency>.row{
    zoom:1
}
.toolbar{
    width:100%;
    margin:0 auto
}
footer{
    margin:0 auto
}
footer .bigbox{
    display:flex;
    border-bottom:solid 1px #555;
    margin-bottom:10px;
    padding-bottom:60px
}
footer ul.unstyled{
    overflow:hidden;
    font-size:12px;
    line-height:18px;
    padding:20px 0 0;
    width:282px;
    margin:0 auto
}
footer ul.unstyled li{
    float:left;
    text-transform:uppercase;
    margin-right:20px
}
footer ul.unstyled li a{
    color:#ffd200
}
.iconredisplayfer{
    width:60px
}
.footerblack .bigbox{
    border-bottom:solid 1px #dcc019
}
.footerblack ul.unstyled li a{
    color:#000
}
.footerblack p{
    color:#ffd200
}
.footer-wrapper{
    background:#ededed;
    margin-top:0
}
.row{
    margin:0 0 30px 0
}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
    display:block;
    float:left;
    margin:0 15px
}
.inner-left{
    margin-left:0px !important
}
.inner-right{
    margin-right:0px !important
}
.span1{
    width:53px
}
.span2{
    width:136px
}
.span3{
    width:219px
}
.span4{
    width:302px
}
.span5{
    width:385px
}
.span6{
    width:468px
}
.span7{
    width:551px
}
.span8{
    width:634px
}
.span9{
    width:717px
}
.span10{
    width:800px
}
.span11{
    width:883px
}
.span12{
    width:966px
}
ul.unstyled,ol.unstyled{
    margin:0;
    list-style:none outside none
}
ul.unstyled>li,ol.unstyled>li{
    list-style:none
}
ul.horizontal>li,ol.horizontal>li{
    display:block;
    float:left
}
ul.horizontal-inline,ol.horizontal-inline{
    text-align:center
}
ul.horizontal-inline>li,ol.horizontal-inline>li{
    display:inline;
    margin:0 5px
}
ul.expanded>li,ol.expanded>li{
    margin-bottom:10px
}
.toolbar{
    color:#fff;
    font-size:1em;
    float:none !important;
    max-width:1200px;
    margin:0 auto
}
.toolbar>ul>li{
    height:55px;
    padding-left:0px;
    line-height:55px;
    list-style:none;
    padding-right:0px;
    margin-bottom:0 !important;
    display:inline-block;
    vertical-align:top
}
.toolbar .toolbar-wide-click{
    padding:5px 15px
}
.toolbar a{
    color:#dedede;
    display:flex
}
.toolbar a:hover{
    color:rgba(255,255,255,0.9)
}
.toolbar .search_box{
    background:transparent;
    height:34px;
    width:45px;
    padding:0 10px 0 31px;
    border:none;
    vertical-align:middle;
    line-height:normal;
    color:#444444 !important;
    border-radius:3px;
    box-shadow:none;
    margin-top:-3px;
    transition:all 0.3s ease-in-out;
    font-size:15px
}
.toolbar .search_box:focus{
    background:rgba(0,0,0,0.05);
    width:150px
}
.toolbar #go{
    position:absolute;
    width:14px;
    height:14px;
    border:none;
    margin:19px 0 0 4px;
    box-shadow:none
}
.toolbar .or{
    color:#888
}
.toolbar-customer{
    padding-left:0 !important
}
.toolbar li.search-field{
    padding-right:0
}
#cart-animation{
    width:25px;
    height:25px;
    border-radius:50%;
    position:absolute;
    display:block;
    z-index:15;
    text-align:center;
    line-height:25px;
    background:#444 !important;
    color:#fff !important;
    font-weight:bold;
    border:3px solid #444;
    font-size:16px
}
.cart-count{
    color:#5b5b5b;
    width:16px;
    height:16px;
    text-align:center;
    transition:opacity 0.2s ease-out
}
.has-items .cart-count{
    opacity:1
}
.desktop-navbar>li{
    box-sizing:border-box;
    float:left;
    display:block
}
#menu>li{
    float:left
}
.desktop-navbar{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    display:flex;
    justify-content:space-between
}
.slicknav_menu .logoimg{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto
}
.slicknav_menu .cart-mobile-top{
    position:absolute;
    right:0px;
    margin:6px;
    padding:6px;
    text-align:right
}
#mobile-menu .slicknav_btn{
    float:left;
    margin:8px 0px
}
.logo{
    max-width:966px
}
.logo a img,.logo h1 a{
    display:block;
    margin:0 auto
}
.logo h1{
    text-align:center
}
.logo{
    padding:40px 0 60px 0
}
.logo h1{
    margin:0;
    border:0
}
.logo h1 a{
    text-decoration:none;
    font-size:58px;
    line-height:58px;
    color:#444444;
    margin:0;
    padding:0;
    border:0;
    font-weight:bold
}
.logo a,.logo img{
    display:block;
    margin:0
}
.navbar-fixed{
    position:fixed;
    top:0;
    opacity:1
}
.navbar-fixed:hover{
    opacity:1
}
.navbar-fixed ~ nav{
    position:fixed;
    top:55px
}
nav{
    position:relative
}
nav>ul>li{
    margin-bottom:0
}
nav>ul>li>a{
    text-decoration:none;
    color:#fff;
    font-size:14px
}
nav>ul>li.dropdown>a{
    padding-right:15px;
    margin-right:10px;
    background:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/arrow-dark.png?8585075586381506754") no-repeat 100% 50%
}
nav>ul>li.dropdown>.dropdown{
    background:#fff;
    list-style:none outside none;
    padding:5px 15px;
    display:none;
    position:absolute;
    min-width:180px;
    z-index:99999;
    top:100%;
    left:0%;
    margin-left:15px;
    border:1px solid #dddddd
}
nav>ul>li.dropdown li{
    list-style:none;
    font-size:13px;
    line-height:30px
}
nav>ul>li.dropdown li a{
    line-height:30px;
    height:30px;
    font-size:15px;
    color:#ffffff
}
nav>ul>li.dropdown>.dropdown{
    margin-left:0
}
nav>ul{
    text-align:center
}
nav>ul>li{
    display:block;
    padding:0;
    text-align:right;
    text-transform:uppercase;
    float:none
}
nav>ul>li.dropdown>.dropdown{
    text-align:left
}
nav>ul>li.dropdown>.dropdown>li{
    display:block
}
nav>ul>li .toolbar-wide-click{
    padding:10px 0px;
    margin-right:5px
}
nav>ul>li .toolbar-wide-click:hover{
    background-color:#000
}
nav.mobile{
    display:none;
    border:none
}
nav.mobile select{
    height:30px;
    line-height:30px;
    width:100%
}
.mobile-navbar{
    display:none
}
.mobile{
    display:none
}
@media screen and (max-width: 768px){
    .desktop-navbar{
        display:none
    }
    .mobile-navbar{
        display:block
    }
    .mobile{
        display:initial
    }
    .not-mobile{
        display:none !important
    }
}
@media screen and (min-width: 768px){
    .mobile{
        display:none !important
    }
    .not-mobile{
        cursor:default
    }
}
.langselect{
    width:50px
}
.storeselect{
    width:60px
}
.langbox{
    background:#000;
    text-align:center;
    line-height:32px;
    height:70px;
    display:none
}
.storebox{
    background:#000;
    line-height:32px;
    width:200px;
    height:70px;
    display:none
}
.sidenav{
    text-align:right;
    color:#fff;
    background:#1a1a1a;
    position:fixed;
    top:53px;
    right:-160px;
    width:120px;
    padding:10px 20px 0 20px;
    height:100vh
}
.pointer{
    cursor:pointer
}
.sidenav .follow{
    font-size:11px;
    text-transform:uppercase;
    margin:100px 0 30px 0
}
.follow i{
    font-size:20px;
    margin:10px 0 0 10px
}
.follow a{
    color:#fff
}
.copyright-mobile{
    display:none
}
.copyright-desktop{
    display:block;
    overflow:hidden
}
.copyright-desktop,.copyright-mobile{
    padding-bottom:20px;
    font-size:11px;
    line-height:17px;
    color:#5e5d5d;
    border-top:1px solid #ccc;
    padding-top:20px;
    margin-top:20px
}
.copyright-desktop ul,.copyright-mobile ul,.copyright-desktop li,.copyright-mobile li{
    display:inline-block
}
.copyright-desktop ul,.copyright-mobile ul{
    padding-left:20px;
    border-left:1px solid #ececec
}
.copyright-desktop li,.copyright-mobile li{
    padding:0 10px
}
.copyright-desktop a,.copyright-mobile a{
    color:#5e5d5d
}
.copyright-desktop span,.copyright-mobile span{
    margin-right:20px
}
.copyright-width{
    position:relative;
    max-width:1200px;
    margin:0 auto
}
.copyright-width span{
    position:absolute;
    top:0
}
.copyright-width ul{
    display:block;
    text-align:center;
    padding:0
}
.logoimg{
    width:165px;
    vertical-align:middle;
    padding-left:0 !important
}
footer{
    padding:50px 0;
    max-width:1200px
}
footer>.row>.span12{
    padding:30px 0 0
}
footer>.row{
    display:flex;
    align-items:center
}
footer>.row div:nth-child(2){
    align-self:flex-start
}
footer .row{
    margin-bottom:0
}
.partners p {font-size: 21px;font-family: 'Lato', sans-serif;margin-bottom: 25px;}

footer span {
    font-weight:bold;font-size:16px;margin-bottom: 13px;display: block;font-family: 'Lato', sans-serif;color: #444;
}
footer h4{
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    line-height: 20px;
}
footer ul li{
    margin-bottom:5px
}
.newsletter{
    display:block;
    margin:0 auto
}
footer #mail{
    width:168px;
    margin-right:15px;
    margin-bottom:10px
}
footer .tweet ul li{
    margin-bottom:20px
}
footer .tweet_list{
    list-style:none;
    margin:0
}
footer .tweet_avatar{
    display:none
}
footer .tweet_time{
    display:none
}
footer .tweet_text a{
    color:#444444 !important
}
.footersection{
    display:flex;
    font-size:12px;
    line-height:18px;
    color:#b5b5b5;
    margin-bottom:30px;
    padding-right:100px !important
}
.footersection h2{
    font-size:17px;
    line-height:23px;
    margin:0 0 10px 0;
    color:#5e5d5d;
    font-weight:bold
}
.footersection a{
    color:white;
    font-weight:600
}
.footersection-icon{
    flex-shrink:0;
    margin-right:10px
}
.footercopy{
    margin-left:25px
}
.footer-wrappery .footersection{
    color:#fff
}
#footer-nav-links{
    width:100%
}
#footer-nav-links .mobile-footer-nav{
    display:none
}
#footer-nav-links ul{
    list-style-type:none;
    margin:0 auto;
    text-align:center
}
#footer-nav-links li{
    width:auto
}
#footer-nav-links li a div{
    text-align:left;
    padding:5px 20px 5px 50px;
    color:#5e5d5d
}
#footer-nav-links li a div:hover{
    color:rgba(0,0,0,0.5)
}
#footer-nav-links a div, #footer-nav-links a {
    display:inline-block;
    color:#444;
    font-size:13px;
    padding: 2px 0;
}
#footer-nav-links a:hover{
    opacity:0.8
}
#footer-lang-links{
    margin-top:30px
}
#footer-lang-links>.col{
    padding:0
}
#footer-lang-links ul{
    display:flex;
    justify-content:center
}
#footer-lang-links ul li{
    margin:0 20px
}
#footer-lang-links ul li a{
    color:#5e5d5d
}
#footer-lang-links h2{
    color:#000
}
#rhino-shield-home .footer-wrappery{
    background-color:#ffd101;
    margin-top:20px
}
#rhino-shield-home .footer-wrappery a div{
    color:black
}
#pre-pre-order-form .row{
    margin:0 0 10px 0
}
#pre-pre-order-form .input-field label.active{
    left:0
}
#pre-pre-order-form input[type=text],#pre-pre-order-form input[type=email]{
    height:30px;
    border:1px solid #b3b3b3;
    box-shadow:none
}
#pre-pre-order-form input[type=text]:focus:not([readonly]),#pre-pre-order-form input[type=email]:focus:not([readonly]){
    box-shadow:none
}
#pre-pre-order-form input[type=text]:focus:not([readonly])+label,#pre-pre-order-form input[type=email]:focus:not([readonly])+label{
    color:#FFCE00
}
#pre-pre-order-form input[type=submit]{
    width:100%;
    height:34px
}
#pre-pre-order-form hr{
    border:none;
    height:1px;
    background-color:#b3b3b3
}
#pre-pre-order-form .separate-line,#pre-pre-order-form .separate-line .input-field{
    margin:-5px 0 0 0
}
#newsletter-footer-signup{
    margin:0 auto;
    padding:0 30px 30px
}
#newsletter-footer-signup label,#newsletter-footer-signup input{
    display:inline-block;
    vertical-align:middle
}
#newsletter-footer-signup .submit{
    height:44px;
    margin-top:0
}
#newsletter-footer-signup input[type=text]{
    margin-bottom:0;
    border:1px solid #bebebe;
    height:2.5em;
    background-color:#fff
}
#newsletter-footer-signup .row{
    margin:0
}
.social-links-area{
    display:flex;
    margin:0 30px
}
.social-links-area li{
    margin-right:10px
}
.social-links-area img{
    width:25px;
    height:25px
}
.mobile-subscribe{
    display:none
}
@media only screen and (max-width: 1200px){
    footer{
        padding:50px 20px
    }
    #search{
        padding:20px 30px
    }
    .copyright-width{
        padding:0 30px
    }
    .copyright-width span{
        position:relative;
        text-align:center;
        display:block;
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px){
    .footer-wrapper{
        padding-top:20px;
        background-color:#ededed
    }
    footer{
        padding:0
    }
    footer>.row{
        display:block
    }
    footer>.row div:nth-child(2){
        align-self:center;
        margin:0
    }
    footer .footersection{
        padding:0 20px 15px !important;
        border-bottom:1px solid #ececec;
        margin-bottom:25px
    }
    footer .footercopy h2{
        font-size:1em
    }
    footer .footercopy p{
        display:none
    }
    footer #footer-nav-links{
        padding:0 30px;
        border:none
    }
    footer #footer-nav-links>.col{
        display:none
    }
    footer #footer-nav-links a div{
        display:block
    }
    footer #footer-nav-links ul:not(.social-links-area){
        display:none
    }
    footer #footer-nav-links .mobile-footer-nav{
        display:block;
        padding:30px 0
    }
    footer #footer-nav-links .mobile-footer-nav div{
        padding:5px 0;
        color:#5e5d5d
    }
    .mobile-subscribe{
        display:block
    }
    .social-links-area{
        padding:0
    }
    .copyright-desktop{
        display:none
    }
    .copyright-mobile{
        display:block;
        text-align:center
    }
    .copyright-mobile span{
        margin:0;
        display:block
    }
    .copyright-mobile ul{
        padding:10px 0 0 0;
        border:none
    }
}
@media only screen and (max-width: 601px){
    .social-links-area{
        justify-content:space-around
    }
}
.intro{
    padding-top:20px
}
.intro h2{
    font-size:32px;
    margin-bottom:20px
}
.intro h3{
    font-size:14px;
    line-height:27px
}
.intro h3 a{
    color:#ffffff !important
}
.featured-product .display-table-cell:first-child{
    padding-right:40px
}
.featured-product h2{
    margin-bottom:8px
}
.featured-product .price{
    opacity:0.5;
    font-size:18px;
    margin-bottom:10px;
    display:block
}
.featured-product-description{
    line-height:24px
}
.featured-product-header{
    opacity:0.5;
    font-size:11px;
    text-transform:uppercase
}
.featured-product-image{
    width:50%
}
.featured-product-image img{
    width:100%
}
.product{
    position:relative;
    margin-bottom:20px;
    /*float:left*/
}
.product .image{
    position:relative;
    overflow:hidden;
    z-index:1;
    margin:0 0 8px
}
.product .image a{
    text-align:center
}
.product .image:not(.is-loading) a:hover{
    opacity:1 !important
}
.image a#placeholder.zoom,.thumbs .image a{
    text-align:center
}
.product .image.loading{
    background-position:50% 50%
}
.product img{
    max-height:215px;
    width:auto;
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:opacity 0.15s;
    -moz-transition:opacity 0.15s;
    transition:opacity 0.15s
}
.product img,.product .image a{
    display:block;
    margin:0 auto
}
.product a{
    text-decoration:none
}
.product .details{
    width:100%;
    text-align:center;
    margin-top:5px !important
}
.product .details a{
    display:block;
    padding:5px 0
}
.playproof-collection .products .product .title,.products .product .vendor{
    display:none
}
.products .product .title,.products .product .vendor{
    margin:0 auto 10px !important;
    line-height:19px;
    font-size:14px;
    font-weight:bold
}
.product .title{
    font-size:15px
}
.product .vendor{
    font-size:13px;
    margin-bottom:2px
}
.product .circle.sale,#product .circle.sale{
    background-color:#ffd200;
    opacity:.9;
    filter:alpha(opacity=90);
    -webkit-font-smoothing:subpixel-antialiased
}
.breadcrumb{
    font-size:1em;
    margin:0 0 0 0
}
.breadcrumb .arrow-space{
    margin:-2px 6px 0;
    font-size:10px;
    opacity:.5;
    filter:alpha(opacity=50);
    color:#000
}
.breadcrumb a{
    color:#444444
}
.purchase-price h2.price{
    margin:0 0 10px;
    display:block;
    font-size:24px !important;
    font-family:'Noto Sans', sans-serif;
    -webkit-font-smoothing:antialiased
}
.details .price{
    font-size:1.5em;
    font-family:'Noto Sans', sans-serif;
    -webkit-font-smoothing:antialiased
}
.details .price del{
    font-size:20px
}
#product .featured{
    margin-bottom:10px;
    width:100%
}
#product .featured img{
    max-width:100%;
    max-height:100%;
    height:auto;
    margin:auto
}
#product .description{
    margin-bottom:60px;
    margin-top:60px;
    float:left;
    width:100%
}
#product .thumbs .image{
    visibility:hidden;
    width:47px;
    overflow:hidden;
    padding:0
}
.thumbs .image img{
    display:block;
    border:white solid 3px
}
#product #y-thumbs .image{
    margin:5px auto;
    height:auto
}
#product h3.collection-title{
    font-size:36px;
    font-family:'Noto Sans', sans-serif;
    padding-top:30px;
    padding-bottom:20px
}
.collection-title{
    text-align:center
}
.product-options{
    overflow:hidden;
    padding:0 0 25px;
    margin-bottom:20px
}
.product-options.no-options{
    padding-top:5px;
    border-top:none
}
.product-options label{
    display:block;
    margin-bottom:3px;
    text-transform:uppercase;
    font-size:12px;
    font-family:'Noto Sans', sans-serif;
    -webkit-font-smoothing:antialiased;
    color:inherit
}
.product-options select{
    height:28px;
    font-size:1em;
    margin-bottom:20px;
    padding-left:10px;
    background:#fff
}
.product-quantity{
    float:left;
    margin-left:15px
}
.product-quantity input{
    margin-left:5px
}
.product-options textarea{
    width:30px;
    line-height:18px;
    height:18px;
    min-height:18px;
    margin-bottom:20px
}
#quantity{
    width:100%;
    margin:0;
    padding:0;
    height:100%
}
@-moz-document url-prefix(){
    .product-options select{
        height:30px;
        line-height:30px
    }
}
#collection h1,#product h1{
    font-size:30px;
    font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif;
    -webkit-font-smoothing:antialiased
}
#collection h1{
    margin:50px 0 0px 0
}
#collection h1 ~ div.tc img{
    margin-top:50px
}
#collection .browse-tags{
    float:right;
    padding-top:0;
    padding-left:15px
}
#collection .browse-tags label{
    float:left;
    display:block;
    margin:1px 8px 0 0
}
@-moz-document url-prefix(){
    #collection .browse-tags label{
        margin:7px 8px 0 0
    }
    #collection .browse-tags select{
        float:right;
        height:30px !important;
        line-height:30px !important
    }
}
.pagination{
    text-align:center;
    margin:0 0 30px 0;
    padding:0;
    display:flex;
    justify-content:center
}
.pagination li{
    display:inline;
    padding:0 12px;
    font-size:14px;
    display:flex;
    align-items:center
}
.pagination li span{
    color:#444444
}
.pagination li a{
    color:#fff !important;
    margin:0
}
.pagination li a:hover{
    text-decoration:none
}
.productdesc{
    width:45%
}
.productdesc h1{
    font-family:'Noto Sans', sans-serif;
    font-size:17px;
    line-height:24px;
    margin-bottom:5px;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased
}
.productdesc #upgrade-to-bundle-message,.productdesc #add-item-form,.productdesc .social,.productdesc .short-desc{
    float:left;
    width:100%;
    margin:0
}
.productdesc .short-desc{
    margin-top:15px;
    margin-bottom:30px;
    padding-bottom:3px
}
.products .product{
    width:25%;
    margin:51px 2%;
    margin-bottom:0
}
.productimage{
    width:55%;
    padding-right:10%;
    padding-left:5%;
    box-sizing:border-box
}
#x-thumbs{
    text-align:center;
    display:block
}
#x-thumbs .image{
    float:left
}
#x-thumbs .image-secondary-view{
    display:none
}
#x-thumbs img{
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box
}
#x-thumbs .selected img{
    border:3px solid grey;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
#product .cd-gallery>li{
    width:100%
}
.purchase-section{
    width:100%;
    float:left
}
.purchase-section .purchase{
    position:relative
}
.add-to-cart-and-customize #customize-me-button{
    padding-top:9px;
    padding-bottom:9px;
    box-sizing:border-box
}
.add-to-cart-and-customize .one-of-three{
    width:45%;
    float:left
}
.add-to-cart-and-customize .one-of-three button{
    width:100%;
    float:left
}
.add-to-cart-and-customize .two-of-three{
    width:10%;
    float:left;
    text-align:center;
    margin-top:15px
}
.add-to-cart-and-customize .three-of-three{
    width:45%;
    float:left
}
.add-to-cart-and-customize .three-of-three button{
    width:100%
}
.productdesc #upgrade-to-bundle-message{
    color:#ffd200;
    background-color:#2F2F2F;
    padding:7px;
    float:left;
    width:100%;
    margin-bottom:20px;
    font-size:13px
}
#upgrade-to-bundle-message a{
    color:#ffd200;
    text-align:center
}
.sp-quantity{
    width:140px;
    height:35px;
    font-family:"ProximaNova Bold", Helvetica, Arial
}
.sp-minus{
    width:40px;
    height:35px;
    border:1px solid #e1e1e1;
    float:left;
    text-align:center;
    line-height:35px;
    cursor:pointer
}
.sp-input{
    width:60px;
    height:35px;
    border:1px solid #e1e1e1;
    border-left:0px solid black;
    float:left
}
.sp-plus{
    width:40px;
    height:35px;
    border:1px solid #e1e1e1;
    border-left:0px solid #e1e1e1;
    float:left;
    text-align:center;
    line-height:35px;
    cursor:pointer
}
.sp-input input{
    width:30px;
    height:34px;
    text-align:center;
    font-family:"ProximaNova Bold", Helvetica, Arial;
    border:none
}
.sp-input input:focus{
    border:1px solid #e1e1e1;
    border:none
}
#product .product-desc-img{
    max-width:277px;
    margin-left:auto;
    margin-right:auto
}
#product .selector-wrapper input[type="checkbox"]{
    -webkit-appearance:checkbox;
    margin-right:8px;
    position:inherit;
    left:inherit;
    opacity:1
}
#collection .inline-advertisement{
    border-bottom:none
}
#collection .price.sale{
    color:#FF5462
}
#cart .buttons{
    margin-bottom:30px
}
#cart .extra-checkout-buttons input{
    border:none;
    box-shadow:none;
    height:42px
}
#cart .checkout-buttons textarea{
    box-sizing:border-box;
    text-align:left;
    border:1px solid #b3b3b3;
    border-radius:5px;
    margin-bottom:5px
}
#cart .qty{
    text-align:center;
    color:#5d5d5d;
    padding:0;
    font-size:16px
}
#cart .price,#cart .remove{
    text-align:center
}
#cart .remove a{
    display:inline-flex
}
#cart .price{
    white-space:nowrap;
    font-size:1em;
    margin-top:0;
    min-width:100px;
    color:#444444;
    font-size:16px
}
#cart td.price{
    font-size:1.2em
}
#cart td.price p{
    text-align:center
}
#cart td.price .price-now{
    font-weight:bold;
    color:#bd2e12
}
#checkout{
    color:#fff;
    vertical-align:middle
}
.checkor{
    display:block;
    margin:10px auto;
    font-size:15px;
    text-transform:uppercase
}
#update-cart{
    margin-top:10px
}
.orcart{
    display:block;
    float:right;
    margin-top:14px
}
#cart .image{
    text-align:center
}
#cart .image a,#cart .image img{
    margin:0;
    border:none;
    width:70px
}
#cart a .variant_title{
    display:block;
    color:#b3b3b3
}
#cart .item{
    max-width:400px
}
#cart .item a{
    color:#444444
}
#cart .item-description{
    font-size:12px
}
#cart table tr:first-child td,#cart table tr th{
    font-weight:normal !important;
    border-top:1px solid #d0d0d0
}
#cart table tr:last-child td{
    border-top:1px solid #dddddd
}
#cart table tr td{
    border-top:1px solid #dddddd
}
@media only screen and (min-width: 601px){
    #cart table tr.summary.show-on-medium-and-up.hide-on-small-and-down{
        display:table-row !important
    }
}
@media only screen and (max-width: 600px){
    #cart table tr.summary.show-on-small.hide-on-med-and-up{
        display:table-row !important
    }
    #cart #checkout-note-and-confirm .cart-buttons a,#cart #checkout-note-and-confirm .cart-buttons input{
        width:100%;
        margin-left:0;
        margin-right:0
    }
    #cart.cartpage .item a{
        color:#5d5d5d
    }
    #cart .box{
        margin-top:20px;
        margin-bottom:3px
    }
    #cartform .row{
        margin:0
    }
}
#cart table tr.summary td{
    padding:15px 0;
    border-bottom:1px solid #dddddd;
    text-align:center
}
#cart div.product_image img{
    min-width:30px;
    max-width:none;
    max-height:70px;
    width:auto
}
#checkout-note-and-confirm{
    display:block;
    box-sizing:border-box
}
#checkout-note-and-confirm>div{
    box-sizing:border-box
}
#checkout-note-and-confirm .cart-buttons>div{
    display:block;
    margin:10px auto
}
#checkout-note-and-confirm .checkout-buttons,#checkout-note-and-confirm .cart-buttons{
    margin-top:20px;
    margin-bottom:20px
}
#checkout-note-and-confirm .checkout-buttons:first-child{
    margin-top:0px
}
#checkout-note-and-confirm .checkout-buttons:first-child label{
    font-size:15px
}
#checkout-note-and-confirm .cart-buttons{
    text-align:right
}
#checkout-note-and-confirm .cart-buttons .continue-shopping{
    width:210px;
    min-width:210px;
    border-radius:25px;
    color:#f2f2f2;
    margin:1em;
    height:42px;
    float:none;
    background-color:#000;
    display:inline-flex;
    justify-content:center;
    align-items:center
}
#checkout-note-and-confirm .cart-buttons .checkout{
    width:210px;
    min-width:210px;
    border-radius:25px;
    padding:0;
    font-size:1em;
    height:42px;
    line-height:42px;
    float:right;
    margin:1em
}
#checkout-note-and-confirm .accordion{
    border-radius:30px;
    width:250px;
    margin-left:auto;
    color:white;
    margin-right:auto;
    background-color:#999
}
#update-cart-button{
    width:100%;
    height:50px
}
#update-cart-button input{
    float:right
}
.subtext.success{
    font-weight:700;
    color:#40954a
}
div.errors,.subtext.error{
    color:#444;
    padding:15px !important;
    background:#ebcece;
    width:247px
}
div.errors,.subtext.error ul{
    list-style:none;
    margin:0;
    padding:0
}
div.errors{
    margin-bottom:15px
}
.return-to-store{
    display:none
}
#shipping-calculator div>p *{
    width:100%;
    box-sizing:border-box;
    height:25px;
    box-shadow:none
}
#shipping-calculator div>p input{
    border:1px solid #b5b5b5
}
#shipping-calculator .calculate-btn{
    position:absolute;
    top:125px;
    left:100%;
    margin-left:10px
}
#shipping-calculator .calculate-btn input{
    border-radius:15px;
    height:35px
}
#shipping-calculator .calculate-btn input:hover{
    opacity:0.8
}
#shipping-calculator li{
    list-style:circle;
    margin-left:15px;
    text-align:left
}
#shipping-calculator{
    margin-top:15px;
    width:25%;
    margin:0 0 0 1em;
    position:relative
}
.accordion{
    margin:0;
    padding:10px;
    text-decoration:none;
    font-weight:bold;
    font-size:1.4em;
    position:relative
}
.accordion-open span{
    display:block;
    position:absolute;
    right:3px;
    top:25%;
    padding:10px
}
.accordion-open span{
    background:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/minus.png?8585075586381506754") center center no-repeat
}
.accordion-close span{
    display:block;
    position:absolute;
    right:3px;
    top:25%;
    background:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/plus.png?8585075586381506754") center center no-repeat;
    padding:10px
}
.faqpage div.container{
    padding:0;
    margin:0
}
.faqpage div.container{
    max-width:100%;
    padding:0px 0
}
.faqpage div.content{
    background:#ffcd00;
    margin:0;
    padding:10px;
    font-size:1.2em;
    line-height:2em
}
.faqpage div.content ul{
    padding:0;
    margin:0;
    padding:3px
}
.faqpage div.content p{
    padding:0;
    margin:3px 0 10px;
    padding:3px
}
.faqpage div.content ul li{
    list-style-position:inside;
    line-height:25px
}
#cartform #cart-content-and-update-button{
    width:55%;
    float:left;
    box-sizing:border-box
}
#cartform #cart-content-and-update-button>div input{
    float:right
}
#cartform table thead th{
    border:none
}
#cartform table input.item-quantity{
    height:32px
}
#cartform table tr.summary td{
    border-bottom:none;
    vertical-align:bottom
}
#cartform table tr.summary td:first-child{
    text-align:left
}
#cartform table input[type=number]::-webkit-inner-spin-button{
    opacity:1
}
#note{
    padding:8px
}
#cartform #checkout{
    background-color:#FFD200;
    color:#2f2f2f
}
.gift-packaging{
    border-top:1px solid #d0d0d0;
    padding-top:30px
}
#cart form .accordion h4{
    margin:0 0 0 1em;
    display:inline-block;
    cursor:pointer
}
#cart form .cart-buttons input{
    padding:10px 0;
    font-size:16px
}
#cart .box{
    width:100%
}
#cart .box .left-side{
    float:left
}
#cart .box .right-side{
    float:right;
    line-height:45px;
    text-decoration:underline
}
#cart .box h1{
    color:#808080;
    float:left
}
#cart .customization-total td{
    border-bottom:none
}
#cart tr.summary td{
    border-top:none
}
#cart .accordion{
    display:inline-block
}
#cart .accordion:before{
    content:"\00BB";
    float:left;
    position:absolute;
    display:inline-block;
    vertical-align:middle
}
#cart .accordion h4{
    text-align:center;
    margin:0;
    color:#b3b3b3
}
#cart .input-group{
    display:table;
    width:120px;
    height:32px;
    border:1px solid #5d5d5d;
    margin:0 auto;
    margin-bottom:7px
}
#cart .gift-packaging label{
    margin-right:10px;
    font-size:1.2em
}
#cart .gift-packaging .input-group{
    display:inline-flex
}
#cart .cart-quantity{
    display:table-cell;
    background-color:transparent;
    border:none;
    height:32px;
    text-align:center;
    color:#000;
    font-size:1em;
    height:initial;
    line-height:initial;
    margin:0;
    padding:0;
    box-shadow:none;
    box-sizing:content-box;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
#cart .input-group-btn{
    display:table-cell;
    height:32px
}
#cart .input-group-btn:first-child{
    border-right:1px solid #e5e5e5;
    line-height:32px;
    text-align:center;
    color:#000
}
#cart .input-group-btn:last-child{
    border-left:1px solid #e5e5e5;
    line-height:32px;
    text-align:center;
    color:#000
}
#cart .input-group-btn i{
    vertical-align:middle
}
#cart form+hr{
    width:100%;
    color:#b3b3b3;
    border:0;
    height:1px;
    background-color:#b3b3b3
}
#cart .cart-bottom-info{
    width:100%;
    margin:0 auto;
    text-align:left
}
#cart .subtotal{
    color:#5d5d5d
}
#cart .grid__item{
    float:right
}
#cart .grid__item h2,#cart .grid__item h5 p{
    text-align:right
}
#cart .grid__item h2,#cart .grid__item h5{
    font-weight:bold;
    color:#000
}
#cart .grid__item p{
    color:#666
}
#blog .pagination{
    margin-top:40px
}
#blog .article,.article-body{
    padding-right:40px;
    margin-bottom:60px
}
.articles{
    width:100%
}
.sidebar{
    width:20%
}
.recentbox,.tagsbox{
    background:#eee;
    padding:20px
}
.recentbox{
    margin-bottom:30px
}
.sidebar h3{
    font-family:'Noto Sans', sans-serif;
    -webkit-font-smoothing:antialiased;
    font-size:16px;
    text-transform:uppercase;
    line-height:22px;
    border-bottom:solid 1px #dddddd;
    padding-bottom:10px
}
.sidebar .article{
    padding-right:0 !important;
    margin:0 0 15px 0 !important;
    border-bottom:solid 1px #dddddd
}
.sidebar .article:last-child{
    margin:0;
    border-bottom:0
}
.sidebar .article a{
    display:block;
    font-family:'Noto Sans', sans-serif;
    -webkit-font-smoothing:antialiased
}
.sidebar .article em{
    font-size:11px
}
.sidebar .tags li{
    margin:0
}
#article .article{
    width:100%;
    margin:0 auto
}
.article h1{
    font-size:26px;
    border-bottom:solid 1px #dddddd
}
.article h1 a{
    display:block;
    text-transform:uppercase;
    line-height:31px
}
.article h1 .article-title{
    display:block
}
.article h1 .date,.article-body h1 .date{
    font-size:13px
}
.article .continue{
    display:block;
    margin-top:15px
}
#article .comment{
    margin-bottom:15px
}
#article .comment_form{
    margin-top:30px
}
#article .comment_form .subtext{
    margin-bottom:15px
}
#article .comment_form label{
    display:block
}
#article .comment_form .text{
    margin-bottom:15px;
    display:block
}
#article h2.comment-title{
    font-size:20px
}
#article #comment_body{
    width:100%;
    height:200px
}
#article h3.author{
    font-size:14px;
    font-style:italic
}
#article-content h1{
    color:#444444;
    font-size:36px;
    line-height:36px
}
#article-content h2{
    color:#444444;
    font-size:28px;
    line-height:36px
}
#article-content h3{
    color:#444444;
    font-size:28px;
    line-height:28px
}
#search{
    padding-top:20px;
    max-width:1200px;
    margin:0 auto
}
#search .results{
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
#search .results .search-result{
    color:#b3b3b3;
    font-size:1em
}
#search .results .thumbnail a{
    display:block;
    float:right
}
#search .search-border{
    border-bottom:1px solid #dddddd
}
#search .results .thumbnail a{
    float:none
}
#search .search-field{
    position:relative;
    height:60px;
    line-height:60px
}
#search .search_box{
    height:34px;
    padding:0 10px 0 31px;
    border:none;
    vertical-align:middle;
    line-height:normal;
    color:#444444 !important;
    border:1px solid #dddddd
}
#search #go{
    position:absolute;
    width:14px;
    height:14px;
    border:none;
    margin:19px 0 0 4px;
    box-shadow:none
}
#article,#blog,#page,.errorpage,#collection,#product{
    padding:30px 50px 40px 55px;
    line-height:20px;
    font-size:13px
}
.cartpage{
    padding:50px 50px 40px 55px
}
.cartpage #cartform{
    padding:0
}
.errorpage{
    text-align:center;
    padding:200px 0
}
.errorpage .subtext{
    width:300px;
    display:block;
    margin:0 auto
}
#page img[style="float: right;
"],.article img[style="float: right;
"]{
    margin-left:30px;
    margin-bottom:30px
}
#page img[style="float: left;
"],.article img[style="float: left;
"]{
    margin-right:30px;
    margin-bottom:30px
}
#page h1{
    font-size:30px;
    line-height:40px;
    text-transform:uppercase
}
#page a:not(.not__underline){
    text-decoration:underline
}
#page .details,#cart .details,#collection.details,#product .details,#blog .details,#article.details,#collection .details{
    width:85%;
    margin:0 auto;
    padding-top:20px;
    max-width:1200px
}
#product .details,#collection .details,#cart .details{
    padding-top:0;
    width:100%
}
#customer-login .details{
    width:280px;
    margin:0 auto;
    padding:100px 0 50px
}
#customer-register .details{
    width:560px;
    margin:0 auto;
    padding:100px 0 50px;
    box-sizing:border-box
}
.expanded-message{
    padding:100px 0;
    text-align:center
}
.to-redirect-button{
    display:block;
    margin-top:30px;
    text-align:center
}
.to-redirect-button div{
    display:inline-block;
    width:300px
}
.to-redirect-target{
    display:block;
    text-align:center
}
.to-redirect-target strong{
    display:block;
    margin:40px auto 10px auto;
    font-size:18px
}
.to-redirect-target>div{
    display:inline-block
}
.tutorial-video-and-title{
    display:block;
    margin-top:20px;
    width:100%
}
.tutorial-video-and-title>span{
    display:block;
    margin-bottom:10px;
    font-size:16px;
    text-decoration:underline
}
.tutorial-video-and-title>div>div{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.tutorial-video-and-title iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.tutorial-video-and-title>img{
    width:100%
}
#customer-account p,#customer-order p{
    line-height:14px
}
#login input.text{
    width:248px
}
#customer-activate .create-password{
    margin-bottom:30px
}
#customer-activate .label,#customer-login .label,#customer-reset-password .label,#customer-register .label{
    display:block
}
#customer-activate .text,#customer-login .text,#customer-reset-password .text,#customer-register .text{
    width:87%;
    display:block;
    margin-bottom:15px;
    padding-left:10px;
    border:1px solid #dddddd
}
#customer-login .action_bottom,#customer-register .action_bottom{
    margin-top:15px;
    text-align:center
}
#guest input,#customer-login .action_bottom input,#customer-register .action_bottom input,#recover-password .action_bottom input{
    background-color:#000;
    color:#fff;
    padding:5px
}
#customer-register .action_bottom input{
    padding:5px 20px
}
#order_cancelled{
    margin-bottom:30px
}
#customer-addresses .add-new-address{
    display:block
}
.action_bottom span{
    line-height:40px;
    display:block
}
#customer-login{
    padding-bottom:40px
}
.guestdetails{
    background:#eee;
    padding:30px !important;
    width:240px !important;
    text-align:center
}
.popup{
    display:none;
    background:rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    top:0;
    left:0
}
.popupbox{
    box-shadow:0px 0px 40px #333;
    position:relative;
    width:335px;
    padding:30px 50px;
    background:#ffd200;
    margin:200px auto 0
}
.popupbox h1{
    font-size:30px;
    text-transform:uppercase;
    margin:20px 0 5px 0
}
.popupbox input[type="email"]{
    width:90%;
    margin:10px 0
}
.popupbox iframe{
    width:100%;
    height:650px
}
.referbox{
    margin:70px auto 0;
    max-width:600px;
    width:80%
}
.mrefer{
    display:none
}
.closepop{
    cursor:pointer;
    width:20px;
    height:20px;
    position:absolute;
    top:10px;
    right:10px;
    border-radius:50%;
    background:#444;
    color:#ffd200;
    padding:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:content-box
}
.vidpopup{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:100
}
.vidbox{
    position:relative;
    font-size:11px;
    line-height:16px;
    color:#ffd200;
    text-transform:uppercase;
    box-shadow:0px 0px 40px #333;
    background:#000;
    width:70%;
    max-width:800px;
    margin:120px auto 0;
    padding:30px
}
.vidbox iframe{
    width:100%;
    height:480px
}
.vidbox .closepop{
    font-size:1.5em
}
#content{
    z-index:1;
    background:#fff;
    height:100%;
    margin:0 auto
}
.home-hero-container,#home-hero-subbox{
    max-width:1200px;
    margin:20px auto
}
#transparency{
    background-color:white
}
.full-divide{
    width:100%;
    border-bottom:1px solid #ececec
}
#content>.homefixed{
    position:fixed;
    width:100%;
    top:53px;
    bottom:0
}
.homeproduct{
    position:absolute;
    width:50%;
    top:0;
    bottom:0;
    overflow:hidden
}
.homeproduct .homepbg{
    width:100%;
    position:relative;
    z-index:1
}
.homerhino{
    background:#ffd200;
    left:0
}
.homebumper{
    background:#e9e9e9;
    right:0
}
.homebumper .homepbg{
    margin-top:-53px
}
.homepcopy{
    text-shadow:0px 0px 30px #777;
    text-transform:uppercase;
    color:#fff;
    position:absolute;
    z-index:3;
    top:33%;
    text-align:center;
    padding:0;
    width:100%
}
.homepcopy p{
    width:320px;
    margin:0 auto
}
.logorhino{
    margin-top:64px
}
.abt{
    background:url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/abt.png?8585075586381506754) #ffd200 top left no-repeat
}
.abtcopy{
    width:470px;
    margin-top:50px;
    margin-left:650px
}
.abtcopy h1{
    font-size:30px;
    line-height:36px
}
.partnerpage{
    background:#f4f4f4
}
.partner{
    width:690px;
    margin:70px auto 50px
}
.partner h1{
    font-size:27px;
    line-height:34px;
    text-align:center;
    text-transform:uppercase;
    margin:0 0 45px 0
}
.partnerstep{
    width:200px;
    margin:0 15px 30px;
    text-align:center
}
.partnerstep img{
    margin-bottom:15px
}
.step2{
    margin-left:-20px
}
.step1copy{
    width:110px;
    margin:0 auto
}
.partner input[type="text"],.partner input[type="email"]{
    border:solid 1px #aaa;
    width:289px;
    height:44px;
    margin:8px 7px
}
.partner .mimi_field{
    width:334px;
    float:left
}
.partner .mimi_field:last-child{
    width:100%
}
.btnpartner{
    text-align:center;
    margin-top:20px
}
.btnpartner .submit{
    color:#f4f4f4 !important
}
.addtocart{
    color:#fff !important;
    width:100%;
    padding:9px 30px !important
}
.prodbundle{
    background:#444;
    color:#fff;
    padding:13px;
    overflow:hidden
}
.prodbundle a{
    color:#FFD206;
    text-decoration:none !important
}
.prodbundle img{
    float:left;
    margin:0 20px 0 10px;
    width:65px
}
.productlist{
    list-style:none;
    padding:0;
    margin:30px 0 50px;
    overflow:hidden
}
.productlist a{
    text-decoration:none !important
}
.productlist h2{
    font-size:18px;
    line-height:24px
}
.productlist li{
    width:46%;
    float:left;
    margin-bottom:40px;
    position:relative;
    padding-top:30px
}
.productlist li:nth-child(even){
    margin-right:0;
    float:right
}
.brandicon{
    margin-right:15px
}
.devicelist{
    list-style:none;
    padding:0;
    margin:10px 0
}
.devicelist li{
    margin:0 !important;
    border-top:solid 1px #dddddd;
    padding:13px 0 10px;
    width:100% !important;
    overflow:hidden
}
.devicelist li:last-child{
    border-bottom:solid 1px #dddddd
}
.productcount{
    text-transform:uppercase;
    font-size:11px
}
.productcount.button{
    margin-top:0;
    padding:0px 7px;
    width:100px
}
.productcount a{
    color:#fff !important;
    text-decoration:none !important
}
.crashfirst{
    width:70%;
    max-width:900px;
    margin:0 auto
}
.crashintro{
    margin-top:135px;
    width:38%;
    min-width:280px;
    text-align:center;
    text-transform:uppercase;
    font-size:17px;
    line-height:25px
}
.crashintro p{
    margin:40px 0 5px
}
.crashphone{
    height:700px;
    position:relative;
    width:405px
}
.crashphonevid{
    position:relative;
    overflow:hidden;
    z-index:3;
    top:84px;
    left:31px;
    width:251px;
    height:470px;
    overflow:hidden;
    -ms-transform:rotate(13.5deg);
    -webkit-transform:rotate(13.5deg);
    transform:rotate(13.5deg)
}
.crashphonevid video{
    width:319%;
    margin-left:-80%
}
.crashphonevid .play{
    color:#fff;
    line-height:15px;
    top:160px !important;
    left:85px !important
}
.crashphone p{
    font-size:11px;
    text-align:center;
    margin:20px 0 0 0
}
.crashphoned{
    position:absolute;
    top:0;
    left:-50px
}
.crashphonem{
    display:none
}
.vidthumb{
    width:140px;
    margin:6px 6px 6px 0;
    position:relative;
    overflow:hidden
}
.popup .vidthumb{
    width:129px
}
.popup .overlay{
    height:71px
}
.overlay{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:96%;
    position:absolute;
    top:0;
    left:0
}
.play{
    width:30%;
    position:absolute;
    z-index:3;
    left:50px;
    top:17px;
    cursor:pointer
}
.crashsecond{
    width:75%;
    max-width:900px;
    margin:0 auto
}
.eggdrop{
    width:60%;
    display:block;
    margin:-60px auto 20px;
    padding-left:200px
}
.eggdropinfo{
    width:600px;
    margin:0 auto;
    display:flex;
    justify-content:center
}
.eggdropbox{
    width:27%;
    margin:0 20px;
    max-width:160px;
    text-align:center;
    font-size:11px;
    line-height:17px
}
.eggbottom{
    text-align:center;
    padding:35px 0 50px;
    font-size:26px;
    text-transform:uppercase
}
.eggvid{
    font-size:10px;
    line-height:12px;
    width:142px;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    margin:-20px 0 0 10px
}
.eggthumb{
    margin:5px 0 0 0
}
.eggthumb video{
    width:100%
}
.whitearrow{
    position:absolute;
    text-align:center;
    width:100%;
    bottom:10%;
    left:0
}
.whitearrow img{
    width:50px
}
.whitearrow .button{
    font-size:11px
}
.featurescopy{
    width:45%;
    max-width:390px;
    margin:15% 0 0 40px
}
.covercopy{
    margin:0 0 0 47% !important
}
.featurescopy h1{
    width:275px;
    margin-left:20px;
    margin-top:0px
}
.featurescopy p{
    margin:0 0 0 47px;
    font-size:14px;
    line-height:22px
}
.imggrip{
    width:45%;
    max-width:700px
}
.sizebox{
    width:80%;
    margin:-50px auto 0
}
.imgsize{
    width:50%;
    max-width:500px
}
.imglight{
    width:50%;
    max-width:450px
}
.boxlight{
    width:70%;
    margin:0 auto
}
.lightcopy{
    margin-left:-45px
}
.imgcover{
    width:56%;
    max-width:900px;
    position:absolute;
    top:0px;
    height:100%;
    left:-200px;
    display:block;
    overflow:hidden
}
.imgcover img{
    position:absolute;
    bottom:-200px;
    left:0px;
    width:100%
}
.copycolour{
    width:470px;
    margin:0 auto 0;
    text-align:center
}
.copycolour p{
    font-size:11px;
    line-height:18px;
    width:500px;
    margin:0 auto
}
.copycolour .button{
    font-size:17px;
    color:#eee;
    padding:8px 28px 7px;
    margin-bottom:25px;
    margin-top:0
}
.imgcolours{
    max-width:800px;
    display:block;
    margin:50px auto 0
}
.rhinocontent{
    background-color:#ffd200
}
.topheader{
    text-transform:uppercase;
    color:#000;
    height:500px;
    background:url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/topbg.jpg?8585075586381506754) no-repeat top center #ffd200
}
.rhino{
    width:360px;
    margin-bottom:30px
}
.topheadercopy{
    position:relative;
    width:966px;
    margin:0 auto;
    padding-top:60px
}
.rhinosticker{
    position:absolute;
    bottom:0;
    right:0
}
.productsticker{
    position:absolute;
    z-index:10;
    top:0;
    left:190px
}
.sticker{
    position:absolute;
    top:30px;
    right:0;
    z-index:10
}
a.sticker:hover,a.rhinosticker:hover,a.productsticker:hover{
    opacity:1 !important
}
.topheaderimg{
    max-width:300px;
    min-width:250px;
    margin-bottom:10px
}
.tagline{
    width:440px;
    font-size:14px
}
.pricemain{
    font-size:24px;
    top:5px;
    left:30px;
    position:relative
}
.btnbuytop img{
    width:166px
}
.vidfind{
    margin-top:30px
}
#vid1,#vid2{
    cursor:pointer
}
.device{
    background:#000
}
ul.devices{
    width:966px;
    margin:0 auto;
    font-size:13px;
    list-style:none;
    padding:20px 0 0 0;
    overflow:hidden;
    min-height:55px;
    color:#ffd200
}
ul.devices li{
    float:left;
    margin:0 48px 0 0
}
ul.devices li:nth-child(1){
    float:left;
    margin:0 20px 0 0;
    width:200px
}
ul.devices li:last-child{
    margin:0
}
ul.devices li img{
    vertical-align:middle;
    display:inline-block
}
.pressbox{
    background:#ffd200
}
ul.press{
    width:966px;
    margin:0 auto;
    font-size:13px;
    list-style:none;
    padding:30px 0 15px;
    overflow:hidden;
    min-height:55px
}
ul.press li{
    float:left;
    margin:0 71px 0 0
}
ul.press li:nth-child(1){
    float:left;
    margin:0 20px 0 0;
    width:200px
}
ul.press li img{
    vertical-align:middle;
    display:inline-block
}
ul.presscrash{
    width:85%;
    max-width:910px;
    margin:0 auto;
    font-size:13px;
    list-style:none;
    padding:40px 0 0;
    overflow:hidden;
    min-height:55px
}
ul.presscrash li{
    float:left;
    margin:0 45px 0 0;
    min-height:55px
}
ul.presscrash li:nth-child(1){
    text-transform:uppercase;
    float:left;
    margin:0 30px 0 0;
    width:190px;
    line-height:15px;
    font-size:11px
}
ul.presscrash li:nth-child(7){
    margin:0
}
ul.presscrash li:nth-child(3),ul.presscrash li:nth-child(4),ul.presscrash li:nth-child(5){
    padding-top:5px
}
ul.presscrash li:nth-child(5) img,ul.presscrash li:nth-child(6) img,ul.presscrash li:nth-child(7) img{
    width:65px
}
ul.presscrash li img{
    width:90px;
    vertical-align:middle;
    display:inline-block
}
.feature1{
    background:#000 url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/feature1.jpg?8585075586381506754) no-repeat bottom center;
    height:705px
}
.impact{
    width:315px;
    margin:0 auto;
    padding-top:80px;
    color:#6c6c6c
}
.feature2{
    background:#c5c4c9 url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/feature2.jpg?8585075586381506754) no-repeat top center;
    height:632px;
    position:relative
}
.thin{
    position:absolute;
    top:15%;
    left:25%;
    width:250px
}
.feature3{
    background:#dfdfe1 url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/feature3.jpg?8585075586381506754) no-repeat -220px 0;
    height:628px;
    position:relative
}
.scratch{
    width:250px;
    position:absolute;
    top:200px;
    left:775px
}
.feature4{
    background:#8c878b url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/feature4.jpg?8585075586381506754) no-repeat top center;
    height:627px;
    position:relative
}
.finger{
    position:relative;
    top:60px;
    left:-220px;
    margin:0 auto;
    width:250px
}
.pack{
    font-size:17px;
    text-align:center;
    height:850px;
    background:url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/pack.jpg?8585075586381506754) no-repeat top center;
    background-size:1300px !important;
    position:relative
}
.packbuy{
    position:absolute;
    bottom:0;
    left:0;
    line-height:25px;
    padding-bottom:50px;
    width:100%;
    text-align:center
}
.impactimg{
    width:230px
}
.thinimg{
    width:240px
}
.thinimg2{
    width:200px
}
.scratchimg{
    width:225px
}
.fingerimg{
    width:235px
}
.line1{
    background:url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/line.gif?8585075586381506754) top left repeat-x #ffd200;
    height:14px
}
.line2{
    background:url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/line2.gif?8585075586381506754) top left repeat-x #ffd200;
    height:14px;
    padding-bottom:35px
}
textarea:focus,input:focus{
    outline:0
}
#contactFormWrapper input[type="text"],#contactFormWrapper input[type="telephone"],#contactFormWrapper input[type="email"],#contactFormWrapper textarea,#contact_form input[type="telephone"],#contact_form input[type="email"],#contact_form textarea{
    width:85%;
    border:1px solid #ccc;
    color:#3b3b3b
}
#contactFormWrapper textarea,#contact_form textarea{
    padding-top:10px
}
.errorForm{
    font-size:11px;
    line-height:17px;
    color:#F00
}
#contactFormSubmit{
    color:#fff !important
}
#col-main{
    width:300px;
    margin:0 auto 0px;
    padding:100px 0 70px
}
#page-header{
    text-transform:uppercase
}
#contact_form label{
    font-size:13px;
    font-weight:bold;
    color:#000;
    margin-bottom:10px
}
#contact_form input[type="submit"]{
    color:#000 !important;
    margin-top:0;
    padding:0 10px;
    border-radius:0
}
.customer-page{
    background-color:#FBFBFB
}
#customer_sidebar,#customer_orders,.address_table{
    border:#777 solid 1px;
    box-sizing:border-box;
    width:95%;
    max-width:500px;
    padding:10px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px
}
.customer-order-box{
    border:#777 solid 1px;
    box-sizing:border-box;
    width:95%;
    max-width:500px;
    padding:10px;
    background-color:white;
    margin:0 auto 5px
}
.customer-address-table-unit{
    margin-bottom:5px
}
.customer-address-table-unit input[type="text"],.customer-address-table-unit select{
    width:100%;
    box-sizing:border-box
}
.order-details-body{
    border-bottom:black solid 1px;
    margin-bottom:10px
}
.order-details-foot{
    text-align:right;
    font-size:15px
}
.order_summary{
    margin-bottom:5px
}
#collection .button.btngrey{
    background-color:white;
    border:#ccc solid 1px;
    color:black;
    font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif;
    font-size:12px;
    min-width:0
}
#collection .button.btngrey:hover{
    background-color:#8F8D8D;
    color:white;
    font-weight:bold
}
.playproof-collection .product .image{
    margin:0 0 -8px
}
.playproof-collection .products .product{
    margin:36px 2%
}
.playproof-collection .btngrey{
    min-width:0
}
.playproof-collection .uncustomized,.playproof-collection .featured{
    border-bottom:solid 2px #ececec;
    margin-bottom:48px
}
#notification-area{
    background-color:#FB5B5B;
    color:#FFFFFF;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    display:table;
    width:100%;
    box-sizing:border-box;
    margin:0 auto;
    position:relative;
    z-index:19
}
#notification-area a,#notification-area span{
    color:#000
}
#notification-area a{
    text-decoration:underline;
    margin-left:10px
}
#notification-area .notification-content{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:block;
    overflow:hidden;
    position:relative;
    padding:8px;
    line-height:19px
}
#notification-area .notification-close{
    vertical-align:middle;
    min-width:25px;
    text-align:center;
    float:right;
    cursor:pointer;
    padding:0;
    font-size:1.2em
}
#notification-area .notification-close>span{
    font-size:18px;
    padding:7px;
    cursor:pointer;
    color:#000
}
.notifyjs-cart-success{
    white-space:nowrap;
    background-color:#8C8C8C;
    color:white;
    padding:5px;
    line-height:1em;
    height:55px
}
::-webkit-input-placeholder{
    color:#b3b3b3
}
::-moz-placeholder{
    color:#b3b3b3
}
:-ms-input-placeholder{
    color:#b3b3b3
}
:-moz-placeholder{
    color:#b3b3b3
}
#create_customer{
    overflow:auto;
    box-sizing:border-box
}
#create_customer .text{
    width:100%;
    box-sizing:border-box
}
#gender{
    display:flex;
    height:3rem;
    align-items:center
}
#gender p{
    margin-right:10px
}
#register h2{
    text-align:center
}
.large_form{
    float:left;
    width:49%;
    box-sizing:border-box
}
.large_form:nth-child(2n+1){
    margin-right:2%
}
label{
    color:#000
}
form p{
    margin:0
}
.birthdayNote{
    color:#48a9ca
}
.birthdayNote ul li{
    position:relative;
    box-sizing:border-box;
    padding-left:20px
}
.birthdayNote ul li:before{
    position:absolute;
    top:7px;
    left:0;
    display:block;
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#48a9ca
}
dl dd{
    margin:0
}
@media only screen and (min-width: 1026px) and (max-width: 1200px){
    .eggbottom{
        padding:35px 0 50px;
        font-size:22px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1026px){
    #product .breadcrumb,#cart .breadcrumb{
        display:inline-block;
        padding-right:10px;
        padding-left:10px
    }
    .logo{
        max-width:738px
    }
    .wrapper,.toolbar,footer,nav.support-subnav .simular-area{
        width:100%
    }
    .span1{
        width:34px
    }
    .span2{
        width:92px
    }
    .span3{
        width:162px
    }
    .span4{
        width:226px
    }
    .span5{
        width:290px
    }
    .span6{
        width:354px
    }
    .span7{
        width:418px
    }
    .span8{
        width:482px
    }
    .span9{
        width:546px
    }
    .span10{
        width:610px
    }
    .span11{
        width:674px
    }
    .span12{
        width:738px
    }
    footer .btn.newsletter{
        font-size:12px;
        padding-right:8px;
        padding-left:8px
    }
    footer #mail{
        width:124px
    }
    .footersection{
        padding:0;
        width:80%;
        margin:0 auto 50px;
        float:none !important
    }
    .footercopy{
        width:80%
    }
    .iconrefer{
        margin-left:10px
    }
    .logorhino{
        width:320px;
        margin-top:81px
    }
    .abtcopy{
        margin:70px auto 0;
        float:none !important
    }
    #page .details{
        width:100%
    }
    #page .details,#cart .details,#blog .details{
        width:90%
    }
    .crashfirst{
        width:87%
    }
    .eggbottom{
        font-size:24px;
        padding:45px 0 0;
        line-height:30px
    }
    .eggvid{
        margin:10px auto;
        display:block
    }
    .featureimg{
        width:50%
    }
    .featurescopy{
        width:50%;
        max-width:320px;
        margin:100px auto 50px
    }
    .fp-section h1{
        font-size:26px !important;
        line-height:33px !important
    }
    .featurescopy h1{
        width:240px !important
    }
    .sizebox{
        width:95%
    }
    .imgsize{
        width:57%
    }
    .boxlight{
        width:85%;
        margin:50px auto 30px
    }
    .imglight{
        width:51%
    }
    .lightcopy{
        width:55%;
        margin:100px 0 0 -50px
    }
    .imgcover{
        width:75%;
        left:-300px;
        bottom:-100px
    }
    .copycolour{
        width:80%
    }
    .copycolour p{
        width:100%
    }
    .imgcolours{
        max-width:90%;
        margin:29px auto 0
    }
    .topheadercopy,ul.devices{
        width:700px
    }
    ul.devices li img{
        width:69%
    }
    ul.devices li{
        margin:0 14px 0 0;
        font-size:11px
    }
    .feature1{
        background-size:1200px
    }
    .thin{
        left:15%
    }
    .feature3{
        background-position:-500px 0
    }
    .scratch{
        top:80px;
        left:460px
    }
    .pack{
        background-size:1000px !important;
        height:705px
    }
    ul.press{
        padding:30px 0 0px;
        width:700px;
        font-size:13px;
        min-height:55px
    }
    ul.press li{
        margin:0 20px 0 0
    }
    ul.press li:nth-child(1){
        margin:0;
        width:281px
    }
    ul.press li img{
        height:21px
    }
    ul.presscrash li:nth-child(1){
        width:100%;
        min-height:35px;
        text-align:center
    }
    ul.presscrash li img{
        width:70px
    }
    ul.presscrash{
        padding:50px 0 0;
        width:630px
    }
    .spr-container{
        width:90% !important
    }
}
@media only screen and (min-width: 600px) and (max-width: 797px){
    #checkout-note-and-confirm{
        width:100%;
        margin:0
    }
    #cartform #cart-content-and-update-button{
        width:100%;
        float:left
    }
    #checkout-note-and-confirm .checkout-buttons,#checkout-note-and-confirm .cart-buttons{
        width:100%
    }
    #page #instafeed>div{
        width:40%
    }
    #cart #checkout-note-and-confirm>div{
        width:80%;
        margin-left:auto;
        margin-right:auto
    }
    #product .cd-tabs-content li{
        width:90%;
        margin:10px auto
    }
    #product .details h1,#product .price{
        text-align:center
    }
    #product .product-options{
        width:100%;
        margin:10px auto;
        padding:0
    }
    #product .breadcrumb,#cart .breadcrumb{
        display:block;
        padding:10px 20px;
        background-color:#efefef;
        color:#808080
    }
    #product .featured{
        width:100%;
        margin:0;
        padding:0
    }
    .productimage{
        padding-right:0px;
        padding-left:0;
        width:100%;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #dddddd
    }
    .rhinosticker{
        top:80px;
        right:0
    }
    nav.mobile{
        display:block;
        padding:0 0 30px 0
    }
    .wrapper,.toolbar,footer{
        width:100%
    }
    .span1{
        width:20px
    }
    .span2{
        width:70px
    }
    .span3{
        width:120px
    }
    .span4{
        width:170px
    }
    .span5{
        width:220px
    }
    .span6{
        width:270px
    }
    .span7{
        width:320px
    }
    .span8{
        width:370px
    }
    .span9{
        width:420px
    }
    .span10{
        width:470px
    }
    .span11{
        width:520px
    }
    .span12{
        width:570px
    }
    footer .span1,footer .span2,footer .span3,footer .span4,footer .span5,footer .span6,footer .span7,footer .span8,footer .span9,footer .span10,footer .span11,footer .span12{
        width:550px
    }
    nav>ul>li>a{
        padding:0
    }
    #product .span5{
        width:470px
    }
    #product .span1{
        width:70px
    }
    #blog .span9{
        width:570px
    }
    #blog .sidebar{
        display:none
    }
    #blog .article{
        width:100%;
        padding-left:10px;
        padding-right:10px
    }
    #article .sidebar{
        display:none
    }
    #article .article{
        width:100%;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box
    }
    #article .article-body{
        padding-right:0
    }
    #header .span9,#header .span3{
        width:570px
    }
    #header .span9{
        margin-left:0 !important
    }
    #header .logo{
        padding-bottom:0 !important
    }
    #header .logo a img{
        max-width:200px
    }
    .footer-menu{
        margin-bottom:20px
    }
    .footersection{
        padding:0;
        width:80%;
        margin:0 auto 50px;
        float:none !important
    }
    .footercopy{
        width:80%
    }
    .iconrefer{
        margin-left:10px
    }
    .logorhino{
        width:270px
    }
    .logocrash{
        width:250px
    }
    .homepcopy p{
        width:280px
    }
    .abtcopy{
        margin:70px auto 0;
        float:none !important
    }
    .partner{
        width:100%
    }
    .partner h1{
        width:90%;
        margin:0 auto 35px
    }
    .partnerstep{
        width:176px;
        margin:0 0 25px 0
    }
    .steps{
        width:523px;
        margin:0 auto
    }
    .step1{
        margin-left:-35px
    }
    .step2{
        margin-right:30px
    }
    .partner input[type="text"],.partner input[type="email"]{
        width:205px
    }
    .partner .mimi_field{
        width:251px
    }
    #page .details{
        width:100%
    }
    .sidenav{
        padding:10px 20px 0 20px;
        width:120px
    }
    nav>ul>li{
        margin-bottom:0
    }
    .sidenav .follow{
        margin:40px 0 20px 0
    }
    #page .details,#cart .details,#collection.details,#blog .details,.articles,#collection .details{
        width:90%
    }
    #video-tutorials .details{
        width:100%
    }
    .productlist li{
        width:100%;
        float:none !important
    }
    #article,#blog,#page,.errorpage,#collection,.cartpage,#customer-login,#customer-register{
        padding:10px 0 40px 0
    }
    #product{
        padding:0px
    }
    #video-tutorials .details>h1{
        text-align:center
    }
    #customer-login .details,#customer-register .details{
        padding:30px 0 0 0
    }
    .products .product{
        width:40%
    }
    .productpage{
        width:80%
    }
    .productimage,.productdesc{
        width:auto;
        margin:0 20px
    }
    .crashfirst{
        width:85%;
        margin:40px auto
    }
    .crashphone{
        width:300px
    }
    .crashphonevid{
        top:71px;
        left:14px;
        width:177px;
        height:331px
    }
    .crashphonevid .play{
        width:40% !important;
        top:97px !important;
        left:55px !important
    }
    .crashintro{
        min-width:225px;
        font-size:14px;
        line-height:21px
    }
    .crashintro p{
        margin:30px 0 5px
    }
    .crashsecond{
        width:90%
    }
    .eggdrop{
        width:50%;
        margin:-30px auto 20px;
        padding-left:150px
    }
    .eggbottom{
        font-size:17px;
        padding:45px 0 0;
        line-height:22px
    }
    .eggvid{
        margin:10px auto;
        display:block
    }
    .featureimg{
        width:45%
    }
    .featurescopy{
        width:50%;
        max-width:320px;
        margin:100px auto 50px
    }
    .fp-section h1{
        font-size:26px !important;
        line-height:33px !important
    }
    .featurescopy h1{
        width:240px !important
    }
    .sizebox{
        width:95%
    }
    .imgsize{
        width:50%;
        display:block
    }
    .boxlight{
        width:85%;
        margin:50px auto 30px
    }
    .imglight{
        width:45%
    }
    .lightcopy{
        width:55%;
        margin:0
    }
    .imgcover{
        width:70%;
        left:-200px;
        bottom:0
    }
    .imgcover img{
        bottom:100px
    }
    .copycolour{
        width:80%
    }
    .copycolour p{
        width:100%
    }
    .imgcolours{
        max-width:90%;
        margin:29px auto 0
    }
    .topheadercopy,ul.devices{
        width:87%
    }
    .topheadercopy{
        padding-top:45px
    }
    .tagline{
        width:328px;
        font-size:12px
    }
    .btnbuytop img{
        width:149px
    }
    .pricemain{
        font-size:19px;
        top:4px
    }
    .topheader{
        background-size:158%;
        background-position:-175px 175px
    }
    .vidfind img{
        width:125px
    }
    ul.devices li img{
        width:69%
    }
    ul.devices li{
        margin:0 10px 10px 0;
        font-size:11px
    }
    .feature1{
        background-size:930px;
        height:590px
    }
    .thin{
        left:8%
    }
    .feature3{
        background-position:-585px 0
    }
    .scratch{
        top:50px;
        left:255px;
        width:300px
    }
    .feature4{
        background-position:-250px 0
    }
    .finger{
        left:-80px
    }
    .pack{
        background-size:700px !important;
        height:545px
    }
    ul.press{
        padding:30px 0 0px;
        width:90%;
        font-size:11px;
        line-height:15px;
        min-height:55px
    }
    ul.press li{
        margin:0 20px 0 0
    }
    ul.press li:nth-child(1){
        margin:0;
        width:135px
    }
    ul.press li img{
        height:19px
    }
    ul.presscrash li:nth-child(1){
        width:100%;
        min-height:40px;
        text-align:center
    }
    ul.presscrash li img{
        width:80px
    }
    ul.presscrash{
        padding:50px 0 0;
        width:470px
    }
    ul.presscrash li:nth-child(5){
        margin:0
    }
    ul.presscrash li:nth-child(6){
        padding-left:145px
    }
    .errorpage{
        padding:130px 0 100px
    }
    .spr-container{
        width:89% !important
    }
    #collection h1,#product h1{
        float:none !important;
        font-size:22px;
        line-height:23px;
        font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif
    }
}
@media only screen and (min-width: 510px) and (max-width: 629px){
    #checkout-note-and-confirm{
        width:100%;
        margin:0
    }
    #cartform #cart-content-and-update-button{
        width:100%;
        float:left
    }
    #page #instafeed>div{
        width:100%;
        margin:0
    }
    #checkout-note-and-confirm>div{
        width:100%
    }
    #product .product-options{
        width:90%;
        margin:10px auto;
        padding:0
    }
    #product .breadcrumb,#cart .breadcrumb{
        display:inline-block;
        padding-right:10px;
        padding-left:10px
    }
    .productimage{
        padding-right:0px;
        padding-left:0;
        width:100%;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #dddddd;
        min-height:400px
    }
    #product .featured{
        width:100%;
        margin:0;
        padding:0
    }
    .rhinosticker{
        top:150px;
        right:0;
        width:120px;
        display:none
    }
    nav.main,.toolbar-customer,.crashphoned,.crashphonevid,#cart-target,.langselect,.whitearrow,#btnrefer{
        display:none
    }
    nav.mobile{
        display:block;
        padding:30px 0
    }
    #checkout-note-and-confirm .checkout-buttons,#checkout-note-and-confirm .cart-buttons{
        width:100%
    }
    .display-table-cell,.display-table-cell{
        display:block !important
    }
    .mrefer{
        display:block;
        width:85px
    }
    .featured-product-image{
        width:100%
    }
    nav.mobile{
        padding:0
    }
    .logo{
        max-width:450px
    }
    .logo h1 a{
        font-size:48px;
        margin-left:0px;
        line-height:50px
    }
    .toolbar .search-field{
        display:none
    }
    .wrapper,.toolbar,footer{
        width:100%
    }
    .span1{
        width:10px
    }
    .span2{
        width:50px
    }
    .span3{
        width:90px
    }
    .span4{
        width:130px
    }
    .span5{
        width:170px
    }
    .span6{
        width:450px
    }
    .span7{
        width:250px
    }
    .span8{
        width:290px
    }
    .span9{
        width:330px
    }
    .span10{
        width:370px
    }
    .span11{
        width:410px
    }
    .span12{
        width:450px
    }
    footer .span1,footer .span2,footer .span3,footer .span4,footer .span5,footer .span6,footer .span7,footer .span8,footer .span9,footer .span10,footer .span11,footer .span12{
        width:450px
    }
    #product .span6,#product .span4{
        width:450px
    }
    #product .span5{
        width:350px
    }
    #product .span1{
        width:70px
    }
    #blog .span9{
        width:450px
    }
    #blog .sidebar{
        display:none
    }
    #blog .article{
        width:100%;
        padding-left:10px;
        padding-right:10px
    }
    #article .sidebar{
        display:none
    }
    #article .article{
        width:100%;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box
    }
    #article .article-body{
        padding-right:0
    }
    #cart .item-description{
        display:none
    }
    #collection h1,#product h1{
        float:none !important;
        font-size:22px;
        line-height:23px;
        font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif
    }
    #collection .browse-tags{
        float:none !important;
        display:block;
        padding-top:10px
    }
    #collection .browse-tags label{
        display:none
    }
    #collection .browse-tags select{
        width:100%;
        height:30px !important;
        line-height:30px !important
    }
    #header .span9,#header .span3{
        width:450px
    }
    #header .span9{
        margin-left:0 !important
    }
    #header .logo{
        padding-bottom:0 !important
    }
    #header .logo a img{
        max-width:200px
    }
    .footer-menu{
        margin-bottom:20px
    }
    #product .thumbs .last-in-row{
        padding-right:15px
    }
    #product .thumbs .image:nth-child(6n+6){
        padding-right:0
    }
    .featured-product-image{
        margin-top:10px
    }
    #product .breadcrumb,#cart .breadcrumb{
        display:inline-block;
        padding:10px 20px
    }
    #product .details h1,#product .price{
        text-align:center
    }
    .sidenav{
        padding:10px 20px 0 20px;
        width:120px
    }
    nav>ul>li{
        margin-bottom:0
    }
    .sidenav .follow{
        margin:40px 0 20px 0
    }
    .footersection{
        padding:0;
        width:80%;
        margin:0 auto 50px;
        float:none !important
    }
    .footercopy{
        width:75%
    }
    .iconrefer{
        margin-left:10px
    }
    .logorhino{
        width:220px;
        margin-top:47px
    }
    .logocrash{
        width:200px
    }
    .homepcopy p{
        width:225px
    }
    .abtcopy{
        margin:70px auto 0;
        float:none !important;
        width:395px
    }
    .partner{
        width:90%
    }
    .partner h1{
        width:90%;
        margin:0 auto 35px
    }
    .partnerstep{
        width:70%;
        margin:0 auto 30px;
        float:none !important
    }
    .steps{
        width:100%;
        margin:0 auto
    }
    .step1copy{
        width:80%
    }
    .partnerstep img{
        margin-bottom:5px
    }
    .partner input[type="text"],.partner input[type="email"]{
        width:100%
    }
    .partner .mimi_field{
        width:90%
    }
    #page .details{
        width:100%
    }
    #page h1,#cart h1{
        font-size:28px;
        line-height:38px
    }
    .productdesc,#x-thumbs,#page .details,#collection.details,.articles,#blog .details,.productimage,#collection .details{
        width:96%;
        margin:0 auto
    }
    #y-thumbs{
        dislay:none
    }
    .productlist li{
        width:100%;
        float:none !important
    }
    #article,#blog,#page,.errorpage,#collection,.cartpage,#customer-login,#customer-register{
        padding:10px 0 40px 0
    }
    #product{
        padding:0px
    }
    #product .short-desc{
        width:90%;
        margin-left:auto;
        margin-right:auto
    }
    #product .cd-tabs-content li{
        width:90%;
        margin:20px auto
    }
    #customer-login .details,#customer-register .details{
        padding:30px 0 0 0
    }
    .products .product{
        width:40%
    }
    .productpage{
        width:80%
    }
    .productimage{
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #dddddd
    }
    .crashfirst{
        position:absolute;
        width:100%;
        height:100%
    }
    .crashphone{
        min-width:300px;
        margin:0 auto;
        height:300px;
        float:none !important
    }
    .sticker{
        top:130px;
        width:100%;
        text-align:center
    }
    .crashphonem{
        width:140px;
        margin:0 auto 0;
        display:block
    }
    .crashintro{
        padding-top:100px;
        min-width:350px;
        font-size:14px;
        line-height:21px;
        margin:0 auto 0;
        float:none !important
    }
    .crashintro p{
        margin:20px 0 0;
        font-size:13px;
        line-height:20px
    }
    .crashsecond{
        width:90%
    }
    .eggdrop{
        width:80%;
        margin:0 auto;
        padding-left:0
    }
    .eggdropinfo{
        width:50%
    }
    .eggdropbox{
        width:100%;
        margin:0 auto 20px;
        max-width:100%;
        float:none !important
    }
    .eggbottom{
        font-size:16px;
        padding:45px 0;
        line-height:24px
    }
    .eggvid{
        margin:10px auto;
        display:block
    }
    .featureimg{
        float:none !important;
        margin-top:50px;
        width:90%
    }
    .featurescopy{
        width:85%;
        max-width:480px;
        float:none !important;
        margin:0 auto 50px
    }
    .sizebox{
        width:100%;
        margin-top:50px
    }
    .imgsize{
        width:90%;
        margin:0 auto 50px;
        float:none !important;
        display:block
    }
    .boxlight{
        width:85%;
        margin:50px auto 30px
    }
    .imglight{
        width:100%;
        margin:0 auto 30px;
        float:none !important;
        display:block
    }
    .lightcopy{
        width:100% !important
    }
    .imgcover{
        width:70%;
        left:-163px;
        bottom:0
    }
    .covercopy{
        width:325px;
        margin:0 0 0 30% !important;
        position:relative
    }
    .copycolour{
        width:80%
    }
    .copycolour p{
        width:100%
    }
    .imgcolours{
        max-width:90%;
        margin:29px auto 0
    }
    .topheadercopy,ul.devices{
        width:87%
    }
    .topheadercopy{
        padding-top:45px
    }
    .tagline{
        width:287px;
        font-size:12px
    }
    .btnbuytop img{
        width:149px
    }
    .pricemain{
        font-size:19px;
        top:4px
    }
    .topheader{
        background-size:153%;
        background-position:-115px 235px
    }
    .topheaderimg{
        max-width:280px
    }
    .vidfind img{
        width:125px
    }
    ul.devices li img{
        width:69%
    }
    ul.devices li{
        margin:0 10px 10px 0;
        font-size:11px
    }
    ul.devices li:nth-child(1){
        width:282px
    }
    .feature1{
        background-size:805px;
        height:590px
    }
    .thin{
        left:8%
    }
    .feature3{
        background-position:-585px 0
    }
    .scratch{
        top:50px;
        left:175px;
        width:300px
    }
    .feature4{
        background-position:-250px 0
    }
    .finger{
        left:-50px
    }
    .pack{
        background-size:600px !important;
        height:485px
    }
    ul.press{
        padding:30px 0 0px;
        width:90%;
        font-size:11px;
        line-height:15px;
        min-height:55px
    }
    ul.press li{
        margin:0 20px 8px 0
    }
    ul.press li:nth-child(1){
        margin:0;
        width:135px
    }
    ul.press li img{
        height:19px
    }
    ul.presscrash li:nth-child(1){
        width:100%;
        min-height:40px;
        text-align:center
    }
    ul.presscrash li img{
        width:80px
    }
    ul.presscrash{
        padding:50px 0 0;
        width:442px
    }
    ul.presscrash li:nth-child(5){
        margin:0
    }
    ul.presscrash li:nth-child(6){
        padding-left:145px
    }
    .errorpage{
        padding:130px 0 100px
    }
    .spr-container{
        width:84% !important
    }
    .spr-summary-actions-newreview{
        margin-top:10px
    }
}
@media only screen and (max-width: 585px){
    #country-message{
        display:none
    }
}
@media only screen and (max-width: 509px){
    #product h1{
        margin-bottom:0
    }
    .mobile-ninety-centered{
        width:100%;
        margin:0 auto
    }
    #collection h1,#product h1{
        float:none !important;
        font-size:22px;
        line-height:23px;
        font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif
    }
    #collection h2{
        float:none !important;
        font-size:18px;
        line-height:18px;
        font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif
    }
    #collection h3{
        float:none !important;
        font-size:14px;
        line-height:14px;
        font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif
    }
    #checkout-note-and-confirm{
        width:100%;
        margin:0
    }
    #cartform #cart-content-and-update-button{
        width:100%;
        float:left
    }
    #page #instafeed>div{
        width:100%;
        margin:0
    }
    #checkout-note-and-confirm>div{
        width:100%
    }
    nav.main,.toolbar-customer,.langselect,.toolbar-cart,#checkout-link,.crashphoned,.crashphonevid,.whitearrow,#btnrefer{
        display:none
    }
    #fullpage .fp-section:first-child{
        padding-top:20px
    }
    .rhinosticker{
        top:75px;
        right:0;
        width:110px;
        display:none
    }
    .display-table-cell{
        display:block !important
    }
    .mrefer{
        display:block;
        width:85px
    }
    .featured-product-image{
        width:100%
    }
    .wrapper{
        padding:0
    }
    .wrapper,.toolbar,footer{
        width:100%
    }
    .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
        width:290px;
        float:none
    }
    .logo{
        padding-bottom:0
    }
    .logo{
        max-width:290px;
        float:none;
        padding-bottom:20px
    }
    .logo h1 a{
        font-size:48px;
        margin-left:0px;
        line-height:50px
    }
    .toolbar .search-field{
        display:none
    }
    .flex-controls{
        display:none !important
    }
    footer .btn.newsletter{
        font-size:12px;
        padding-right:8px;
        padding-left:8px
    }
    footer #mail{
        width:189px
    }
    #blog .span9{
        width:290px
    }
    #blog .sidebar{
        display:none
    }
    #blog .article{
        width:100%;
        padding-left:10px;
        padding-right:10px
    }
    #article .sidebar{
        display:none
    }
    #article .article{
        width:100%;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box
    }
    #article .article-body{
        padding-right:0
    }
    #product .details{
        width:100%
    }
    #product .title{
        font-size:22px
    }
    #product .featured{
        margin-bottom:15px
    }
    #product #y-thumbs{
        display:none
    }
    #cart .item-description,#cartform .image{
        display:none
    }
    #checkout-note-and-confirm .checkout-buttons,#checkout-note-and-confirm .cart-buttons{
        width:100%
    }
    #cartform .item{
        padding-left:0
    }
    #collection h1,#product h1{
        float:none !important;
        font-size:22px;
        line-height:23px;
        font-family:'Noto Sans', 'Noto Sans CJK TC', 'gothamrnd', sans-serif
    }
    #collection .browse-tags{
        float:none !important;
        display:block;
        padding-top:10px
    }
    #collection .browse-tags label{
        display:none
    }
    #collection .browse-tags select{
        width:100%;
        height:30px;
        line-height:30px
    }
    #product .span5{
        float:left;
        width:230px
    }
    #product .span1{
        float:left;
        width:60px;
        margin:0
    }
    #content{
        min-height:0px !important
    }
    .footer-menu{
        margin-bottom:20px
    }
    .featured-product-image{
        margin-top:10px
    }
    .prodbundle{
        margin-left:-15%;
        margin-right:-15%;
        margin-top:10px;
        margin-bottom:10px;
        display:none
    }
    #menubtn{
        margin-right:14px
    }
    nav>ul>li{
        margin-bottom:0
    }
    .sidenav{
        padding:10px 20px 0 20px;
        width:120px
    }
    .sidenav .follow{
        margin:40px 0 20px 0
    }
    .popupbox{
        width:65%;
        margin:100px auto 0;
        padding:20px 30px 30px
    }
    .popupbox h1{
        font-size:22px;
        line-height:30px
    }
    .popupbox input[type="email"]{
        width:82%;
        margin:20px 0 0
    }
    .footersection .fl:first-child{
        display:flex;
        justify-content:center;
        width:100%;
        align-items:center
    }
    .cart-buttons{
        float:none !important;
        width:100%
    }
    #checkout.button{
        padding:5px 20px 4px
    }
    .iconrefer{
        margin-left:10px
    }
    .logorhino{
        width:180px;
        margin-top:27px
    }
    .logocrash{
        width:150px
    }
    .homepcopy{
        margin-top:30px;
        padding:0 5%;
        width:90%
    }
    .homepcopy p{
        width:100%;
        font-size:8px;
        line-height:14px
    }
    .btnwhite{
        padding:5px 20px 4px
    }
    #article,#blog,#page,.errorpage,#collection,#customer-login,#customer-register{
        padding:10px 0 40px 0
    }
    #cart{
        padding:0;
        padding-bottom:40px
    }
    #customer-login .details,#customer-register .details{
        padding:30px 0 0 0
    }
    #product{
        padding:0 0 0 0
    }
    .products .product{
        width:45%
    }
    #blog .article,.article-body{
        padding-right:0
    }
    .abtcopy{
        margin:30px auto 0;
        float:none !important;
        width:85%
    }
    .partner{
        width:85%;
        margin:30px auto 30px
    }
    .partner h1{
        width:100%;
        margin:0 auto 35px
    }
    .partnerstep{
        width:70%;
        margin:0 auto 30px;
        float:none !important
    }
    .steps{
        width:100%;
        margin:0 auto
    }
    .step1copy{
        width:90%
    }
    .partnerstep img{
        margin-bottom:5px
    }
    .partner input[type="text"],.partner input[type="email"]{
        width:100%;
        margin:8px auto 20px;
        display:block;
        float:none !important
    }
    .partner .mimi_field{
        width:90%
    }
    .btnpartner{
        margin-top:0
    }
    #page .details{
        width:100%
    }
    #page h1,#cart h1{
        font-size:30px;
        line-height:37px
    }
    #blog h1{
        font-size:22px;
        line-height:37px
    }
    .productimage,.productdesc,#product .thumbs,.productlist li,#cart .details,.articles,#collection .details{
        width:100%;
        padding:0 20px
    }
    #cart .details{
        padding:0
    }
    #product .featured{
        width:100%;
        margin:0;
        padding:0
    }
    #product .cd-gallery{
        margin:0;
        padding:0
    }
    #product .details,#cart .details{
        margin:0;
        padding-top:0
    }
    #collection .details{
        padding-top:3px
    }
    #product .details h1,#product .purchase{
        text-align:center
    }
    #product>.row{
        margin:0
    }
    #product .short-desc{
        margin-left:auto;
        margin-right:auto
    }
    #product .cd-tabs-content li{
        width:90%;
        margin:20px auto
    }
    #product .product-options{
        width:90%;
        margin:10px auto;
        padding:0
    }
    #product .breadcrumb,#cart .breadcrumb{
        display:inline-block;
        padding:10px 20px;
        background-color:#efefef;
        color:#808080
    }
    #product .description{
        margin-top:0
    }
    #cart .details{
        margin:0 auto 0
    }
    .return-to-store{
        margin:10px 0;
        text-align:center
    }
    #page .details,.productpage,#blog .details{
        width:92%;
        margin:0 auto
    }
    #video-tuturials{
        max-width:1000px;
        margin:0 auto
    }
    #video-tutorials .details{
        width:100%;
        margin:0
    }
    #video-tutorials .details>h1{
        text-align:center
    }
    #cart{
        margin:0 auto;
        width:85%;
        padding-top:15px
    }
    #collection.details{
        width:90%;
        margin:50px auto
    }
    .qty input{
        width:15px
    }
    a.btn,input.btn{
        padding:0 7px
    }
    .productpage{
        width:85%
    }
    .productimage{
        padding-right:0px;
        padding-left:0;
        width:100%;
        min-height:400px
    }
    .crashfirst{
        position:absolute;
        width:100%;
        height:100%
    }
    .crashphone{
        height:300px;
        width:100%;
        margin:0 auto;
        float:none !important
    }
    .sticker{
        top:130px;
        width:100%;
        text-align:center
    }
    .crashphonem{
        width:140px;
        margin:0 auto 0;
        display:block
    }
    .crashintro{
        min-width:250px;
        font-size:14px;
        line-height:21px;
        margin:0 auto 0;
        float:none !important
    }
    .crashintro p{
        margin:20px 0 0;
        font-size:13px;
        line-height:20px
    }
    .crashsecond{
        width:90%
    }
    .eggdrop{
        width:80%;
        margin:10px auto;
        padding-left:0
    }
    .eggdropinfo{
        width:80%
    }
    .eggdropbox{
        width:100%;
        margin:0 auto 10px;
        max-width:100%;
        float:none !important
    }
    .eggbottom{
        font-size:16px;
        padding:20px 0 30px;
        line-height:24px
    }
    .eggvid{
        margin:10px auto;
        display:block
    }
    .featurescopy{
        width:280px;
        margin:0 auto 30px;
        float:none !important
    }
    .fp-section h1{
        font-size:25px !important;
        line-height:33px !important
    }
    .featurescopy h1{
        width:215px
    }
    .featureimg{
        float:none !important;
        margin-top:50px;
        width:90%
    }
    .sizebox{
        width:100%;
        margin-top:50px
    }
    .imgsize{
        width:90%;
        margin:0 auto 50px;
        float:none !important;
        display:block
    }
    .boxlight{
        width:85%;
        margin:50px auto 30px
    }
    .imglight{
        width:100%;
        margin:0 auto 30px
    }
    .imgcover{
        width:120%;
        left:-40px;
        top:-200px
    }
    .imgcover img{
        bottom:-100px
    }
    .covercopy{
        width:280px;
        margin:200px 0 0 5% !important;
        z-index:10;
        position:relative
    }
    .copycolour{
        width:80%;
        margin-top:40px
    }
    .copycolour p{
        width:100%
    }
    .imgcolours{
        max-width:90%;
        margin:29px auto 0
    }
    .rhino{
        width:270px
    }
    .topheadercopy,ul.devices{
        width:87%
    }
    .topheadercopy{
        padding-top:45px
    }
    .tagline{
        width:287px;
        font-size:12px
    }
    .btnbuytop img{
        width:149px
    }
    .pricemain{
        font-size:19px;
        top:4px
    }
    .topheader{
        background-size:153%;
        background-position:-101px 312px
    }
    .topheaderimg{
        width:220px !important
    }
    .vidfind img,#vid2 img{
        width:125px
    }
    ul.devices{
        width:320px;
        font-size:12px;
        padding:20px 0
    }
    ul.devices li{
        float:left;
        width:106px;
        text-align:center;
        margin:0 0 10px 0
    }
    ul.devices li:nth-child(1){
        float:left;
        margin:0 0 10px 0;
        width:240px;
        text-align:center;
        padding:0 40px
    }
    ul.devices li img{
        height:12px;
        margin:0
    }
    .feature1{
        background-size:135%;
        height:590px
    }
    .impact{
        width:75%
    }
    .feature2{
        background-size:300%;
        background-position:-390px 0;
        height:450px
    }
    .thin{
        left:8%
    }
    .feature3{
        background-position:-602px 106px
    }
    .scratch{
        top:0;
        left:0;
        position:relative;
        width:80%;
        margin:0 auto;
        padding-top:40px
    }
    .feature4{
        background-position:-233px 155px;
        background-size:294%;
        height:590px
    }
    .finger{
        left:0;
        top:0;
        position:relative;
        width:70%;
        padding-top:80px
    }
    .pack{
        background-size:125% !important;
        height:460px
    }
    ul.press{
        padding:30px 0 0px;
        width:90%;
        font-size:11px;
        line-height:15px;
        min-height:55px
    }
    ul.press li{
        margin:0 20px 8px 0
    }
    ul.press li:nth-child(1){
        margin:0;
        width:135px
    }
    ul.press li img{
        height:19px
    }
    ul.presscrash li:nth-child(1){
        width:95%;
        min-height:50px;
        text-align:center;
        padding:0 5%
    }
    ul.presscrash li{
        width:50%;
        margin:0;
        text-align:center
    }
    ul.presscrash li img{
        width:90px
    }
    ul.presscrash{
        padding:50px 0 40px;
        width:300px
    }
    .errorpage{
        padding:130px 0 100px
    }
    .spr-container{
        width:84% !important
    }
    .spr-summary-actions-newreview{
        margin-top:10px
    }
    .popup{
        overflow:scroll
    }
    .vidbox{
        position:absolute;
        font-size:11px;
        line-height:16px;
        color:#ffd200;
        text-transform:uppercase;
        box-shadow:none;
        background:#000;
        width:100%;
        max-width:100%;
        padding:25px 7px;
        box-sizing:border-box;
        z-index:20;
        margin:0;
        overflow:scroll
    }
    #btnclose1{
        top:2px
    }
    #contact_form input[type="submit"],.button,.mimi_field .submit{
        font-size:11px;
        padding:0
    }
}
.ie8 .product .circle,.ie8 #product .circle{
    right:0;
    top:0;
    padding:8px 12px
}
.ie7 nav>ul>li{
    float:left !important;
    display:inline-block !important
}
.ie8 .helper-section:hover .helper-content .product{
    filter:alpha(opacity=20)
}
.ie8 .helper-section:hover .helper-content .product img{
    filter:alpha(opacity=20)
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    height:40px;
    width:40px;
    margin-top:-20px;
    margin-left:-20px;
    cursor:pointer;
    overflow:hidden;
    z-index:1104;
    display:none
}
* html #fancybox-loading{
    position:absolute;
    margin-top:0
}
#fancybox-loading div{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:480px;
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox.png?5734&8585075586381506754")
}
#fancybox-overlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#000;
    z-index:999999;
    display:none
}
* html #fancybox-overlay{
    position:absolute;
    width:100%
}
#fancybox-tmp{
    padding:0;
    margin:0;
    border:0;
    overflow:auto;
    display:none
}
#fancybox-wrap{
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:20px;
    z-index:999999;
    display:none
}
#fancybox-outer{
    position:relative;
    width:100%;
    height:100%;
    background:#FFF;
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4)
}
#fancybox-inner{
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    padding:0;
    margin:0;
    outline:0;
    overflow:hidden
}
#fancybox-hide-sel-frame{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:transparent
}
#fancybox-close{
    position:absolute;
    top:-15px;
    right:-15px;
    width:30px;
    height:30px;
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox.png?5734&8585075586381506754");
    background-position:-40px 0;
    cursor:pointer;
    z-index:1103;
    display:none
}
#fancybox_error{
    color:#444;
    font:normal 12px/20px Arial;
    padding:7px;
    margin:0
}
#fancybox-content{
    height:auto;
    width:auto;
    padding:0;
    margin:0
}
#fancybox-img{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:0;
    vertical-align:top;
    -ms-interpolation-mode:bicubic
}
#fancybox-frame{
    position:relative;
    width:100%;
    height:100%;
    border:0;
    display:block
}
#fancybox-title{
    position:absolute;
    bottom:0;
    left:0;
    font-size:12px;
    z-index:1102
}
.fancybox-title-inside{
    padding:10px 0;
    text-align:center;
    color:#333
}
.fancybox-title-outside{
    padding-top:5px;
    color:#FFF;
    text-align:center;
    font-weight:bold
}
.fancybox-title-over{
    color:#FFF;
    text-align:left
}
#fancybox-title-wrap{
    display:inline-block
}
#fancybox-title-wrap span{
    height:32px;
    float:left
}
#fancybox-title-left{
    padding-left:15px;
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox.png?5734&8585075586381506754");
    background-position:-40px -90px;
    background-repeat:no-repeat
}
#fancybox-title-main{
    font-weight:bold;
    line-height:29px;
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox-x.png?8585075586381506754");
    background-position:0 -40px;
    color:#FFF
}
#fancybox-title-right{
    padding-left:15px;
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox.png?5734&8585075586381506754");
    background-position:-55px -90px;
    background-repeat:no-repeat
}
#fancybox-left,#fancybox-right{
    position:absolute;
    bottom:0;
    height:100%;
    width:35%;
    cursor:pointer;
    outline:0;
    z-index:1102;
    display:none
}
#fancybox-left{
    left:0
}
#fancybox-right{
    right:0
}
#fancybox-left-ico,#fancybox-right-ico{
    position:absolute;
    top:50%;
    left:-9999px;
    width:30px;
    height:30px;
    margin-top:-15px;
    cursor:pointer;
    z-index:1102;
    display:block
}
#fancybox-left-ico{
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox.png?5734&8585075586381506754");
    background-position:-40px -30px
}
#fancybox-right-ico{
    background-image:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/fancybox.png?5734&8585075586381506754");
    background-position:-40px -60px
}
#fancybox-left:hover,#fancybox-right:hover{
    visibility:visible
}
#fancybox-left:hover span{
    left:20px
}
#fancybox-right:hover span{
    left:auto;
    right:20px
}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
    outline:none
}
.slides,.flex-control-nav,.flex-direction-nav{
    margin:0;
    padding:0;
    list-style:none
}
.flexslider{
    width:100%;
    margin:0 0 30px 0;
    padding:0
}
.flexslider .slides>li{
    display:none;
    -webkit-backface-visibility:hidden;
    margin-bottom:0px !important
}
.flexslider .slides img{
    max-width:100%;
    display:block;
    margin:0 auto
}
.flex-pauseplay span{
    text-transform:capitalize
}
.slides:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
html[xmlns] .slides{
    display:block
}
* html .slides{
    height:1%
}
.no-js .slides>li:first-child{
    display:block
}
.flexslider{
    background:#fff;
    position:relative;
    zoom:1
}
.flexslider .slides{
    zoom:1
}
.flexslider .slides>li{
    position:relative
}
.flex-container{
    zoom:1;
    position:relative
}
.flex-caption{
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom:1
}
.flex-caption{
    width:96%;
    padding:2%;
    margin:0;
    position:absolute;
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.8);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.8);
    font-size:14px;
    line-height:18px
}
.flex-direction-nav{
    height:0;
    display:none
}
.flex-direction-nav li{
    margin-bottom:0
}
.flex-direction-nav li a{
    width:50px;
    height:50px;
    display:block;
    background:url("//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/slider-arrows.png?47334&8585075586381506754") no-repeat;
    position:absolute;
    top:44%;
    cursor:pointer;
    text-indent:-999em
}
.flex-direction-nav li .disabled{
    opacity:.3;
    filter:alpha(opacity=30);
    cursor:default
}
.flex-direction-nav li .prev{
    left:20px;
    background-position:0 0
}
.flex-direction-nav li .next{
    right:20px;
    background-position:-250px 0
}
.flex-direction-nav li .prev:hover{
    background-position:0 -50px
}
.flex-direction-nav li .next:hover{
    background-position:-250px -50px
}
.flex-controls{
    opacity:0.9;
    filter:alpha(opacity=90)
}
.slides a:hover{
    opacity:1
}
@font-face{
    font-family:'ProximaNovaLight';
    src:url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.eot");
    src:url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"),url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.woff") format("woff"),url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.ttf") format("truetype"),url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.svg#ProximaNovaRegular") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'ProximaNovaLight';
    src:url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.eot");
    src:url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"),url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.woff") format("woff"),url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.ttf") format("truetype"),url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.svg#ProximaNovaRegular") format("svg");
    font-weight:bold;
    font-style:normal
}
.helper-note{
    font-size:16px;
    background:#31373d;
    border:none;
    color:#96a7b6;
    padding:30px;
    position:absolute;
    max-width:510px;
    margin-left:-255px;
    left:50%;
    z-index:99999;
    opacity:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    filter:alpha(opacity=0);
    -webkit-transition:opacity 0.1s cubic-bezier(0, 0, 0.33, 1),margin-top 0.5s cubic-bezier(0.45, 0, 0, 0.95);
    -moz-transition:opacity 0.1s cubic-bezier(0, 0, 0.33, 1),margin-top 0.5s cubic-bezier(0.45, 0, 0, 0.95);
    transition:opacity 0.1s cubic-bezier(0, 0, 0.33, 1),margin-top 0.5s cubic-bezier(0.45, 0, 0, 0.95)
}
@media only screen and (max-width: 509px){
    .helper-note{
        width:270px;
        margin-left:-145px
    }
}
.helper-note p{
    line-height:18px;
    margin-bottom:15px;
    margin-left:40px;
    font-size:13px
}
.helper-note p:last-child{
    margin-bottom:0
}
.helper-note h3{
    font-family:'ProximaNovaLight';
    font-size:19px;
    font-weight:normal;
    color:#ffffff;
    margin-left:40px
}
.helper-note a.secondary-action{
    display:inline-block;
    line-height:30px;
    color:#479ccf
}
.helper-note a.admin-btn-primary{
    margin-right:15px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    height:32px;
    line-height:30px;
    padding:0 9px;
    font-size:13px;
    border-radius:4px;
    text-decoration:none;
    white-space:nowrap;
    text-transform:none;
    vertical-align:middle;
    background-color:#479ccf;
    border:1px solid #2f82b4;
    color:#fff
}
.helper-note a.admin-btn-primary:active{
    box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
    background-color:#2f82b4;
    border-color:#24658c
}
.helper-note .helper-icon{
    float:left;
    margin-top:4px;
    width:24px;
    height:24px;
    background-size:contain;
    display:inline-block;
    vertical-align:top
}
.helper-section{
    clear:both
}
.helper-section:hover .helper-note{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:all 0.5s cubic-bezier(0.45, 0, 0, 0.95);
    -moz-transition:all 0.5s cubic-bezier(0.45, 0, 0, 0.95);
    transition:all 0.5s cubic-bezier(0.45, 0, 0, 0.95)
}
.helper-section .helper-content{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:opacity 0.25s cubic-bezier(0.67, 0, 1, 1);
    -moz-transition:opacity 0.25s cubic-bezier(0.67, 0, 1, 1);
    transition:opacity 0.25s cubic-bezier(0.67, 0, 1, 1)
}
.helper-section:hover .helper-content{
    opacity:0.2;
    filter:alpha(opacity=20);
    -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.33, 1);
    -moz-transition:opacity 0.3s cubic-bezier(0, 0, 0.33, 1);
    transition:opacity 0.3s cubic-bezier(0, 0, 0.33, 1)
}
.helper-homepage-products{
    margin-top:215px
}
.helper-section:hover .helper-homepage-products{
    margin-top:200px
}
.helper-homepage-page{
    margin-top:95px
}
.helper-section:hover .helper-homepage-page{
    margin-top:80px
}
.helper-all-products{
    margin-top:115px
}
.helper-section:hover .helper-all-products{
    margin-top:100px
}
.helper-product{
    margin-top:115px
}
.helper-section:hover .helper-product{
    margin-top:100px
}
.collectionswatch .swatch{
    margin:0
}
.swatch{
    margin:0 0 10px 0
}
.collectionswatch .header{
    display:none
}
.swatch .header{
    margin:0;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased;
    font-family:'Noto Sans', sans-serif;
    background:none;
    border:0;
    width:100%;
    line-height:13px;
    text-align:left
}
.swatch input{
    display:none
}
.collectionswatch .swatch label{
    min-width:13px !important;
    height:13px !important
}
.swatch label{
    float:left;
    min-width:0 !important;
    height:20px !important;
    margin:0;
    background-color:#ddd;
    font-size:13px;
    text-align:center;
    line-height:35px;
    white-space:nowrap;
    text-transform:uppercase;
    background-size:100%
}
.collectionswatch .swatch-element label{
    padding:0
}
.swatch-element label{
    padding:0 10px
}
.collectionswatch .swatch input:checked+label{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.swatch input:checked+label{
    -moz-box-shadow:inset 0 0 0 4px #000000;
    -webkit-box-shadow:inset 0 0 0 4px #000000;
    box-shadow:inset 0 0 0 4px #000000
}
.collectionswatch .swatch .swatch-element{
    width:15px;
    height:15px
}
.swatch .swatch-element{
    float:left;
    -webkit-transform:translateZ(0);
    -webkit-font-smoothing:antialiased;
    position:relative;
    width:25px;
    overflow:hidden;
    margin-right:10px
}
.crossed-out{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.swatch .swatch-element .crossed-out{
    display:none
}
.swatch .swatch-element.soldout .crossed-out{
    display:block
}
.swatch .swatch-element.soldout label{
    filter:alpha(opacity=60);
    -khtml-opacity:0.6;
    -moz-opacity:0.6;
    opacity:0.6
}
.swatch .tooltip{
    text-align:center;
    background:gray;
    color:#fff;
    bottom:100%;
    padding:10px;
    display:block;
    position:absolute;
    width:100px;
    left:-23px;
    margin-bottom:15px;
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -ms-transform:translateY(10px);
    -o-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out;
    -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    -moz-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    -ms-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    -o-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    z-index:10000;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.swatch .tooltip:before{
    bottom:-20px;
    content:" ";
    display:block;
    height:20px;
    left:0;
    position:absolute;
    width:100%
}
.swatch .tooltip:after{
    border-left:solid transparent 10px;
    border-right:solid transparent 10px;
    border-top:solid gray 10px;
    bottom:-10px;
    content:" ";
    height:0;
    left:50%;
    margin-left:-13px;
    position:absolute;
    width:0
}
.swatch .swatch-element:hover .tooltip{
    filter:alpha(opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px)
}
.swatch.error{
    background-color:#e8d2d2 !important;
    color:#333 !important;
    padding:1em;
    border-radius:5px
}
.swatch.error p{
    margin:0.7em 0
}
.swatch.error p:first-child{
    margin-top:0
}
.swatch.error p:last-child{
    margin-bottom:0
}
.swatch.error code{
    font-family:monospace
}
.spr-badge{
    margin-top:5px
}
.spr-container{
    width:93%;
    margin-top:40px;
    border-color:#CCC !important
}
.spr-header-title{
    font-size:19px !important;
    text-transform:uppercase
}
.spr-summary-actions-newreview{
    transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -webkit-transition:.25s ease-in-out;
    -webkit-font-smoothing:antialiased;
    font-size:11px !important;
    background:#444;
    color:#fff !important;
    border:none !important;
    font-family:'Noto Sans', sans-serif;
    padding:3px 20px 2px !important;
    border-radius:30px !important;
    text-transform:uppercase !important;
    text-align:center;
    display:inline-block !important
}
input.spr-button-primary{
    transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -webkit-transition:.25s ease-in-out;
    -webkit-font-smoothing:antialiased;
    font-size:11px !important;
    background:#444;
    color:#fff !important;
    border:none !important;
    font-family:'Noto Sans', sans-serif;
    padding:3px 20px 2px !important;
    border-radius:30px !important;
    text-transform:uppercase !important;
    text-align:center;
    display:inline-block !important;
    height:29px !important;
    line-height:11px !important
}
.spr-form-input-textarea{
    padding-top:10px
}
.spr-form-input-text,.spr-form-input-email,.spr-form-input-textarea{
    border:1px solid #CCC !important
}
.spr-form-label{
    font-size:11px !important;
    text-transform:uppercase
}
.spr-form-title{
    text-transform:uppercase
}
#shappify_bundle form{
    margin:30px 0 0 !important;
    padding:30px;
    width:92%;
    background:#f6f6f6
}
.product-bundle .bundle-name{
    margin:10px 0 10px 0;
    font-size:11px;
    min-height:30px
}
.product-options select{
    width:100%
}
.product-bundle .bundle-title{
    font-size:18px;
    line-height:23px
}
.product-bundle button .top-button{
    font-family:'Noto Sans', 'Noto Sans CJK TC', "gothamrndmed", sans-serif;
    -webkit-font-smoothing:antialiased;
    text-transform:uppercase;
    padding:1px 5px 2px 5px !important;
    line-height:18px
}
.product-bundle .bundle-total button{
    width:77% !important
}
@media only screen and (min-width: 510px) and (max-width: 629px){
    #shappify_bundle{
        width:80%
    }
    #two-product.product-bundle.with-total .bundle-equals{
        width:100% !important
    }
    body .product-bundle .bundle-equals{
        margin:22px 0 !important;
        display:block
    }
    .product-bundle .bundle-total button{
        width:100% !important;
        max-width:100% !important
    }
    .product-bundle .product-wrapper{
        margin-bottom:40px
    }
    body .product-bundle .bundle-plus{
        margin-bottom:20px
    }
}
@media only screen and (max-width: 509px){
    #shappify_bundle{
        width:80%
    }
    #two-product.product-bundle.with-total .bundle-equals{
        width:100% !important
    }
    body .product-bundle .bundle-equals{
        margin:22px 0 !important;
        display:block
    }
    .product-bundle .bundle-total button{
        width:100% !important;
        max-width:100% !important
    }
    .product-bundle .product-wrapper{
        margin-bottom:40px
    }
    body .product-bundle .bundle-plus{
        margin-bottom:20px
    }
}
.yotpo .yotpo-icon-btn-big.transparent-color-btn{
    display:none
}
.yotpo .yotpo-small-box{
    pointer-events:none
}
#instafeed{
    padding-bottom:45px;
    min-height:150px
}
#page #instafeed{
    text-align:center
}
#page #instafeed>div{
    max-width:300px;
    display:inline-block;
    float:none
}
#instafeed>div{
    width:24%
}
#socialphotos-root .media-body,#socialphotos-modal .media-body{
    word-wrap:break-word
}
.share-buttons{
    list-style:none
}
body.noscroll{
    overflow:hidden
}
#swipebox-slider .slide.current img{
    background-color:white
}
#order-form img{
    min-width:50px
}
#product-select{
    display:none
}
.available-in-more-colors{
    display:none;
    margin-bottom:9px;
    background:#eee;
    text-transform:uppercase;
    font-size:13px;
    padding:5px 0;
    max-width:220px;
    margin-left:auto;
    margin-right:auto;
    background:#fff5c6;
    background:-moz-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
    background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff5c6), color-stop(100%, #fffae3));
    background:-webkit-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
    background:-o-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
    background:-ms-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
    background:linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5c6', endColorstr='#fffae3',GradientType=1 );
    border:grey solid 1px
}
#product ol.cd-dots{
    display:none !important
}
#x-options{
    float:left;
    margin-left:10px
}
.swatch label.header{
    line-height:normal;
    width:auto
}
#fullpage{
    margin-top:0px !important
}
@media only screen and (min-width: 768px){
    #product .productimage{
        text-align:center
    }
}
.center{
    text-align:center
}
body{
    -webkit-backface-visibility:hidden
}
.animated{
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-moz-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-o-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    -moz-animation-name:flash;
    -o-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px)
    }
}
@-moz-keyframes shake{
    0%,100%{
        -moz-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -moz-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -moz-transform:translateX(10px)
    }
}
@-o-keyframes shake{
    0%,100%{
        -o-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -o-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -o-transform:translateX(10px)
    }
}
@keyframes shake{
    0%,100%{
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    -moz-animation-name:shake;
    -o-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{
        -webkit-transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px)
    }
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{
        -moz-transform:translateY(0)
    }
    40%{
        -moz-transform:translateY(-30px)
    }
    60%{
        -moz-transform:translateY(-15px)
    }
}
@-o-keyframes bounce{
    0%,20%,50%,80%,100%{
        -o-transform:translateY(0)
    }
    40%{
        -o-transform:translateY(-30px)
    }
    60%{
        -o-transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,100%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    -moz-animation-name:bounce;
    -o-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0)
    }
}
@-moz-keyframes tada{
    0%{
        -moz-transform:scale(1)
    }
    10%,20%{
        -moz-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -moz-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -moz-transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -moz-transform:scale(1) rotate(0)
    }
}
@-o-keyframes tada{
    0%{
        -o-transform:scale(1)
    }
    10%,20%{
        -o-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -o-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -o-transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -o-transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        transform:scale(1)
    }
    10%,20%{
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    -moz-animation-name:tada;
    -o-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{
        -webkit-transform-origin:top center
    }
    20%{
        -webkit-transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0deg)
    }
}
@-moz-keyframes swing{
    20%{
        -moz-transform:rotate(15deg)
    }
    40%{
        -moz-transform:rotate(-10deg)
    }
    60%{
        -moz-transform:rotate(5deg)
    }
    80%{
        -moz-transform:rotate(-5deg)
    }
    100%{
        -moz-transform:rotate(0deg)
    }
}
@-o-keyframes swing{
    20%{
        -o-transform:rotate(15deg)
    }
    40%{
        -o-transform:rotate(-10deg)
    }
    60%{
        -o-transform:rotate(5deg)
    }
    80%{
        -o-transform:rotate(-5deg)
    }
    100%{
        -o-transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    -moz-animation-name:swing;
    -o-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0%)
    }
}
@-moz-keyframes wobble{
    0%{
        -moz-transform:translateX(0%)
    }
    15%{
        -moz-transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -moz-transform:translateX(20%) rotate(3deg)
    }
    45%{
        -moz-transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -moz-transform:translateX(10%) rotate(2deg)
    }
    75%{
        -moz-transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -moz-transform:translateX(0%)
    }
}
@-o-keyframes wobble{
    0%{
        -o-transform:translateX(0%)
    }
    15%{
        -o-transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -o-transform:translateX(20%) rotate(3deg)
    }
    45%{
        -o-transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -o-transform:translateX(10%) rotate(2deg)
    }
    75%{
        -o-transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -o-transform:translateX(0%)
    }
}
@keyframes wobble{
    0%{
        transform:translateX(0%)
    }
    15%{
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        transform:translateX(0%)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    -moz-animation-name:wobble;
    -o-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes pulse{
    0%{
        -moz-transform:scale(1)
    }
    50%{
        -moz-transform:scale(1.1)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes pulse{
    0%{
        -o-transform:scale(1)
    }
    50%{
        -o-transform:scale(1.1)
    }
    100%{
        -o-transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.1)
    }
    100%{
        transform:scale(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    -moz-animation-name:pulse;
    -o-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotateY(0);
        -webkit-animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) scale(1);
        -webkit-animation-timing-function:ease-in
    }
}
@-moz-keyframes flip{
    0%{
        -moz-transform:perspective(400px) rotateY(0);
        -moz-animation-timing-function:ease-out
    }
    40%{
        -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function:ease-out
    }
    50%{
        -moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function:ease-in
    }
    80%{
        -moz-transform:perspective(400px) rotateY(360deg) scale(0.95);
        -moz-animation-timing-function:ease-in
    }
    100%{
        -moz-transform:perspective(400px) scale(1);
        -moz-animation-timing-function:ease-in
    }
}
@-o-keyframes flip{
    0%{
        -o-transform:perspective(400px) rotateY(0);
        -o-animation-timing-function:ease-out
    }
    40%{
        -o-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function:ease-out
    }
    50%{
        -o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function:ease-in
    }
    80%{
        -o-transform:perspective(400px) rotateY(360deg) scale(0.95);
        -o-animation-timing-function:ease-in
    }
    100%{
        -o-transform:perspective(400px) scale(1);
        -o-animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        transform:perspective(400px) rotateY(0);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function:ease-in
    }
    100%{
        transform:perspective(400px) scale(1);
        animation-timing-function:ease-in
    }
}
.flip{
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flip;
    -moz-backface-visibility:visible !important;
    -moz-animation-name:flip;
    -o-backface-visibility:visible !important;
    -o-animation-name:flip;
    backface-visibility:visible !important;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@-moz-keyframes flipInX{
    0%{
        -moz-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -moz-transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -moz-transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -moz-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@-o-keyframes flipInX{
    0%{
        -o-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -o-transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -o-transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -o-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX{
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flipInX;
    -moz-backface-visibility:visible !important;
    -moz-animation-name:flipInX;
    -o-backface-visibility:visible !important;
    -o-animation-name:flipInX;
    backface-visibility:visible !important;
    animation-name:flipInX
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@-moz-keyframes flipOutX{
    0%{
        -moz-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -moz-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@-o-keyframes flipOutX{
    0%{
        -o-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -o-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    -webkit-backface-visibility:visible !important;
    -moz-animation-name:flipOutX;
    -moz-backface-visibility:visible !important;
    -o-animation-name:flipOutX;
    -o-backface-visibility:visible !important;
    animation-name:flipOutX;
    backface-visibility:visible !important
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@-moz-keyframes flipInY{
    0%{
        -moz-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -moz-transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -moz-transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -moz-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@-o-keyframes flipInY{
    0%{
        -o-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -o-transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -o-transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -o-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY{
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flipInY;
    -moz-backface-visibility:visible !important;
    -moz-animation-name:flipInY;
    -o-backface-visibility:visible !important;
    -o-animation-name:flipInY;
    backface-visibility:visible !important;
    animation-name:flipInY
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@-moz-keyframes flipOutY{
    0%{
        -moz-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -moz-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@-o-keyframes flipOutY{
    0%{
        -o-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -o-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flipOutY;
    -moz-backface-visibility:visible !important;
    -moz-animation-name:flipOutY;
    -o-backface-visibility:visible !important;
    -o-animation-name:flipOutY;
    backface-visibility:visible !important;
    animation-name:flipOutY
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-o-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInUp{
    0%{
        opacity:0;
        -o-transform:translateY(20px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown{
    0%{
        opacity:0;
        -o-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft{
    0%{
        opacity:0;
        -moz-transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft{
    0%{
        opacity:0;
        -o-transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight{
    0%{
        opacity:0;
        -moz-transform:translateX(20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInRight{
    0%{
        opacity:0;
        -o-transform:translateX(20px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    -moz-animation-name:fadeInUpBig;
    -o-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    -moz-animation-name:fadeInDownBig;
    -o-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    -moz-animation-name:fadeInLeftBig;
    -o-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    -moz-animation-name:fadeInRightBig;
    -o-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-moz-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-o-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    -moz-animation-name:fadeOut;
    -o-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px)
    }
}
@-moz-keyframes fadeOutUp{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-20px)
    }
}
@-o-keyframes fadeOutUp{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    -moz-animation-name:fadeOutUp;
    -o-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px)
    }
}
@-moz-keyframes fadeOutDown{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(20px)
    }
}
@-o-keyframes fadeOutDown{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    -moz-animation-name:fadeOutDown;
    -o-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px)
    }
}
@-moz-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-20px)
    }
}
@-o-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    -moz-animation-name:fadeOutLeft;
    -o-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px)
    }
}
@-moz-keyframes fadeOutRight{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(20px)
    }
}
@-o-keyframes fadeOutRight{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    -moz-animation-name:fadeOutRight;
    -o-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
}
@-moz-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
}
@-o-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    -moz-animation-name:fadeOutUpBig;
    -o-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
}
@-moz-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
}
@-o-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    -moz-animation-name:fadeOutDownBig;
    -o-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
}
@-moz-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
}
@-o-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    -moz-animation-name:fadeOutLeftBig;
    -o-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
}
@-moz-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
}
@-o-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    -moz-animation-name:fadeOutRightBig;
    -o-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(0.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(0.9)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes bounceIn{
    0%{
        opacity:0;
        -moz-transform:scale(0.3)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.05)
    }
    70%{
        -moz-transform:scale(0.9)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes bounceIn{
    0%{
        opacity:0;
        -o-transform:scale(0.3)
    }
    50%{
        opacity:1;
        -o-transform:scale(1.05)
    }
    70%{
        -o-transform:scale(0.9)
    }
    100%{
        -o-transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        transform:scale(0.3)
    }
    50%{
        opacity:1;
        transform:scale(1.05)
    }
    70%{
        transform:scale(0.9)
    }
    100%{
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    -moz-animation-name:bounceIn;
    -o-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes bounceInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(-30px)
    }
    80%{
        -moz-transform:translateY(10px)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes bounceInUp{
    0%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateY(-30px)
    }
    80%{
        -o-transform:translateY(10px)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        transform:translateY(-30px)
    }
    80%{
        transform:translateY(10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    -moz-animation-name:bounceInUp;
    -o-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes bounceInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(30px)
    }
    80%{
        -moz-transform:translateY(-10px)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes bounceInDown{
    0%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateY(30px)
    }
    80%{
        -o-transform:translateY(-10px)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        transform:translateY(30px)
    }
    80%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    -moz-animation-name:bounceInDown;
    -o-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes bounceInLeft{
    0%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateX(30px)
    }
    80%{
        -moz-transform:translateX(-10px)
    }
    100%{
        -moz-transform:translateX(0)
    }
}
@-o-keyframes bounceInLeft{
    0%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateX(30px)
    }
    80%{
        -o-transform:translateX(-10px)
    }
    100%{
        -o-transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        transform:translateX(30px)
    }
    80%{
        transform:translateX(-10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    -moz-animation-name:bounceInLeft;
    -o-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes bounceInRight{
    0%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateX(-30px)
    }
    80%{
        -moz-transform:translateX(10px)
    }
    100%{
        -moz-transform:translateX(0)
    }
}
@-o-keyframes bounceInRight{
    0%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateX(-30px)
    }
    80%{
        -o-transform:translateX(10px)
    }
    100%{
        -o-transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        transform:translateX(-30px)
    }
    80%{
        transform:translateX(10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    -moz-animation-name:bounceInRight;
    -o-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1)
    }
    25%{
        -webkit-transform:scale(0.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.3)
    }
}
@-moz-keyframes bounceOut{
    0%{
        -moz-transform:scale(1)
    }
    25%{
        -moz-transform:scale(0.95)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0.3)
    }
}
@-o-keyframes bounceOut{
    0%{
        -o-transform:scale(1)
    }
    25%{
        -o-transform:scale(0.95)
    }
    50%{
        opacity:1;
        -o-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -o-transform:scale(0.3)
    }
}
@keyframes bounceOut{
    0%{
        transform:scale(1)
    }
    25%{
        transform:scale(0.95)
    }
    50%{
        opacity:1;
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        transform:scale(0.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    -moz-animation-name:bounceOut;
    -o-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
}
@-moz-keyframes bounceOutUp{
    0%{
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
}
@-o-keyframes bounceOutUp{
    0%{
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    -moz-animation-name:bounceOutUp;
    -o-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
}
@-moz-keyframes bounceOutDown{
    0%{
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
}
@-o-keyframes bounceOutDown{
    0%{
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    -moz-animation-name:bounceOutDown;
    -o-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
}
@-moz-keyframes bounceOutLeft{
    0%{
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
}
@-o-keyframes bounceOutLeft{
    0%{
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    -moz-animation-name:bounceOutLeft;
    -o-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight{
    0%{
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
}
@-o-keyframes bounceOutRight{
    0%{
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    -moz-animation-name:bounceOutRight;
    -o-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateIn{
    0%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateIn{
    0%{
        -o-transform-origin:center center;
        -o-transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -o-transform-origin:center center;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        transform-origin:center center;
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    -moz-animation-name:rotateIn;
    -o-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInUpLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInUpLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    -moz-animation-name:rotateInUpLeft;
    -o-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInDownLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInDownLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    -moz-animation-name:rotateInDownLeft;
    -o-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInUpRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInUpRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    -moz-animation-name:rotateInUpRight;
    -o-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInDownRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInDownRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    -moz-animation-name:rotateInDownRight;
    -o-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(200deg);
        opacity:0
    }
}
@-moz-keyframes rotateOut{
    0%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(200deg);
        opacity:0
    }
}
@-o-keyframes rotateOut{
    0%{
        -o-transform-origin:center center;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:center center;
        -o-transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:center center;
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    -moz-animation-name:rotateOut;
    -o-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutUpLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutUpLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    -moz-animation-name:rotateOutUpLeft;
    -o-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutDownLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutDownLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    -moz-animation-name:rotateOutDownLeft;
    -o-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutUpRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutUpRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    -moz-animation-name:rotateOutUpRight;
    -o-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutDownRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutDownRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    -moz-animation-name:rotateOutDownRight;
    -o-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    100%{
        -webkit-transform:translateY(700px);
        opacity:0
    }
}
@-moz-keyframes hinge{
    0%{
        -moz-transform:rotate(0);
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    20%,60%{
        -moz-transform:rotate(80deg);
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    40%{
        -moz-transform:rotate(60deg);
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    80%{
        -moz-transform:rotate(60deg) translateY(0);
        opacity:1;
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    100%{
        -moz-transform:translateY(700px);
        opacity:0
    }
}
@-o-keyframes hinge{
    0%{
        -o-transform:rotate(0);
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    20%,60%{
        -o-transform:rotate(80deg);
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    40%{
        -o-transform:rotate(60deg);
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    80%{
        -o-transform:rotate(60deg) translateY(0);
        opacity:1;
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    100%{
        -o-transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        transform:rotate(0);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate(80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%{
        transform:rotate(60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    80%{
        transform:rotate(60deg) translateY(0);
        opacity:1;
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    100%{
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    -moz-animation-name:hinge;
    -o-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg)
    }
}
@-moz-keyframes rollIn{
    0%{
        opacity:0;
        -moz-transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0px) rotate(0deg)
    }
}
@-o-keyframes rollIn{
    0%{
        opacity:0;
        -o-transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    -moz-animation-name:rollIn;
    -o-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut{
    0%{
        opacity:1;
        -moz-transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut{
    0%{
        opacity:1;
        -o-transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -o-transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    -moz-animation-name:rollOut;
    -o-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@-moz-keyframes lightSpeedIn{
    0%{
        -moz-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -moz-transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -moz-transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -moz-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@-o-keyframes lightSpeedIn{
    0%{
        -o-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -o-transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -o-transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -o-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    -moz-animation-name:lightSpeedIn;
    -o-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
.animated.lightSpeedIn{
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@-moz-keyframes lightSpeedOut{
    0%{
        -moz-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -moz-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@-o-keyframes lightSpeedOut{
    0%{
        -o-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -o-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    -moz-animation-name:lightSpeedOut;
    -o-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
.animated.lightSpeedOut{
    -webkit-animation-duration:.25s;
    -moz-animation-duration:.25s;
    -o-animation-duration:.25s;
    animation-duration:.25s
}
@-webkit-keyframes wiggle{
    0%{
        -webkit-transform:skewX(9deg)
    }
    10%{
        -webkit-transform:skewX(-8deg)
    }
    20%{
        -webkit-transform:skewX(7deg)
    }
    30%{
        -webkit-transform:skewX(-6deg)
    }
    40%{
        -webkit-transform:skewX(5deg)
    }
    50%{
        -webkit-transform:skewX(-4deg)
    }
    60%{
        -webkit-transform:skewX(3deg)
    }
    70%{
        -webkit-transform:skewX(-2deg)
    }
    80%{
        -webkit-transform:skewX(1deg)
    }
    90%{
        -webkit-transform:skewX(0deg)
    }
    100%{
        -webkit-transform:skewX(0deg)
    }
}
@-moz-keyframes wiggle{
    0%{
        -moz-transform:skewX(9deg)
    }
    10%{
        -moz-transform:skewX(-8deg)
    }
    20%{
        -moz-transform:skewX(7deg)
    }
    30%{
        -moz-transform:skewX(-6deg)
    }
    40%{
        -moz-transform:skewX(5deg)
    }
    50%{
        -moz-transform:skewX(-4deg)
    }
    60%{
        -moz-transform:skewX(3deg)
    }
    70%{
        -moz-transform:skewX(-2deg)
    }
    80%{
        -moz-transform:skewX(1deg)
    }
    90%{
        -moz-transform:skewX(0deg)
    }
    100%{
        -moz-transform:skewX(0deg)
    }
}
@-o-keyframes wiggle{
    0%{
        -o-transform:skewX(9deg)
    }
    10%{
        -o-transform:skewX(-8deg)
    }
    20%{
        -o-transform:skewX(7deg)
    }
    30%{
        -o-transform:skewX(-6deg)
    }
    40%{
        -o-transform:skewX(5deg)
    }
    50%{
        -o-transform:skewX(-4deg)
    }
    60%{
        -o-transform:skewX(3deg)
    }
    70%{
        -o-transform:skewX(-2deg)
    }
    80%{
        -o-transform:skewX(1deg)
    }
    90%{
        -o-transform:skewX(0deg)
    }
    100%{
        -o-transform:skewX(0deg)
    }
}
@keyframes wiggle{
    0%{
        transform:skewX(9deg)
    }
    10%{
        transform:skewX(-8deg)
    }
    20%{
        transform:skewX(7deg)
    }
    30%{
        transform:skewX(-6deg)
    }
    40%{
        transform:skewX(5deg)
    }
    50%{
        transform:skewX(-4deg)
    }
    60%{
        transform:skewX(3deg)
    }
    70%{
        transform:skewX(-2deg)
    }
    80%{
        transform:skewX(1deg)
    }
    90%{
        transform:skewX(0deg)
    }
    100%{
        transform:skewX(0deg)
    }
}
.wiggle{
    -webkit-animation-name:wiggle;
    -moz-animation-name:wiggle;
    -o-animation-name:wiggle;
    animation-name:wiggle;
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
.animated.wiggle{
    -webkit-animation-duration:.75s;
    -moz-animation-duration:.75s;
    -o-animation-duration:.75s;
    animation-duration:.75s
}
.products{
    text-align:center
}
.products .product{
    float:none;
    display:inline-block
}
.uppercase{
    text-transform:uppercase
}
.lowercase{
    text-transform:lowercase
}
.capitalize{
    text-transform:capitalize
}
.outer{
    display:table;
    position:absolute;
    height:100%;
    width:100%
}
.middle{
    display:table-cell;
    vertical-align:middle
}
.inner{
    margin-left:auto;
    margin-right:auto
}
.float-max-aligned{
    width:100%;
    display:flex;
    margin-bottom:12px;
    padding-bottom:11px;
    padding-top:16px;
    align-items:center
}
.float-hundred{
    float:left;
    width:100%
}
.select-your-device-menu{
    display:inline-block;
    vertical-align:bottom;
    width:149px
}
.select-your-device-menu .slicknav_nav:not(.slicknav_hidden){
    left:-20px;
    text-align:left
}
.select-your-device-menu .slicknav_btn{
    margin:0;
    background:none;
    padding:0
}
.select-your-device-menu .slicknav_btn .slicknav_menutxt{
    transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -webkit-transition:.25s ease-in-out;
    -webkit-font-smoothing:antialiased;
    font-size:16px;
    background:#444;
    color:#ffd200;
    border:none;
    font-family:'Noto Sans', sans-serif;
    padding:8px 30px;
    padding-top:8px;
    padding-right:30px;
    padding-bottom:8px;
    padding-left:30px;
    border-radius:4px;
    text-transform:uppercase;
    text-align:center;
    display:inline-block
}
.select-your-device-menu .slicknav_btn.slicknav_open{
    left:-20px;
    background:none;
    background-color:black;
    width:250px;
    text-align:left;
    color:#FFD200;
    border-radius:0;
    -webkit-border-radius:0;
    z-index:5;
    border:#565656 solid 1px;
    border-bottom:none;
    padding:8px 30px;
    padding-top:8px;
    padding-right:30px;
    padding-bottom:8px;
    padding-left:30px
}
.select-your-device-menu .slicknav_btn.slicknav_open .slicknav_menutxt{
    display:none
}
.select-your-device-menu .slicknav_btn .slicknav_icon{
    display:none
}
.select-your-device-menu .slicknav_menu{
    background:inherit;
    position:relative;
    padding:0
}
.select-your-device-menu .slicknav_nav{
    background-color:black;
    position:absolute;
    top:34px;
    z-index:5;
    width:250px;
    border:#565656 solid 1px;
    border-top:none
}
.select-your-device-menu .slicknav_nav .slicknav_row:hover{
    background:#313131
}
.go-to-store-bottom{
    width:140px;
    margin:0 auto
}
.go-to-store-bottom .slicknav_btn.slicknav_open{
    left:-20px;
    top:-100px
}
.go-to-store-bottom .slicknav_nav{
    left:-85px;
    top:-66px
}
#notification-area.kickstarter{
    background-color:#ffd200;
    height:35px;
    line-height:35px;
    padding:0;
    box-shadow:0 0 0 0
}
#notification-area.kickstarter .first{
    color:white;
    font-weight:800;
    text-decoration:underline
}
#notification-area.kickstarter .second{
    color:#2BDE73;
    font-weight:800;
    text-decoration:underline
}
[v-cloak]{
    display:none
}
@media only screen and (max-width: 600px){
    #customer-register .details{
        width:95%
    }
}
@font-face{
    font-family:rhinoshield;
    src:url(https://cdn.shopify.com/s/files/1/0274/8717/files/RhinoshieldUnicaseV2-Bold.otf?3904022683991071162)
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:0.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type='button'],input[type='reset'],input[type='submit']{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type='checkbox'],input[type='radio']{
    box-sizing:border-box;
    padding:0
}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{
    height:auto
}
input[type='search']{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
*,*::before,*::after{
    box-sizing:border-box
}
body,input,textarea,button,select{
    -webkit-text-size-adjust:100%
}
a:focus{
    color:inherit
}
img{
    max-width:100%
}
form{
    margin:0
}
@media only screen and (max-width: 989px){
    input,textarea,select{
        font-size:16px
    }
}
button,input[type="submit"],label[for]{
    cursor:pointer
}
optgroup{
    font-weight:700
}
option{
    color:#000;
    background-color:#fff
}
[tabindex='-1']:focus{
    outline:none
}
a,button,[role="button"],input,label,select,textarea{
    touch-action:manipulation
}
.clearfix{
    *zoom:1
}
.clearfix::after{
    content:'';
    display:table;
    clear:both
}
.visually-hidden{
    position:absolute !important;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.js-focus-hidden:focus{
    outline:none
}
.label-hidden{
    position:absolute !important;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.no-placeholder .label-hidden{
    position:inherit !important;
    overflow:auto;
    clip:auto;
    width:auto;
    height:auto;
    margin:0
}
.visually-shown{
    position:inherit !important;
    overflow:auto;
    clip:auto;
    width:auto;
    height:auto;
    margin:0
}
.no-js:not(html){
    display:none
}
.no-js .no-js:not(html){
    display:block
}
.no-js .js{
    display:none
}
.supports-no-cookies:not(html){
    display:none
}
html.supports-no-cookies .supports-no-cookies:not(html){
    display:block
}
html.supports-no-cookies .supports-cookies{
    display:none
}
.skip-link:focus{
    position:absolute !important;
    overflow:auto;
    clip:auto;
    width:auto;
    height:auto;
    margin:0;
    color:#000;
    background-color:#fff;
    padding:15px;
    z-index:10000;
    transition:none
}
.grid{
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    margin-left:-30px
}
.grid::after{
    content:'';
    display:table;
    clear:both
}
.grid__item{
    float:left;
    padding-left:30px;
    width:100%
}
.grid__item[class*='--push']{
    position:relative
}
.grid--rev{
    direction:rtl;
    text-align:left
}
.grid--rev>.grid__item{
    direction:ltr;
    text-align:left;
    float:right
}
.one-whole{
    width:100%
}
.one-half{
    width:50%
}
.one-third{
    width:33.33333%
}
.two-thirds{
    width:66.66667%
}
.one-quarter{
    width:25%
}
.two-quarters{
    width:50%
}
.three-quarters{
    width:75%
}
.one-fifth{
    width:20%
}
.two-fifths{
    width:40%
}
.three-fifths{
    width:60%
}
.four-fifths{
    width:80%
}
.one-sixth{
    width:16.66667%
}
.two-sixths{
    width:33.33333%
}
.three-sixths{
    width:50%
}
.four-sixths{
    width:66.66667%
}
.five-sixths{
    width:83.33333%
}
.one-eighth{
    width:12.5%
}
.two-eighths{
    width:25%
}
.three-eighths{
    width:37.5%
}
.four-eighths{
    width:50%
}
.five-eighths{
    width:62.5%
}
.six-eighths{
    width:75%
}
.seven-eighths{
    width:87.5%
}
.one-tenth{
    width:10%
}
.two-tenths{
    width:20%
}
.three-tenths{
    width:30%
}
.four-tenths{
    width:40%
}
.five-tenths{
    width:50%
}
.six-tenths{
    width:60%
}
.seven-tenths{
    width:70%
}
.eight-tenths{
    width:80%
}
.nine-tenths{
    width:90%
}
.one-twelfth{
    width:8.33333%
}
.two-twelfths{
    width:16.66667%
}
.three-twelfths{
    width:25%
}
.four-twelfths{
    width:33.33333%
}
.five-twelfths{
    width:41.66667%
}
.six-twelfths{
    width:50%
}
.seven-twelfths{
    width:58.33333%
}
.eight-twelfths{
    width:66.66667%
}
.nine-twelfths{
    width:75%
}
.ten-twelfths{
    width:83.33333%
}
.eleven-twelfths{
    width:91.66667%
}
.show{
    display:block !important
}
.hide{
    display:none !important
}
.text-left{
    text-align:left !important
}
.text-right{
    text-align:right !important
}
.text-center{
    text-align:center !important
}
@media only screen and (max-width: 749px){
    .small--one-whole{
        width:100%
    }
    .small--one-half{
        width:50%
    }
    .small--one-third{
        width:33.33333%
    }
    .small--two-thirds{
        width:66.66667%
    }
    .small--one-quarter{
        width:25%
    }
    .small--two-quarters{
        width:50%
    }
    .small--three-quarters{
        width:75%
    }
    .small--one-fifth{
        width:20%
    }
    .small--two-fifths{
        width:40%
    }
    .small--three-fifths{
        width:60%
    }
    .small--four-fifths{
        width:80%
    }
    .small--one-sixth{
        width:16.66667%
    }
    .small--two-sixths{
        width:33.33333%
    }
    .small--three-sixths{
        width:50%
    }
    .small--four-sixths{
        width:66.66667%
    }
    .small--five-sixths{
        width:83.33333%
    }
    .small--one-eighth{
        width:12.5%
    }
    .small--two-eighths{
        width:25%
    }
    .small--three-eighths{
        width:37.5%
    }
    .small--four-eighths{
        width:50%
    }
    .small--five-eighths{
        width:62.5%
    }
    .small--six-eighths{
        width:75%
    }
    .small--seven-eighths{
        width:87.5%
    }
    .small--one-tenth{
        width:10%
    }
    .small--two-tenths{
        width:20%
    }
    .small--three-tenths{
        width:30%
    }
    .small--four-tenths{
        width:40%
    }
    .small--five-tenths{
        width:50%
    }
    .small--six-tenths{
        width:60%
    }
    .small--seven-tenths{
        width:70%
    }
    .small--eight-tenths{
        width:80%
    }
    .small--nine-tenths{
        width:90%
    }
    .small--one-twelfth{
        width:8.33333%
    }
    .small--two-twelfths{
        width:16.66667%
    }
    .small--three-twelfths{
        width:25%
    }
    .small--four-twelfths{
        width:33.33333%
    }
    .small--five-twelfths{
        width:41.66667%
    }
    .small--six-twelfths{
        width:50%
    }
    .small--seven-twelfths{
        width:58.33333%
    }
    .small--eight-twelfths{
        width:66.66667%
    }
    .small--nine-twelfths{
        width:75%
    }
    .small--ten-twelfths{
        width:83.33333%
    }
    .small--eleven-twelfths{
        width:91.66667%
    }
    .grid--uniform .small--one-half:nth-child(2n+1),.grid--uniform .small--one-third:nth-child(3n+1),.grid--uniform .small--one-quarter:nth-child(4n+1),.grid--uniform .small--one-fifth:nth-child(5n+1),.grid--uniform .small--one-sixth:nth-child(6n+1),.grid--uniform .small--two-sixths:nth-child(3n+1),.grid--uniform .small--three-sixths:nth-child(2n+1),.grid--uniform .small--one-eighth:nth-child(8n+1),.grid--uniform .small--two-eighths:nth-child(4n+1),.grid--uniform .small--four-eighths:nth-child(2n+1),.grid--uniform .small--five-tenths:nth-child(2n+1),.grid--uniform .small--one-twelfth:nth-child(12n+1),.grid--uniform .small--two-twelfths:nth-child(6n+1),.grid--uniform .small--three-twelfths:nth-child(4n+1),.grid--uniform .small--four-twelfths:nth-child(3n+1),.grid--uniform .small--six-twelfths:nth-child(2n+1){
        clear:both
    }
    .small--show{
        display:block !important
    }
    .small--hide{
        display:none !important
    }
    .small--text-left{
        text-align:left !important
    }
    .small--text-right{
        text-align:right !important
    }
    .small--text-center{
        text-align:center !important
    }
}
@media only screen and (min-width: 750px){
    .medium-up--one-whole{
        width:100%
    }
    .medium-up--one-half{
        width:50%
    }
    .medium-up--one-third{
        width:33.33333%
    }
    .medium-up--two-thirds{
        width:66.66667%
    }
    .medium-up--one-quarter{
        width:25%
    }
    .medium-up--two-quarters{
        width:50%
    }
    .medium-up--three-quarters{
        width:75%
    }
    .medium-up--one-fifth{
        width:20%
    }
    .medium-up--two-fifths{
        width:40%
    }
    .medium-up--three-fifths{
        width:60%
    }
    .medium-up--four-fifths{
        width:80%
    }
    .medium-up--one-sixth{
        width:16.66667%
    }
    .medium-up--two-sixths{
        width:33.33333%
    }
    .medium-up--three-sixths{
        width:50%
    }
    .medium-up--four-sixths{
        width:66.66667%
    }
    .medium-up--five-sixths{
        width:83.33333%
    }
    .medium-up--one-eighth{
        width:12.5%
    }
    .medium-up--two-eighths{
        width:25%
    }
    .medium-up--three-eighths{
        width:37.5%
    }
    .medium-up--four-eighths{
        width:50%
    }
    .medium-up--five-eighths{
        width:62.5%
    }
    .medium-up--six-eighths{
        width:75%
    }
    .medium-up--seven-eighths{
        width:87.5%
    }
    .medium-up--one-tenth{
        width:10%
    }
    .medium-up--two-tenths{
        width:20%
    }
    .medium-up--three-tenths{
        width:30%
    }
    .medium-up--four-tenths{
        width:40%
    }
    .medium-up--five-tenths{
        width:50%
    }
    .medium-up--six-tenths{
        width:60%
    }
    .medium-up--seven-tenths{
        width:70%
    }
    .medium-up--eight-tenths{
        width:80%
    }
    .medium-up--nine-tenths{
        width:90%
    }
    .medium-up--one-twelfth{
        width:8.33333%
    }
    .medium-up--two-twelfths{
        width:16.66667%
    }
    .medium-up--three-twelfths{
        width:25%
    }
    .medium-up--four-twelfths{
        width:33.33333%
    }
    .medium-up--five-twelfths{
        width:41.66667%
    }
    .medium-up--six-twelfths{
        width:50%
    }
    .medium-up--seven-twelfths{
        width:58.33333%
    }
    .medium-up--eight-twelfths{
        width:66.66667%
    }
    .medium-up--nine-twelfths{
        width:75%
    }
    .medium-up--ten-twelfths{
        width:83.33333%
    }
    .medium-up--eleven-twelfths{
        width:91.66667%
    }
    .grid--uniform .medium-up--one-half:nth-child(2n+1),.grid--uniform .medium-up--one-third:nth-child(3n+1),.grid--uniform .medium-up--one-quarter:nth-child(4n+1),.grid--uniform .medium-up--one-fifth:nth-child(5n+1),.grid--uniform .medium-up--one-sixth:nth-child(6n+1),.grid--uniform .medium-up--two-sixths:nth-child(3n+1),.grid--uniform .medium-up--three-sixths:nth-child(2n+1),.grid--uniform .medium-up--one-eighth:nth-child(8n+1),.grid--uniform .medium-up--two-eighths:nth-child(4n+1),.grid--uniform .medium-up--four-eighths:nth-child(2n+1),.grid--uniform .medium-up--five-tenths:nth-child(2n+1),.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),.grid--uniform .medium-up--six-twelfths:nth-child(2n+1){
        clear:both
    }
    .medium-up--show{
        display:block !important
    }
    .medium-up--hide{
        display:none !important
    }
    .medium-up--text-left{
        text-align:left !important
    }
    .medium-up--text-right{
        text-align:right !important
    }
    .medium-up--text-center{
        text-align:center !important
    }
}
body,html{
    background-color:#fff
}
.page-width{
    *zoom:1;
    max-width:1180px;
    padding:0 30px;
    margin:0 auto
}
.page-width::after{
    content:'';
    display:table;
    clear:both
}
.icon{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    fill:currentColor
}
.no-svg .icon{
    display:none
}
.icon--wide{
    width:40px
}
svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) rect{
    fill:inherit;
    stroke:inherit
}
.icon-fallback-text{
    position:absolute !important;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.no-svg .icon-fallback-text{
    position:static !important;
    overflow:auto;
    clip:auto;
    width:auto;
    height:auto;
    margin:0
}
.payment-icons{
    -moz-user-select:"none";
    -ms-user-select:"none";
    -webkit-user-select:"none";
    user-select:"none";
    cursor:default
}
.icon-shopify-logo{
    width:82.28571;
    height:24
}
.rte img{
    height:auto
}
.rte table{
    table-layout:fixed
}
.rte ul,.rte ol{
    margin:0 0 15px 30px
}
.rte ul{
    list-style:disc outside
}
.rte ul ul{
    list-style:circle outside
}
.rte ul ul ul{
    list-style:square outside
}
.text-center.rte ul,.text-center.rte ol,.text-center .rte ul,.text-center .rte ol{
    margin-left:0;
    list-style-position:inside
}
.rte-table{
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.rte__video-wrapper{
    position:relative;
    overflow:hidden;
    max-width:100%;
    padding-bottom:56.25%;
    height:0;
    height:auto
}
.rte__video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.rte__table-wrapper{
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
@media only screen and (max-width: 749px){
    .responsive-table{
        width:100%
    }
    .responsive-table thead{
        display:none
    }
    .responsive-table tr{
        display:block
    }
    .responsive-table tr,.responsive-table td{
        float:left;
        clear:both;
        width:100%
    }
    .responsive-table th,.responsive-table td{
        display:block;
        text-align:right;
        padding:15px;
        margin:0
    }
    .responsive-table td::before{
        content:attr(data-label);
        float:left;
        text-align:center;
        padding-right:10px
    }
    .responsive-table-row+.responsive-table-row,tfoot>.responsive-table-row:first-child{
        position:relative;
        margin-top:10px;
        padding-top:15px
    }
    .responsive-table-row+.responsive-table-row::after,tfoot>.responsive-table-row:first-child::after{
        content:'';
        display:block;
        position:absolute;
        top:0;
        left:15px;
        right:15px;
        border-bottom:1px solid #f6f6f6
    }
}
.btn{
    -moz-user-select:"none";
    -ms-user-select:"none";
    -webkit-user-select:"none";
    user-select:"none";
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:inline-block;
    width:auto;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    border:0
}
input,textarea,select{
    border:1px solid #f6f6f6;
    border-radius:0;
    max-width:100%;
    height:35px
}
input[disabled],textarea[disabled],select[disabled]{
    cursor:default;
    background-color:#000;
    border-color:#000
}
textarea{
    min-height:100px
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-position:right center;
    background-image:url(//cdn.shopify.com/s/files/1/1286/1203/t/155/assets/ico-select.svg?8585075586381506754);
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-color:transparent;
    padding-right:28px;
    text-indent:0.01px;
    text-overflow:'';
    cursor:pointer
}
.ie9 select{
    padding-right:10px;
    background-image:none
}
select::-ms-expand{
    display:none
}
input.input-error,select.input-error,textarea.input-error{
    border-color:#000;
    background-color:#000;
    color:#000
}
.placeholder-svg{
    display:block;
    fill:rgba(0,0,0,0.35);
    background-color:rgba(0,0,0,0.1);
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    border:1px solid rgba(0,0,0,0.2)
}
.placeholder-svg--small{
    width:480px
}
.placeholder-noblocks{
    padding:40px;
    text-align:center
}
.placeholder-background{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.placeholder-background .icon{
    border:0
}
.site-logo{
    display:block
}
.site-logo img{
    display:block
}
.giftcard-qr img{
    display:block;
    margin:0 auto
}
.apple-wallet-image{
    display:block;
    margin:0 auto
}
@media print{
    @page{
        margin:0.5cm
    }
    p{
        orphans:3;
        widows:3
    }
    html,body{
        background-color:#fff;
        color:#000
    }
    .print-giftcard,.apple-wallet{
        display:none
    }
}
@keyframes ac-gn-item-searchshow{
    0%{
        opacity:1;
        transform:scale(1);
        animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }
    40%{
        opacity:1
    }
    100%{
        opacity:0;
        transform:scale(0.7)
    }
}
@keyframes ac-gn-searchform-fade{
    0%{
        opacity:0;
        animation-timing-function:cubic-bezier(0.67, 0, 0.33, 1)
    }
    100%{
        opacity:1
    }
}
@keyframes ac-gn-searchform-slide{
    0%{
        transform:translate3d(100px, 0, 0);
        animation-timing-function:cubic-bezier(0.11393, 0.8644, 0.14684, 1)
    }
    100%{
        transform:translateZ(0)
    }
}
@keyframes ac-gn-searchview-searchhide{
    0%{
        opacity:1;
        animation-timing-function:ease
    }
    100%{
        opacity:0
    }
}
@keyframes ac-gn-searchview-close-left-searchshow{
    0%{
        opacity:0;
        transform:scale3d(1, 0.65, 1);
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        transform:rotate(-45deg)
    }
}
@keyframes ac-gn-searchview-close-left-searchhide{
    0%{
        opacity:1;
        transform:rotate(-90deg);
        animation-timing-function:ease
    }
    100%{
        opacity:0;
        transform:scale3d(1, 0.65, 1)
    }
}
@keyframes ac-gn-searchresults-show{
    0%{
        opacity:0;
        animation-timing-function:ease
    }
    100%{
        opacity:1
    }
}
@keyframes ac-gn-list-searchshow{
    0%{
        transform:translateY(0);
        animation-timing-function:cubic-bezier(1, 0, 0, 1)
    }
    100%{
        transform:translateY(0)
    }
}
@keyframes mobile-search-hide{
    0%{
        transform:none;
        animation-timing-function:cubic-bezier(1, 0, 0, 1)
    }
    100%{
        transform:translateX(0);
        animation-timing-function:cubic-bezier(1, 0, 0, 1)
    }
}
@keyframes ac-gn-searchview-close-left-searchshow{
    0%{
        opacity:0;
        transform:scale3d(1, 0.65, 1);
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        transform:rotate(-90deg)
    }
}
@keyframes ac-gn-searchview-close-right-searchshow{
    0%{
        opacity:0;
        transform:scale3d(1, 0.65, 1);
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        transform:rotate(45deg)
    }
}
@keyframes ac-gn-searchview-close-left-searchshow-small{
    0%{
        transform:rotate(40deg);
        animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)
    }
    100%{
        transform:rotate(-40deg)
    }
}
@keyframes ac-gn-searchview-close-right-searchshow-small{
    0%{
        transform:rotate(-40deg);
        animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)
    }
    100%{
        transform:rotate(40deg)
    }
}
@keyframes evo-rhino-searchshow{
    0%{
        transform:none;
        animation-timing-function:cubic-bezier(1, 0, 0, 1)
    }
    100%{
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes set-nav-fixed{
    0%{
        transform:none;
        position:relative
    }
    100%{
        transform:none;
        position:relative
    }
}
#shopify-section-header{
    position:relative;
    z-index:998
}
html nav.toolbar-wrapper{
    height:55px;
    z-index:1;
    transition:background 0.35s linear, height 0.35s ease-in;
    background-color:#fff;
    border-bottom:1px solid #d0d0d0
}
html nav.toolbar-wrapper .toolbar .desktop-dropdown{
    color:#000
}
html nav.toolbar-wrapper .toolbar a{
    color:#000
}
html nav.toolbar-wrapper .toolbar .logo-nav-img{
    display:flex;
    align-items:center
}
html nav.toolbar-wrapper .toolbar .logo-nav-img a{
    line-height:normal
}
html nav.toolbar-wrapper .toolbar .logo-nav-img a .logoimg{
    width:185px
}
html nav.toolbar-wrapper.module{
    background-color:#000;
    border:0
}
html nav.toolbar-wrapper.module *{
    color:white !important
}
html nav.toolbar-wrapper.module li{
    border:0
}
.cart-text{
    display:inline-block;
    font-size:1em;
    line-height:normal;
    align-self:center
}
.cart-notification-target{
    height:55px;
    display:flex;
    align-items:center
}
.cart-block{
    padding:0;
    display:flex;
    cursor:pointer
}
.cart-block:before{
    content:"";
    display:inline-block;
    vertical-align:middle
}
.cart-count{
    position:relative;
    height:auto;
    display:inline-block;
    line-height:normal;
    align-self:center;
    color:#ffce00;
    font-weight:bold
}
.desktop-navbar>li.action-container{
    float:right;
    position:relative
}
.desktop-navbar>li.action-container li{
    float:left;
    height:55px;
    display:flex
}
.desktop-navbar>li.action-container .search-container{
    border-right:2px dotted #d0d0d0;
    min-width:55px;
    width:auto;
    float:none
}
.toolbar-cart{
    position:relative;
    border-left:2px dotted #d0d0d0;
    height:55px;
    padding:0 10px
}
.toolbar-calculator{
    position:relative;
    display:flex;
    border-left:2px dotted #d0d0d0;
    height:55px;
    align-items:center;
    justify-content:center;
    flex-warp:wrap;
    max-width:150px;
    padding:0 10px
}
.toolbar-calculator .shipping-desktop{
    display:flex;
    height:100%;
    align-items:center
}
.toolbar-calculator .shipping-desktop .shipping-title{
    cursor:pointer;
    margin-left:5px;
    padding-right:5px
}
.toolbar-calculator .shipping-mobile{
    display:flex
}
.toolbar-calculator .shipping-mobile .shipping-mobile-icon{
    cursor:pointer
}
.toolbar-calculator .shipping-country{
    display:none
}
.toolbar-calculator a{
    line-height:1em;
    cursor:default
}
.toolbar-calculator span{
    text-align:center;
    line-height:normal;
    color:#000;
    font-weight:bold
}
nav.worldwide-shipping{
    position:absolute;
    background-color:#ffce00;
    color:#000;
    padding:5px 10px;
    height:auto;
    line-height:32px;
    font-weight:bold;
    min-width:142px
}
nav.worldwide-shipping span{
    display:block;
    font-size:1rem;
    min-width:122px;
    text-align:center
}
nav.worldwide-shipping span:nth-child(2){
    text-align:justify;
    text-justify:inter-ideograph;
    -ms-text-justify:inter-ideograph;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
    height:26px;
    line-height:26px;
    margin-top:-8px
}
nav.worldwide-shipping span:nth-child(2):after{
    content:'';
    display:inline-block;
    width:100%
}
nav.index-shipping-calculator{
    position:absolute;
    background-color:#ededed;
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
    border-bottom:1px solid #ededed;
    height:auto;
    top:55px;
    display:none;
    color:#5e5d5d
}
nav.index-shipping-calculator .shipping-calculator-overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    justify-content:flex-end;
    background-color:rgba(0,0,0,0.4);
    padding-right:20px;
    color:#fff
}
nav.index-shipping-calculator .container{
    width:100%;
    padding:0 20px
}
nav.index-shipping-calculator .container hr{
    border:none;
    height:1px;
    background-color:#d0d0d0
}
nav.index-shipping-calculator .row{
    margin:15px 0
}
nav.index-shipping-calculator .row:nth-child(2){
    margin:0
}
nav.index-shipping-calculator .row:last-child{
    margin-top:0
}
nav.index-shipping-calculator .row label{
    font-size:1em;
    color:#5e5d5d
}
nav.index-shipping-calculator .row label[for="index_address_country"]{
    min-width:70px;
    display:inline-block
}
nav.index-shipping-calculator .row .col{
    line-height:25px
}
nav.index-shipping-calculator .row .shipping_price,nav.index-shipping-calculator .row .shipping_time{
    color:#48a9ca;
    font-weight:bold;
    display:none
}
nav.index-shipping-calculator .row .shipping_time_desc{
    display:none
}
nav.index-shipping-calculator .row .learn-more-shipping{
    color:#48a9ca
}
nav.index-shipping-calculator .row .learn-more-shipping+div{
    color:#5e5d5d;
    font-weight:bold
}
li.action-container nav.cart-item{
    position:absolute;
    top:55px;
    background-color:#ededed;
    width:100%;
    height:auto;
    display:none;
    color:#fff;
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
    border-bottom:1px solid #ededed
}
li.action-container nav.cart-item .cart-dropdown-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.8);
    z-index:1;
    display:flex;
    align-items:center;
    color:#000;
    justify-content:center;
    font-size:1.5em;
    display:none
}
li.action-container nav.cart-item .cart-item-header{
    display:block;
    width:100%;
    padding:0 20px 0 30px;
    font-size:1.1em;
    border-bottom:1px solid #d0d0d0;
    color:#000;
    height:35px;
    line-height:35px;
    font-size:13.5px
}
li.action-container nav.cart-item .cart-item-arrow{
    display:none;
    width:100%;
    height:35px;
    position:absolute;
    top:0;
    left:0;
    background-color:#000;
    align-items:center
}
li.action-container nav.cart-item .cart-item-arrow:nth-child(1){
    margin-top:-1px
}
li.action-container nav.cart-item ul{
    display:block;
    padding:0 20px;
    overflow:hidden;
    max-height:228px
}
li.action-container nav.cart-item ul li{
    width:100%;
    text-align:left;
    border-bottom:1px solid #d0d0d0;
    padding:0 10px;
    height:auto
}
li.action-container nav.cart-item ul li table{
    margin:0
}
li.action-container nav.cart-item ul li table tr{
    display:flex;
    padding:10px 0px;
    align-items:center;
    height:75px;
    justify-content:space-between
}
li.action-container nav.cart-item ul li table tr td{
    position:relative;
    height:100%;
    border:none;
    line-height:1.2em;
    font-size:0.8em;
    color:#5e5d5d;
    padding:0;
    text-transform:none
}
li.action-container nav.cart-item ul li table tr td .item-amount-area{
    width:100%;
    padding-right:5px
}
li.action-container nav.cart-item ul li table tr td del{
    color:#969696;
    margin-top:0.5em;
    display:inline-block;
    float:left;
    padding:0 0 0 10px
}
li.action-container nav.cart-item ul li table tr td span{
    display:block;
    padding:0 10px;
    text-align:left
}
li.action-container nav.cart-item ul li table tr td span.item-title{
    color:#000
}
li.action-container nav.cart-item ul li table tr td span.item-price{
    color:#000;
    margin-top:0.5em;
    display:inline-block;
    float:left
}
li.action-container nav.cart-item ul li table tr td span.item-count{
    color:#000;
    margin-top:0.5em;
    margin-right:1em;
    display:inline-block;
    float:left
}
li.action-container nav.cart-item ul li table tr td span.discount-title{
    font-weight:bold
}
li.action-container nav.cart-item ul li table tr td .cart-item-remove img{
    height:auto
}
li.action-container nav.cart-item ul li table tr td img{
    display:block;
    vertical-align:middle;
    margin:0 auto;
    max-height:100%
}
li.action-container nav.cart-item ul li table tr td img:hover{
    opacity:0.8
}
li.action-container nav.cart-item .cart-item-checkout{
    display:flex;
    position:relative;
    padding:20px 20px 0;
    justify-content:center
}
li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-desc{
    display:block;
    float:left;
    line-height:1.2em;
    align-self:flex-end
}
li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-desc span{
    display:block;
    color:#000
}
li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-desc span.total-price{
    color:#000;
    margin-top:5px;
    font-weight:bold
}
li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-btn{
    height:59px
}
li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-btn a{
    width:100%;
    background-color:#000;
    border:none;
    border-radius:20px;
    color:#ffce00;
    line-height:2.2em;
    padding:0;
    vertical-align:bottom;
    text-align:center
}
li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-btn a:hover{
    opacity:0.8
}
li.action-container nav.cart-item .cart-item-remove{
    display:inline-block;
    background:transparent;
    display:block;
    text-decoration:none;
    width:20px;
    height:20px
}
.customer-links{
    padding:0 10px;
    border-left:2px dotted #d0d0d0;
    border-right:2px dotted #d0d0d0
}
.customer-links a{
    line-height:55px
}
.customer-links hr{
    display:none;
    margin:2px 0 4px;
    border:0;
    height:1px;
    background-color:#5d5d5d
}
.toolbar-search{
    width:55px;
    text-align:center
}
.action-container{
    opacity:1;
    transition:all 1s
}
.action-container.collapsible{
    opacity:0;
    max-width:0;
    overflow:hidden
}
.action-container.collapsible li{
    padding:0
}
.action-container li{
    transition:padding linear 1s
}
.search-wrap{
    display:inline-block;
    position:relative;
    width:55px;
    height:55px;
    float:right;
    padding:0;
    position:relative
}
.desktop-dropdown .desktop-dropdown-button{
    opacity:1;
    line-height:45px;
    transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color:transparent;
    display:inline-block
}
.desktop-dropdown .desktop-dropdown-button.active,.desktop-dropdown .desktop-dropdown-button:hover{
    color:#FFCE00;
    background-color:transparent
}
.desktop-dropdown .desktop-dropdown-button.active a,.desktop-dropdown .desktop-dropdown-button:hover a{
    color:#FFCE00
}
.desktop-dropdown .desktop-dropdown-button a:hover{
    color:#FFCE00
}
.desktop-dropdown{
    margin:0;
    color:#dedede;
    margin:0 0 0 5px
}
.searchview-open .desktop-dropdown .desktop-dropdown-button{
    opacity:0
}
.searchview-open .evo-searchform-close{
    display:block;
    opacity:1
}
.searchview-open li.search-container{
    border:none !important
}
.material-icons.icon-search{
    position:absolute;
    left:0;
    right:0;
    cursor:pointer;
    height:55px;
    line-height:55px;
    font-size:1.8em;
    color:#000;
    opacity:1;
    text-align:center
}
.material-icons.icon-search:hover{
    color:rgba(0,0,0,0.6)
}
.material-icons.icon-close{
    position:absolute;
    left:0;
    right:0;
    cursor:pointer;
    height:55px;
    line-height:55px;
    font-size:1.8em;
    color:#000;
    display:none;
    opacity:0;
    animation:ac-gn-searchview-close-left-searchhide 300ms both;
    text-align:center
}
.material-icons.icon-close:hover{
    color:rgba(0,0,0,0.6)
}
.material-icons.icon-backspace{
    position:absolute;
    left:0;
    right:0;
    cursor:pointer;
    height:55px;
    line-height:55px;
    font-size:1.8em;
    color:#000;
    opacity:0;
    height:48px;
    line-height:48px;
    right:58px;
    left:initial
}
.searchview-open .material-icons.icon-search{
    animation:ac-gn-searchview-searchhide 200ms both
}
.searchview-open .material-icons.icon-close{
    display:block;
    animation:ac-gn-searchview-close-left-searchshow 300ms both
}
.material-icons.icon-cart{
    display:inline-block !important;
    position:relative;
    padding:0 5px;
    height:auto;
    line-height:normal;
    font-size:1.8em;
    color:#000
}
@media only screen and (max-width: 1230px){
    nav.product-subnav ul.list-of-items{
        width:80%
    }
}
@media only screen and (max-width: 1400px){
    html .toolbar-wrapper{
        padding:0 30px
    }
    .vertical-line{
        border-left:none !important;
        height:auto !important;
        width:90%;
        border-top:1px solid #ccc;
        margin:0 30px
    }
    nav.store-subnav .subnav-box{
        display:inline-block;
        margin:auto;
        width:100%;
        padding:5px
    }
    nav.store-subnav ul.list-of-items{
        width:80%;
        height:375px;
        margin:0 auto;
        box-sizing:border-box;
        display:flex;
        align-items:baseline;
        flex-direction:column;
        flex-wrap:wrap
    }
    nav.store-subnav ul.list-of-collections{
        display:flex;
        min-width:98%;
        height:50px;
        margin:10px auto
    }
    nav.store-subnav ul.list-of-collections li.subnav-item-inline{
        display:flex;
        width:16%;
        margin:auto
    }
}
@media only screen and (max-width: 1075px){
    nav.product-subnav ul.list-of-items{
        width:90%
    }
}
@media only screen and (max-width: 1010px){
    ul.list-of-collections{
        min-width:500px !important
    }
    nav.product-subnav ul.list-of-items{
        width:100%
    }
    #support-dropdown{
        display:none
    }
    #menu li.desktop-dropdown .toolbar-wide-click[data-dropdown=support]{
        display:none
    }
    .toolbar-calculator{
        padding:0 10px
    }
    .toolbar-calculator span{
        width:80px
    }
    .toolbar-cart{
        padding:0 10px
    }
    .cart-notification-target{
        padding:0
    }
    .cart-text{
        display:inline-block
    }
    .toolbar .or{
        display:none
    }
    .customer-links a:first-child{
        line-height:normal;
        display:block;
        margin-top:6px
    }
    .customer-links a:last-child{
        line-height:normal;
        display:block;
        margin-bottom:1em
    }
    .customer-links hr{
        display:block
    }
    nav.store-subnav ul.list-of-collections{
        width:100%
    }
    nav.store-subnav ul.list-of-collections li.subnav-item-inline{
        width:16%
    }
}
@media only screen and (max-width: 900px){
    nav.product-subnav ul.list-of-items li.subnav-item{
        min-width:initial
    }
    nav.product-subnav ul.list-of-items li.subnav-item p{
        min-width:initial
    }
    nav.support-subnav .simular-area .simular-menu{
        padding:0 10px
    }
    nav.support-subnav ul.list-of-items{
        padding-left:15px
    }
    .toolbar-cart{
        padding:0
    }
    .search-wrap{
        width:50px
    }
    .toolbar .toolbar-wide-click{
        padding:0 5px
    }
    .searchview-open .evo-searchview .evo-searchview-content{
        right:50px
    }
    .desktop-dropdown .desktop-dropdown-button{
        line-height:1em;
        vertical-align:middle
    }
    .desktop-navbar>li.action-container{
        min-width:auto
    }
    .desktop-navbar>li.action-container li{
        padding:0 5px
    }
    .desktop-navbar>li.action-container .toolbar-calculator span{
        width:80px
    }
    .desktop-navbar>li.action-container .cart-text{
        display:none
    }
}
@media only screen and (max-width: 805px){
    .toolbar-calculator .shipping-mobile{
        display:flex
    }
}
@media only screen and (max-width: 795px){
    .toolbar .toolbar-wide-click{
        padding:0 5px
    }
}
.evo-searchview{
    position:relative;
    display:none
}
.evo-searchview .evo-searchview-content{
    position:absolute;
    width:30%;
    right:100px;
    height:100vh;
    z-index:3
}
.evo-searchview .evo-searchform-wrapper{
    padding-left:40px;
    position:relative;
    z-index:2
}
.evo-searchview .evo-searchform-input{
    width:100%;
    height:55px;
    box-sizing:border-box;
    border:none;
    color:#000
}
.evo-searchview .evo-searchform-input:focus{
    border:none !important;
    box-shadow:none !important
}
.evo-searchview .evo-searchform-input::-webkit-input-placeholder{
    color:#808080
}
.evo-searchview .evo-searchform-input:-moz-placeholder{
    color:#808080;
    opacity:1
}
.evo-searchview .evo-searchform-input::-moz-placeholder{
    color:#808080;
    opacity:1
}
.evo-searchview .evo-searchform-input:-ms-input-placeholder{
    color:#808080
}
.evo-searchview .evo-searchform-close{
    position:absolute;
    right:-16px;
    top:-8px;
    display:none;
    opacity:0;
    transition:0.2s cubic-bezier(0.4, 0, 0.2, 1)
}
.evo-searchview .evo-searchform-submit{
    left:0;
    position:absolute;
    z-index:1;
    top:0;
    width:40px;
    height:55px;
    cursor:pointer;
    transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    border:none;
    background-color:transparent
}
.evo-searchview .evo-searchform-submit:before{
    content:"search";
    font-family:'Material Icons';
    color:#000;
    font-size:1.5em;
    position:relative;
    top:3px
}
.evo-searchview .evo-searchform-reset{
    right:0;
    background-repeat:no-repeat;
    display:none;
    position:absolute;
    z-index:1;
    top:12px;
    cursor:pointer
}
.evo-searchview .evo-mobile-searchview-close{
    right:12px;
    opacity:0;
    visibility:hidden;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter:alpha(opacity=100);
    position:absolute;
    z-index:3;
    width:38px;
    height:44px;
    top:0;
    color:#fff;
    cursor:pointer;
    transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color:transparent
}
.evo-searchview .evo-mobile-searchview-close:hover,.evo-searchview .evo-mobile-searchview-close:active{
    opacity:0.65;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter:alpha(opacity=65)
}
.evo-searchview .evo-mobile-searchview-close-left,.evo-searchview .evo-mobile-searchview-close-right{
    height:18px;
    width:1px;
    background:#fff;
    position:absolute;
    display:block;
    top:11px;
    z-index:1
}
.searchview-open .evo-searchview{
    display:block;
    top:-60px
}
.searchview-open .evo-searchform{
    animation:ac-gn-searchform-fade 400ms 400ms both
}
.searchview-open .evo-searchform-wrapper{
    animation:ac-gn-searchform-slide 1s 400ms both
}
.toolbar-wrapper.searchview-open .menu-container .item-menu{
    animation:ac-gn-item-searchshow 400ms both;
    pointer-events:none
}
.toolbar-wrapper.searchview-open .menu-container .item-menu:nth-child(1){
    animation-delay:280ms
}
.toolbar-wrapper.searchview-open .menu-container .item-menu:nth-child(2){
    animation-delay:245ms
}
.toolbar-wrapper.searchview-open .menu-container .item-menu:nth-child(3){
    animation-delay:210ms
}
.toolbar-wrapper.searchview-open .action-container .item-menu{
    animation:ac-gn-item-searchshow 400ms both;
    pointer-events:none
}
.toolbar-wrapper.searchview-open .action-container .item-menu:nth-child(1){
    animation-delay:70ms
}
.toolbar-wrapper.searchview-open .action-container .item-menu:nth-child(2){
    animation-delay:35ms
}
.product-subnav{
    width:100%;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s, opacity 0s linear;
    background-color:#ededed;
    z-index:2;
    height:auto
}
.product-subnav ul.list-of-items{
    display:block;
    width:70%;
    max-width:820px;
    min-width:680px;
    margin:0 auto;
    overflow:hidden;
    padding:35px 20px 20px
}
.product-subnav ul.list-of-items li.subnav-item{
    width:25%;
    max-width:195px;
    margin:0 auto;
    float:left;
    padding:0 10px
}
.product-subnav ul.list-of-items li.subnav-item img{
    width:50%
}
.product-subnav ul.list-of-items li.subnav-item p{
    color:#808080;
    line-height:1.5em;
    font-size:0.88em;
    text-align:center;
    text-transform:initial;
    max-width:195px
}
.support-subnav{
    width:100%;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s, opacity 0s linear;
    background-color:#ededed;
    z-index:2;
    height:auto
}
.support-subnav .simular-area{
    max-width:1200px;
    width:98%;
    margin:0 auto;
    padding:0 20px
}
.support-subnav .simular-area .simular-logo{
    width:165px;
    height:1px;
    float:left;
    opacity:0
}
.support-subnav .simular-area .simular-menu{
    display:inline-block;
    float:left;
    padding:0 15px;
    opacity:0
}
.support-subnav ul.list-of-items{
    display:block;
    padding:35px 20px;
    overflow:hidden
}
.support-subnav ul.list-of-items li.subnav-item{
    text-align:left;
    line-height:1.5em;
    float:none
}
.support-subnav ul.list-of-items li.subnav-item a{
    display:list-item;
    color:#333;
    font-size:1em
}
.support-subnav ul.list-of-items li.subnav-item a:hover{
    color:rgba(0,0,0,0.6);
    background:none
}
.store-subnav{
    width:100%;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s, opacity 0s linear;
    background-color:#ededed;
    z-index:3;
    height:auto;
    line-height:1.5em;
    margin:0;
    padding:15px 0 15px
}
.store-subnav .subnav-box{
    display:flex;
    margin:auto;
    width:80%
}
.store-subnav .subnav-title{
    display:flex;
    margin:auto;
    width:80%
}
.store-subnav .subnav-title .by-device{
    width:70%;
    color:#333
}
.store-subnav .subnav-title .by-device span{
    font-weight:bolder
}
.store-subnav .subnav-title .by-product{
    width:30%;
    color:#333;
    padding:0px 20px
}
.store-subnav .subnav-title .by-product span{
    font-weight:bolder
}
.store-subnav ul.list-of-items{
    width:70%;
    height:355px;
    margin:0 auto;
    box-sizing:border-box;
    display:flex;
    align-items:baseline;
    flex-direction:column;
    flex-wrap:wrap
}
.store-subnav ul.list-of-items li.subnav-item{
    color:#808080;
    width:150px;
    margin:0 10px 5px 0
}
.store-subnav ul.list-of-items li.subnav-item .consumer-brand-title{
    font-size:1.2em;
    border-bottom:1px solid #ccc;
    border-left:0px solid #ccc;
    color:#111;
    font-weight:bold;
    margin-bottom:5px;
    padding-bottom:5px;
    text-align:left
}
.store-subnav ul.list-of-items li.subnav-item .consumer-brand-title a{
    color:#000
}
.store-subnav ul.list-of-items li.subnav-item .consumer-brand-title a:hover{
    background-color:transparent
}
.store-subnav ul.list-of-items li.subnav-item ul.consumer-model-list a{
    color:#333;
    display:list-item;
    font-size:1em
}
.store-subnav ul.list-of-items li.subnav-item ul.consumer-model-list a:hover{
    color:rgba(0,0,0,0.6);
    background:none
}
.store-subnav ul.list-of-items li.subnav-item ul.consumer-model-list li.consumer-model{
    float:none
}
.store-subnav ul.list-of-collections{
    width:30%;
    display:flex;
    flex-wrap:wrap
}
.store-subnav ul.list-of-collections li.subnav-item-inline{
    display:flex;
    width:50%;
    padding:8px 0 8px 10px
}
.vertical-line{
    border-left:1px solid #ccc;
    height:270px
}
.product-subnav,.support-subnav,.store-subnav{
    position:absolute
}
.product-subnav.hide,.support-subnav.hide,.store-subnav.hide{
    visibility:hidden;
    opacity:0;
    transition:visibility 0s, opacity 0s linear
}
.product-subnav.show,.support-subnav.show,.store-subnav.show{
    visibility:visible;
    opacity:1;
    z-index:3
}
.toolbar-wrapper .evo-searchresults{
    font-size:15px;
    line-height:2;
    font-weight:400;
    letter-spacing:normal;
    display:none;
    background:#fff;
    border-top:none;
    color:#999;
    max-height:calc(100% - 44px);
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap
}
.toolbar-wrapper.searchview-open .evo-searchresults{
    animation:ac-gn-searchresults-show 200ms both
}
html.evo-noscroll{
    margin-top:0 !important
}
html.evo-noscroll .toolbar-wrapper{
    position:relative;
    z-index:3;
    transition:background 0.35s linear,height 0.35s ease-in 200ms
}
html.evo-noscroll,html.evo-noscroll body{
    overflow:auto !important;
    height:auto !important
}
.mobile-navbar .evo-mobile-header{
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:55px;
    overflow:hidden
}
.mobile-navbar .evo-mobile-item{
    display:inline-block;
    height:55px;
    z-index:1;
    vertical-align:top;
    width:100%
}
.mobile-navbar .evo-mobile-menuicon{
    left:0;
    display:block;
    position:absolute;
    z-index:2;
    top:0;
    width:55px;
    border-bottom:none
}
.mobile-navbar .evo-mobile-rhino{
    position:absolute;
    display:flex;
    width:135px;
    top:0;
    left:50%;
    margin-left:-63px;
    text-align:center;
    z-index:1
}
.mobile-navbar .evo-mobile-link-rhino{
    line-height:55px
}
.mobile-navbar .evo-mobile-bag{
    right:0;
    display:block;
    position:absolute;
    top:0;
    width:auto;
    z-index:1
}
.mobile-navbar .evo-mobile-bag-badge{
    position:relative;
    z-index:1;
    vertical-align:middle
}
.mobile-navbar .evo-mobile-link-bag{
    display:inline-block
}
.mobile-navbar .evo-mobile-link-bag .material-icons.icon-cart{
    vertical-align:middle
}
.mobile-navbar .evo-mobile-menuicon-bread-crust{
    display:block;
    width:18px;
    height:1px;
    background:#5e5d5d;
    position:absolute;
    left:20px;
    z-index:1;
    transition:transform 0.2s
}
.mobile-navbar .evo-mobile-menuicon-bread-crust-top{
    top:25px;
    transition:transform 0.2s 0.2s;
    transform:translateY(-1px)
}
.mobile-navbar .evo-mobile-menuicon-bread-crust-bottom{
    bottom:25px;
    transition:transform 0.2s;
    transform:translateY(1px)
}
.mobile-navbar .evo-mobile-menuicon-bread{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:55px;
    height:55px;
    transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.mobile-navbar .evo-mobile-menuicon-bread-bottom{
    transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform:rotate(0)
}
.mobile-navbar .evo-mobile-menuicon-bread-top{
    transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform:rotate(0);
    z-index:4
}
.mobile-navbar .evo-mobile-menuicon-label{
    display:block;
    position:absolute;
    z-index:3;
    top:0;
    width:55px;
    height:55px;
    cursor:pointer;
    transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-tap-highlight-color:transparent
}
.mobile-navbar .evo-mobile-list{
    position:absolute;
    z-index:2;
    top:55px;
    right:0;
    bottom:0;
    left:0;
    margin:0;
    padding:0 48px;
    height:auto;
    box-sizing:border-box;
    overflow:hidden;
    overflow-y:auto;
    visibility:hidden;
    bottom:auto;
    margin-bottom:50px
}
.mobile-navbar .evo-mobile-item-menu{
    height:47px;
    border-bottom:1px solid #5e5d5d;
    opacity:0;
    pointer-events:none;
    transform:scale(1.1) translateY(-24px);
    transition:opacity 0.35s ease-out
}
.mobile-navbar .evo-mobile-item-menu.search-item{
    pointer-events:auto;
    transform:none
}
.mobile-navbar .evo-mobile-item-menu .evo-mobile-link{
    background-position:left center;
    display:block;
    outline-offset:0;
    padding:0;
    width:auto;
    max-width:none;
    font-size:1.5rem;
    color:#000
}
.mobile-menuview-open .mobile-navbar{
    position:absolute;
    height:100%;
    width:100%;
    overflow-y:auto;
    background:#fff
}
.mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-label{
    transform:rotate(90deg)
}
.mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-top{
    transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform:rotate(45deg)
}
.mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-crust-top{
    transform:translateY(10%);
    transition-delay:0.3s
}
.mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-bottom{
    transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform:rotate(-45deg)
}
.mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-crust-bottom{
    transition:transform 0.2s;
    transform:translateY(0)
}
.mobile-menuview-open .mobile-navbar .evo-mobile-link-bag{
    transform:translateX(200%);
    transition:transform 0.55s 0.25s ease-out
}
.mobile-menuview-open .mobile-navbar .evo-mobile-list{
    visibility:visible;
    transition-delay:0s;
    bottom:auto;
    animation:ac-gn-list-searchshow 300ms both
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item{
    width:100%;
    height:4em;
    line-height:4em
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu{
    opacity:1;
    pointer-events:auto;
    transform:none
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(2){
    transition-delay:300ms,300ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(3){
    transition-delay:350ms,350ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(4){
    transition-delay:400ms,400ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(5){
    transition-delay:450ms,450ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(6){
    transition-delay:500ms,500ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(7){
    transition-delay:550ms,550ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(8){
    transition-delay:600ms,600ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(9){
    transition-delay:650ms,650ms
}
.mobile-menuview-open .mobile-navbar .evo-mobile-menuicon{
    left:0;
    display:block;
    position:absolute;
    z-index:2;
    top:0;
    width:55px;
    border-bottom:none
}
.mobile-menuview-open .mobile-navbar .evo-mobile-rhino{
    position:absolute;
    width:135px;
    top:0;
    left:50%;
    margin-left:-63px;
    text-align:center;
    z-index:1
}
.mobile-menuview-open .mobile-navbar .evo-mobile-bag{
    right:0;
    display:block;
    position:absolute;
    top:0;
    width:auto;
    z-index:1
}
.mobile-menuview-open .mobile-navbar .evo-searchform{
    animation:none
}
.mobile-menuview-open .mobile-navbar .evo-searchform-wrapper{
    animation:none
}
.mobile-menuview-open .mobile-navbar .material-icons.icon-search{
    height:48px;
    line-height:48px;
    right:58px;
    left:initial
}
.mobile-searchview-open .mobile-navbar .evo-mobile-item-menu{
    height:48px;
    border-bottom:1px solid #5e5d5d;
    opacity:0
}
.mobile-searchview-open .mobile-navbar .material-icons.icon-search,.mobile-searchview-open .mobile-navbar .material-icons.icon-backspace{
    animation:mobile-search-hide 100ms both
}
.mobile-searchview-open .evo-searchview{
    position:absolute;
    top:0;
    left:0;
    right:0;
    display:block
}
.mobile-searchview-open .evo-searchview .evo-searchform.with-reset .evo-searchform-reset{
    cursor:pointer;
    opacity:1;
    pointer-events:auto;
    line-height:1rem
}
.mobile-searchview-open .evo-searchview .evo-searchform-reset{
    cursor:default;
    display:block;
    opacity:0;
    background:transparent;
    border:none;
    pointer-events:none;
    -webkit-transition:opacity 300ms ease;
    transition:opacity 300ms ease
}
.mobile-searchview-open .evo-searchview .evo-searchform-reset:before{
    content:"close";
    font-family:'Material Icons';
    color:#5e5d5d;
    font-size:1.5em;
    line-height:1.5em;
    position:relative
}
.mobile-searchview-open .evo-searchview-content{
    width:80%;
    left:40px;
    top:48px
}
.mobile-searchview-open .evo-mobile-searchview-close{
    transform:translateZ(0)
}
.mobile-searchview-open .evo-mobile-searchview-close-left,.mobile-searchview-open .evo-mobile-searchview-close-right{
    top:20px;
    height:1px;
    width:12px
}
.mobile-searchview-open .evo-mobile-searchview-close-left{
    animation:ac-gn-searchview-close-left-searchshow 300ms both;
    transform:rotate(-45deg)
}
.mobile-searchview-open .evo-mobile-searchview-close-right{
    animation:ac-gn-searchview-close-right-searchshow 300ms both;
    transform:rotate(45deg)
}
.mobile-searchview-open .evo-searchform{
    animation:ac-gn-searchform-fade 400ms 400ms both
}
.mobile-searchview-open .evo-searchform-wrapper{
    animation:ac-gn-searchform-slide 1s 400ms both
}
@media only screen and (max-width: 768px){
    html .toolbar-wrapper{
        padding:0
    }
    html.evo-noscroll{
        margin-top:0 !important
    }
    html.evo-noscroll .toolbar-wrapper{
        position:absolute;
        height:100%;
        z-index:2;
        transition:background 0.35s linear,height 0.35s ease-in 200ms
    }
    html.evo-noscroll,html.evo-noscroll body{
        overflow:hidden !important;
        height:100% !important
    }
    .mobile-navbar .evo-mobile-link-bag{
        display:flex;
        padding:0 20px;
        transition:-webkit-transform 0.25s 0.55s ease-out
    }
    .mobile-navbar .evo-mobile-link-bag:before{
        content:"";
        display:inline-block;
        vertical-align:middle
    }
    .evo-searchview .evo-mobile-searchview-close{
        visibility:visible;
        opacity:1
    }
    .evo-mobile-searchview-close-left{
        left:auto;
        right:50%;
        transform:rotate(40deg);
        transform-origin:100% 100%
    }
    .evo-mobile-searchview-close-right{
        left:50%;
        transform:rotate(-40deg);
        transform-origin:0 0
    }
    .mobile-menuview-open{
        animation:set-nav-fixed 2s both
    }
    .mobile-menuview-open .evo-searchview-content{
        animation:none;
        opacity:1;
        width:85%;
        top:60px;
        left:0;
        right:0;
        margin:0 auto
    }
    .mobile-menuview-open .evo-searchform-input{
        font-size:1.2em;
        line-height:1.2;
        font-weight:300;
        letter-spacing:normal;
        transform:none;
        color:#5e5d5d
    }
    .mobile-searchview-open{
        position:fixed
    }
    .mobile-searchview-open .evo-mobile-searchview-close{
        border:none;
        background:transparent;
        margin:0 auto;
        left:0;
        right:0;
        top:12px
    }
    .mobile-searchview-open .evo-mobile-searchview-close-left{
        animation:ac-gn-searchview-close-left-searchshow-small 600ms 225ms both;
        transform:rotate(-40deg)
    }
    .mobile-searchview-open .evo-mobile-searchview-close-right{
        animation:ac-gn-searchview-close-right-searchshow-small 600ms 225ms both;
        transform:rotate(40deg)
    }
    .mobile-searchview-open .evo-mobile-rhino{
        animation:evo-rhino-searchshow 600ms 200ms both;
        display:none
    }
}
.mobile-menuview-open .nav-wrapper.toolbar{
    position:absolute;
    overflow-x:hidden;
    overflow-y:auto;
    height:100%
}
ul.evo-mobile-list{
    list-style:none;
    padding:0px;
    margin:0 auto
}
ul.evo-mobile-list>li>ul>li{
    float:none;
    width:100%;
    line-height:2em;
    font-size:1.8em
}
ul.evo-mobile-list>li>ul>li:last-child{
    margin-bottom:1em
}
ul.evo-mobile-list>li>ul>li label{
    text-indent:1.2em
}
ul.evo-mobile-list>li>ul>li i{
    line-height:0.7em;
    height:0.7em
}
ul.evo-mobile-list>li>ul>li ul li{
    float:none;
    width:100%;
    line-height:3em;
    font-size:1.8em
}
ul.evo-mobile-list>li>ul>li ul li label{
    text-indent:1em
}
li.evo-mobile-item.evo-mobile-item-menu{
    border-bottom:1px solid #5e5d5d;
    padding:0px;
    margin:0;
    display:inline-table
}
li.evo-mobile-item.evo-mobile-item-menu:last-child{
    border-bottom:none
}
li.evo-mobile-item.evo-mobile-item-menu input{
    margin-left:0;
    z-index:2;
    cursor:pointer;
    height:1em;
    width:1em;
    display:none
}
li.evo-mobile-item.evo-mobile-item-menu label{
    display:inline-block;
    cursor:pointer;
    color:#000;
    width:100%;
    box-sizing:border-box;
    padding:0;
    line-height:2.5em;
    font-size:1.5rem
}
li.evo-mobile-item.evo-mobile-item-menu ul>li>label{
    width:100%
}
.extend_li-padding-fill,li.evo-mobile-item.evo-mobile-item-menu label,.evo-mobile-item-menu a{
    padding:0
}
.evo-mobile-item-menu a{
    text-decoration:none;
    display:block
}
.evo-mobile-item-menu a.external{
    background-color:blue;
    color:white
}
.evo-mobile-item-menu ul li a{
    text-indent:1em;
    font-size:1.5rem
}
.evo-mobile-item-menu>ul>li>ul>li>a{
    text-indent:0;
    margin-left:3em;
    line-height:2em
}
.evo-mobile-list .evo-mobile-item i.icon-plus{
    display:inline-block;
    float:right;
    margin-right:10px;
    line-height:2em;
    height:2em
}
.mobile-navbar>.evo-mobile-list>.evo-mobile-item>i.icon-plus{
    line-height:2.5em;
    height:2em
}
.mobile-navbar>.evo-mobile-list>.evo-mobile-item>ul i.icon-plus{
    line-height:2em;
    height:1em
}
.evo-mobile-list label .icon-plus:before{
    content:'+';
    color:white;
    display:inline-block;
    font-size:1.2em;
    font-style:normal
}
.evo-mobile-list label.isOpen .icon-plus:before{
    content:'\2212'
}
.arrow{
    padding:1rem;
    box-shadow:1px -1px 0 0 #999 inset;
    border:solid transparent;
    border-width:0 0 2rem 2rem;
    transition:0.2s;
    margin:0 auto
}
.arrow:hover{
    box-shadow:2px -2px 0 0 #666 inset
}
.arrow-up{
    transform:rotate(135deg);
    margin-top:-15px
}
.arrow-right{
    transform:rotate(225deg)
}
.arrow-down{
    transform:rotate(-45deg);
    margin-top:15px
}
.arrow-left{
    transform:rotate(45deg)
}
@media only screen and (max-width: 768px){
    .shopify-section{
        height:100%
    }
}
.toolbar .desktop-dropdown .subnav{
    position:absolute;
    display:none;
    opacity:0;
    height:0;
    width:0
}
@media screen and (min-width: 40em){
    .toolbar .desktop-dropdown:hover .subnav{
        opacity:1;
        display:block;
        height:auto;
        width:auto
    }
}
@media only screen{
    .toolbar .desktop-dropdown .mobile-dropdown-button{
        display:none
    }
}
@media only screen and (max-width: 1400px){
    .img-right .right-subtitle{
        font-size:7px 0 7px;
        line-height:1em
    }
    .by-product{
        display:none
    }
}
@media only screen and (max-width: 1100px), (max-height: 520px){
    .toolbar .desktop-dropdown .mobile-dropdown-button{
        display:block
    }
}
@media only screen and (max-width: 585px){
    .toolbar .desktop-dropdown .mobile-dropdown-button{
        display:block
    }
    .return-to-store{
        display:block
    }
}
.desktop-dropdown-button{
    text-align:center
}
.toolbar .desktop-dropdown:hover{
    overflow:visible
}
.toolbar .desktop-dropdown .subnav{
    right:0;
    left:0
}
.toolbar .desktop-dropdown .subnav *{
    margin:0;
    padding:0;
    line-height:normal;
    text-align:left
}
.toolbar .desktop-dropdown .subnav .subnav-box{
    background-color:#ededed;
    color:#000;
    padding:15px;
    box-sizing:border-box
}
.toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    height:auto
}
.toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items li{
    list-style:none;
    display:block
}
.toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items li.consumer-model{
    width:170px
}
.has-dropdown .desktop-dropdown-button:hover{
    color:#FFCE00;
    cursor:pointer;
    background-color:transparent
}
#store-dropdown:hover .subnav-box{
    position:absolute;
    height:270px;
    left:0;
    right:0
}
#store-dropdown ul.list-of-items{
    width:60%;
    height:250px;
    margin:0 auto;
    box-sizing:border-box
}
#store-dropdown ul.our-solutions{
    width:258px
}
#store-dropdown #store-banner{
    height:100%;
    width:46%;
    box-sizing:border-box;
    float:left
}
#store-dropdown .subnav-item{
    margin-bottom:5px;
    margin-right:2%;
    width:170px
}
#store-dropdown .our-solutions li.subnav-item{
    height:33%;
    width:100%;
    box-sizing:border-box;
    margin:0
}
#store-dropdown .consumer-brand-title,#store-dropdown .consumer-model-name,#store-dropdown .consumer-model-accessory{
    margin-top:5px;
    margin-bottom:5px
}
#store-dropdown .consumer-brand-title,#store-dropdown .consumer-brand-title>a{
    font-size:17px;
    border-bottom:1px solid #ccc;
    border-left:0px solid #ccc;
    padding-left:5px;
    color:#111;
    font-weight:bold;
    margin-bottom:10px
}
#store-dropdown .consumer-model-name>a{
    padding-left:10px;
    font-size:13px;
    color:#333;
    display:inline-block
}
#store-dropdown .consumer-model-accessory>a{
    font-size:12px;
    margin-left:5px;
    text-transform:none;
    color:#111
}
#store-dropdown .list-of-items{
    padding:10px
}
#store-banner{
    height:100%;
    border-bottom:none;
    border-left:1px solid #ccc;
    padding-left:15px;
    text-align:center
}
#store-banner h1{
    text-align:center
}
#store-dropdown #store-banner>h1{
    padding-top:10px
}
#store-dropdown #store-banner img{
    width:100%;
    height:100%
}
#store-dropdown .consumer-model-name a:hover{
    font-weight:bold
}
.store-dropdown-titles{
    width:100%;
    margin:0;
    padding:0;
    height:60px;
    float:left
}
.store-dropdown-titles>div{
    height:60px;
    display:table
}
.device-titles{
    width:400px;
    text-align:center;
    float:left
}
.our-solutions-title{
    width:258px;
    text-align:center;
    float:left
}
.toolbar .desktop-dropdown .store-dropdown-titles h3{
    vertical-align:middle;
    display:table-cell;
    text-align:center
}
ul.list-of-items.our-solutions{
    border-left:#C7C6CC solid 1px
}
.storedp-background-thumb{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    height:100%;
    position:relative;
    text-align:center !important
}
.img-left{
    width:25%;
    height:100%;
    display:table-cell
}
.img-right{
    width:75%;
    height:100%;
    padding:7px 0 7px;
    color:#000;
    display:table-cell;
    text-align:left;
    vertical-align:middle
}
.img-right .right-title{
    margin-bottom:5px;
    font-size:20px;
}
.img-right .right-subtitle{
    font-size:10px;
    line-height:12px
}
.collection-title-image{
    display:block;
    width:auto;
    height:12px
}
.storedp-thumbnail-background{
    vertical-align:middle;
    float:left
}
#support-dropdown:hover .subnav-box{
    position:absolute;
    left:0;
    right:0
}
#support-dropdown .subnav{
    right:-10px;
    left:0
}
#support-dropdown .subnav .subnav-box ul{
    height:auto;
    width:200px;
    margin:0 auto
}
#support-dropdown .subnav .subnav-box .subnav-item{
    margin-left:-150px;
    padding:0
}
#support-dropdown .subnav .subnav-box .subnav-item a{
    font-size:0.9em;
    font-weight:bolder
}
#support-dropdown .subnav-item a div{
    padding:5px 0;
    width:100%;
    background-color:#ededed;
    color:#111
}
#support-dropdown .subnav-item a div:hover{
    font-weight:bold
}
#social-dropdown .subnav .subnav-box ul li{
    margin:5px 5px
}
#product-dropdown .list-of-items{
    width:840px;
    display:block;
    margin:0 auto;
    overflow:hidden;
    padding:25px 0 60px
}
#product-dropdown .subnav-item{
    margin-bottom:5px;
    width:210px;
    float:left
}
#product-dropdown .subnav-item img{
    width:150px
}
#product-dropdown .productdp-desc{
    position:relative;
    top:35px;
    color:#808080;
    text-align:center;
    font-size:0.8em
}
.cd-tabs-content a,.cd-tabs-content a div{
    font-weight:bold;
    text-decoration:underline
}
@media only screen and (min-width: 768px){
    header{
        height:200px;
        line-height:225px
    }
}
.cd-tabs{
    position:relative;
    width:100%
}
.cd-tabs:after{
    content:"";
    display:table;
    clear:both
}
.cd-tabs::after{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    pointer-events:none;
    background:-webkit-linear-gradient(right, #f8f7ee, rgba(248,247,238,0));
    background:linear-gradient(to left, #f8f7ee, rgba(248,247,238,0));
    visibility:visible;
    opacity:1;
    -webkit-transition:opacity .3s 0s, visibility 0s 0s;
    -moz-transition:opacity .3s 0s, visibility 0s 0s;
    transition:opacity .3s 0s, visibility 0s 0s
}
.no-cssgradients .cd-tabs::after{
    display:none
}
.cd-tabs.is-ended{
    border-top:#DBDAD5 solid 1px
}
.cd-tabs.is-ended::after{
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s, visibility 0s .3s;
    -moz-transition:opacity .3s 0s, visibility 0s .3s;
    transition:opacity .3s 0s, visibility 0s .3s
}
.cd-tabs nav{
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    background:#f8f7ee;
    margin-bottom:20px;
    max-width:500px
}
.cd-tabs-navigation{
    height:60px;
    width:100%
}
.cd-tabs-navigation li{
    width:33%;
    height:100%
}
.cd-tabs-navigation li:nth-child(3){
    width:34%
}
.cd-tabs-navigation a{
    height:100%
}
.cd-tabs-navigation li div{
    position:relative;
    top:50%;
    transform:translate(0, -50%);
    line-height:1.5em
}
.cd-tabs-content iframe{
    max-width:100%
}
.cd-tabs-content>li>ul{
    margin-top:10px;
    margin-bottom:10px
}
.cd-tabs-content li li{
    list-style:initial;
    margin-left:25px
}
.cd-tabs-content h5 div{
    color:#ffd200;
    background-color:#2F2F2F;
    padding:7px
}
@media only screen and (min-width: 768px){
    .cd-tabs::after{
        display:none
    }
    .cd-tabs nav{
        background:transparent;
        box-shadow:none
    }
}
@media only screen and (min-width: 960px){
    .cd-tabs nav{
        position:relative;
        float:none;
        background:transparent;
        box-shadow:none
    }
}
.cd-tabs-navigation{
    background-color:white
}
.cd-tabs-navigation:after{
    content:"";
    display:table;
    clear:both
}
.cd-tabs-navigation li{
    float:left;
    width:33%
}
.cd-tabs-navigation a{
    position:relative;
    display:block;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#c3c2b9
}
.no-touch .cd-tabs-navigation a:not('.selected'):hover{
    color:#29324e;
    border-top:grey solid 2px
}
.cd-tabs-navigation a.selected{
    background-color:#ffffff !important;
    box-shadow:inset 0 2px 0 black;
    color:#29324e
}
.cd-tabs-navigation a::before{
    position:absolute;
    top:12px;
    left:50%;
    display:inline-block;
    background-image:url("../img/vicons.svg");
    background-repeat:no-repeat
}
.cd-tabs-navigation a[data-content='inbox']::before{
    background-position:0 0
}
.cd-tabs-navigation a[data-content='new']::before{
    background-position:-20px 0
}
.cd-tabs-navigation a[data-content='gallery']::before{
    background-position:-40px 0
}
.cd-tabs-navigation a[data-content='store']::before{
    background-position:-60px 0
}
.cd-tabs-navigation a[data-content='settings']::before{
    background-position:-80px 0
}
.cd-tabs-navigation a[data-content='trash']::before{
    background-position:-100px 0
}
.cd-tabs-navigation a[data-content='inbox'].selected::before{
    background-position:0 -20px
}
.cd-tabs-navigation a[data-content='new'].selected::before{
    background-position:-20px -20px
}
.cd-tabs-navigation a[data-content='gallery'].selected::before{
    background-position:-40px -20px
}
.cd-tabs-navigation a[data-content='store'].selected::before{
    background-position:-60px -20px
}
.cd-tabs-navigation a[data-content='settings'].selected::before{
    background-position:-80px -20px
}
.cd-tabs-navigation a[data-content='trash'].selected::before{
    background-position:-100px -20px
}
@media only screen and (min-width: 768px){
    .cd-tabs-navigation{
        float:left
    }
    .cd-tabs-navigation a::before{
        top:22px
    }
}
@media only screen and (min-width: 960px){
    .cd-tabs-navigation a{
        line-height:20px;
        width:auto;
        text-align:center
    }
    .cd-tabs-navigation a::before{
        top:50%;
        left:38px
    }
}
.cd-tabs-content{
    background:#ffffff
}
.cd-tabs-content>li{
    display:none
}
.cd-tabs-content li.selected{
    display:block;
    -webkit-animation:cd-fade-in 0.5s;
    -moz-animation:cd-fade-in 0.5s;
    animation:cd-fade-in 0.5s;
    overflow-y:auto
}
@media only screen and (min-width: 960px){
    .cd-tabs-content{
        min-height:0
    }
}
@-webkit-keyframes cd-fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-moz-keyframes cd-fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes cd-fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.all-buttons-bundle-pack{
    background:linear-gradient(45deg, #383636 10%, #3e4f6e 20%, #e17582 30%, #fff 40%, #ffe568 50%, #dc5455 60%, #fad6d3 70%, rgba(0,0,0,0.1) 80%, #575c5c 90%) !important
}
.charcoal-black{
    background-color:#000 !important
}
.black{
    background-color:#383636 !important
}
.military-green{
    background-color:#404b34 !important
}
.dark-blue{
    background-color:#3e4f6e !important
}
.grey{
    background-color:#575c5c !important
}
.dark-grey{
    background-color:#575c5c !important
}
.dark-cyan{
    background-color:#1e6368 !important
}
.blue{
    background-color:#2a7ca0 !important
}
.baby-blue{
    background-color:#94c0e4 !important
}
.teal-blue{
    background-color:#43999a !important
}
.green{
    background-color:#60b287 !important
}
.mint-green{
    background-color:#7dba98 !important
}
.purple{
    background-color:#674969 !important
}
.red{
    background-color:#dc5455 !important
}
.coral-pink{
    background-color:#e17582 !important
}
.yellow{
    background-color:#ffe568 !important
}
.white{
    background-color:#fff !important
}
.pwhite{
    background-color:#fff !important
}
.pblack{
    background-color:#000 !important
}
.pdark-blue{
    background-color:#424054 !important
}
.pred{
    background-color:#a4322f !important
}
.ppink{
    background-color:#edbdc8 !important
}
.shell-pink{
    background-color:#fad6d3 !important
}
.pshell-pink{
    background-color:#fad6d3 !important
}
.peach-pink{
    background-color:#fad6d3 !important
}
.ppeach-pink{
    background-color:#fad6d3 !important
}
.powder-blue{
    background-color:#c0d9ee !important
}
.ppowder-blue{
    background-color:#c0d9ee !important
}
.white-st-patrick-edition{
    background-color:#fff !important
}
.pwhite-st-patrick-edition{
    background-color:#fff !important
}
.black-st-patrick-edition{
    background-color:#000 !important
}
.pblack-st-patrick-edition{
    background-color:#000 !important
}
.dark-blue-st-patrick-edition{
    background-color:#424054 !important
}
.pdark-blue-st-patrick-edition{
    background-color:#424054 !important
}
.gold{
    background-color:#cebe86 !important
}
.silver{
    background-color:#c9c8c9 !important
}
.jetblack{
    background-color:#000 !important
}
.rosegold{
    background-color:#fad6d3 !important
}
.clear{
    background-color:rgba(0,0,0,0.1) !important
}
.all-buttons{
    background:linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82)
}
.color-area{
    flex-wrap:wrap;
    margin-bottom:15px;
    display:flex
}
.color-area.phone-preview-color{
    display:inline-flex;
    position:absolute;
    right:140px;
    top:20px
}
.color-area .switch-area{
    width:100%;
    margin:0 0 10px 0;
    text-align:left
}
.circle-picker{
    width:25px;
    height:25px;
    padding:3px;
    border-radius:50%;
    margin-right:10px;
    position:relative
}
.circle-picker:first-child .color-text{
    left:0
}
.circle-picker.active,.circle-picker:hover{
    border:1px solid #b3b3b3;
    cursor:pointer
}
.circle-picker.active .circle-color:not(.white),.circle-picker.active circle-color:not(.transparent),.circle-picker:hover .circle-color:not(.white),.circle-picker:hover circle-color:not(.transparent){
    border:none
}
.circle-picker.active .color-text,.circle-picker:hover .color-text{
    display:block;
    color:#b3b3b3
}
.circle-picker.active .black-half,.circle-picker.active .red-half,.circle-picker:hover .black-half,.circle-picker:hover .red-half{
    height:9px;
    width:18px;
    border-radius:18px 18px 0 0
}
.circle-picker .circle-color{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%
}
.circle-picker .circle-color.white,.circle-picker .circle-color.pwhite,.circle-picker .circle-color.pwhite-st-patrick-edition,.circle-picker .circle-color.transparent{
    border:1px solid #b3b3b3 !important
}
.circle-picker .color-name{
    display:inline-block;
    font-size:0.8rem;
    margin-top:10px
}
.color-text{
    position:absolute;
    top:30px;
    left:-35px;
    display:none;
    width:100px;
    text-align:center;
    white-space:nowrap
}
.full-clear{
    border:2px solid #e6e6e5;
    background:linear-gradient(to top, #e6e6e5 50%, #fff 50%)
}
.clear-pink{
    border:2px solid #f8cbcc;
    background:linear-gradient(to top, #f8cbcc 50%, #fff 50%)
}
.clear-black{
    border:2px solid #000;
    background:linear-gradient(to top, #000 50%, #fff 50%)
}
.pfull-clear{
    border:2px solid #e6e6e5;
    background:linear-gradient(to top, #e6e6e5 50%, #fff 50%)
}
.pclear-pink{
    border:2px solid #f8cbcc;
    background:linear-gradient(to top, #f8cbcc 50%, #fff 50%)
}
.pclear-black{
    border:2px solid #000;
    background:linear-gradient(to top, #000 50%, #fff 50%)
}
.charcoal-red{
    background:linear-gradient(45deg, #000 50%, #dc5455 50%)
}
.pfull-clear{
    border:2px solid #e6e6e5;
    background:linear-gradient(to top, #e6e6e5 50%, #fff 50%)
}
.pclear-pink{
    border:2px solid #f8cbcc;
    background:linear-gradient(to top, #f8cbcc 50%, #fff 50%)
}
.pclear-black{
    border:2px solid #000;
    background:linear-gradient(to top, #000 50%, #fff 50%)
}
.half-color{
    width:30px;
    height:30px
}
@media only screen and (max-width: 600px){
    .color-area.phone-preview-color{
        right:10px
    }
}
@font-face{
    font-family:'slick';
    font-weight:normal;
    font-style:normal;
    src:url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.eot?11050706263826344556");
    src:url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.eot?11050706263826344556?#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.woff?11050706263826344556") format("woff"),url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.ttf?11050706263826344556") format("truetype"),url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.svg?11050706263826344556#slick") format("svg")
}
.slick-prev,.slick-next{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    cursor:pointer;
    color:transparent;
    border:none;
    outline:none;
    background:transparent
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color:transparent;
    outline:none;
    background:transparent
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:.25
}
.slick-prev:before,.slick-next:before{
    font-family:'slick';
    font-size:20px;
    line-height:1;
    opacity:.75;
    color:white;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir='rtl'] .slick-prev{
    right:-25px;
    left:auto
}
.slick-next{
    right:-25px
}
[dir='rtl'] .slick-next{
    right:auto;
    left:-25px
}
.slick-dotted.slick-slider{
    height:100%
}
.slick-dots{
    position:absolute;
    bottom:30px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:100%;
    height:100%;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent;
    border-radius:50%;
    background-color:#666
}
.slick-dots li button:hover,.slick-dots li button:focus{
    opacity:.5
}
.slick-dots li.slick-active button{
    background-color:#ffd200
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    height:100%;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    height:100%
}
.slick-track:before,.slick-track:after{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir='rtl'] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
/*! * SlickNav Responsive Mobile Menu v1.0.3 * (c) 2015 Josh Cope * licensed under MIT */
 .slicknav_btn{
    position:relative;
    display:block;
    vertical-align:middle;
    float:left;
    padding:0.438em 0.625em 0.438em 0.625em;
    line-height:1.125em;
    cursor:pointer
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{
    margin-top:0.188em
}
.slicknav_menu{
    *zoom:1
}
.slicknav_menu .slicknav_menutxt{
    display:block;
    line-height:1.188em;
    float:left
}
.slicknav_menu .slicknav_icon{
    float:left;
    margin:0.188em 0 0 0.438em
}
.slicknav_menu .slicknav_no-text{
    margin:0
}
.slicknav_menu .slicknav_icon-bar{
    display:block;
    width:1.125em;
    height:0.125em;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
    box-shadow:0 1px 0 rgba(0,0,0,0.25)
}
.slicknav_menu:before{
    content:" ";
    display:table
}
.slicknav_menu:after{
    content:" ";
    display:table;
    clear:both
}
.slicknav_nav{
    clear:both
}
.slicknav_nav ul{
    display:block
}
.slicknav_nav li{
    display:block
}
.slicknav_nav .slicknav_arrow{
    font-size:0.8em;
    margin:0 0 0 0.4em
}
.slicknav_nav .slicknav_item{
    cursor:pointer
}
.slicknav_nav .slicknav_item a{
    display:inline
}
.slicknav_nav .slicknav_row{
    display:block
}
.slicknav_nav a{
    display:block
}
.slicknav_nav .slicknav_parent-link a{
    display:inline
}
.slicknav_brand{
    float:left
}
.slicknav_menu{
    font-size:16px;
    box-sizing:border-box;
    background:#000;
    padding:0 5px
}
.slicknav_menu *{
    box-sizing:border-box
}
.slicknav_menu .slicknav_menutxt{
    color:#fff;
    font-weight:bold;
    text-shadow:0 1px 3px #000
}
.slicknav_menu .slicknav_icon-bar{
    background-color:#fff
}
.slicknav_btn{
    min-width:100%;
    margin:5px 5px 6px;
    text-decoration:none;
    text-shadow:0 1px 1px rgba(255,255,255,0.75);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#222
}
.slicknav_nav{
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
    list-style:none;
    overflow:hidden
}
.slicknav_nav ul{
    list-style:none;
    overflow:hidden;
    padding:0;
    margin:0 0 0 20px
}
.slicknav_nav .slicknav_row{
    padding:5px 10px;
    margin:2px 5px
}
.slicknav_nav .slicknav_row:hover{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:#ccc;
    color:#fff
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff
}
.slicknav_nav a:hover{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:#ccc;
    color:#222
}
.slicknav_nav .slicknav_txtnode{
    margin-left:15px
}
.slicknav_nav .slicknav_item a{
    padding:0;
    margin:0
}
.slicknav_nav .slicknav_parent-link a{
    padding:0;
    margin:0
}
.slicknav_brand{
    color:#fff;
    font-size:18px;
    line-height:30px;
    padding:7px 12px;
    height:44px
}
.slicknav_hidden{
    display:none
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch{
    overflow:hidden !important
}
#swipebox-overlay img{
    border:none !important
}
#swipebox-overlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999 !important;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#swipebox-container{
    position:relative;
    width:100%;
    height:100%
}
#swipebox-slider{
    -webkit-transition:-webkit-transform 0.4s ease;
    transition:transform 0.4s ease;
    height:100%;
    left:0;
    top:0;
    width:100%;
    white-space:nowrap;
    position:absolute;
    display:none;
    cursor:pointer
}
#swipebox-slider .slide{
    height:100%;
    width:100%;
    line-height:1px;
    text-align:center;
    display:inline-block
}
#swipebox-slider .slide:before{
    content:"";
    display:inline-block;
    height:50%;
    width:1px;
    margin-right:-1px
}
#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{
    display:inline-block;
    max-height:100%;
    max-width:100%;
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    vertical-align:middle
}
#swipebox-slider .slide .swipebox-video-container{
    background:none;
    max-width:1140px;
    max-height:100%;
    width:100%;
    padding:5%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
    position:relative
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
    width:100% !important;
    height:100% !important;
    position:absolute;
    top:0;
    left:0
}
#swipebox-slider .slide-loading{
    background:url(../img/loader.gif) no-repeat center center
}
#swipebox-bottom-bar,#swipebox-top-bar{
    -webkit-transition:0.5s;
    transition:0.5s;
    position:absolute;
    left:0;
    z-index:999;
    height:50px;
    width:100%
}
#swipebox-bottom-bar{
    bottom:-50px
}
#swipebox-bottom-bar.visible-bars{
    -webkit-transform:translate3d(0, -50px, 0);
    transform:translate3d(0, -50px, 0)
}
#swipebox-top-bar{
    top:-50px
}
#swipebox-top-bar.visible-bars{
    -webkit-transform:translate3d(0, 50px, 0);
    transform:translate3d(0, 50px, 0)
}
#swipebox-title{
    display:block;
    width:100%;
    text-align:center
}
#swipebox-prev,#swipebox-next,#swipebox-close{
    background-image:url(icons.png);
    background-repeat:no-repeat;
    border:none !important;
    text-decoration:none !important;
    cursor:pointer;
    width:50px;
    height:50px;
    top:0
}
#swipebox-close{
    background-colour:black
}
#swipebox-arrows{
    display:block;
    margin:0 auto;
    width:100%;
    height:50px
}
#swipebox-prev{
    background-position:-32px 13px;
    float:left
}
#swipebox-next{
    background-position:-78px 13px;
    float:right
}
#swipebox-close{
    top:0;
    right:0;
    position:absolute;
    z-index:9999;
    background-position:15px 12px
}
.swipebox-no-close-button #swipebox-close{
    display:none
}
#swipebox-prev.disabled,#swipebox-next.disabled{
    opacity:0.3
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{
    -webkit-animation:rightSpring 0.3s;
    animation:rightSpring 0.3s
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{
    -webkit-animation:leftSpring 0.3s;
    animation:leftSpring 0.3s
}
.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    content:' ';
    position:absolute;
    z-index:999;
    top:0;
    height:100%;
    width:20px;
    opacity:0
}
.swipebox-touch #swipebox-container:before{
    left:0;
    -webkit-box-shadow:inset 10px 0px 10px -8px #656565;
    box-shadow:inset 10px 0px 10px -8px #656565
}
.swipebox-touch #swipebox-container:after{
    right:0;
    -webkit-box-shadow:inset -10px 0px 10px -8px #656565;
    box-shadow:inset -10px 0px 10px -8px #656565
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{
    opacity:1
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{
    opacity:1
}
@-webkit-keyframes rightSpring{
    0%{
        left:0
    }
    50%{
        left:-30px
    }
    100%{
        left:0
    }
}
@keyframes rightSpring{
    0%{
        left:0
    }
    50%{
        left:-30px
    }
    100%{
        left:0
    }
}
@-webkit-keyframes leftSpring{
    0%{
        left:0
    }
    50%{
        left:30px
    }
    100%{
        left:0
    }
}
@keyframes leftSpring{
    0%{
        left:0
    }
    50%{
        left:30px
    }
    100%{
        left:0
    }
}
@media screen and (min-width: 800px){
    #swipebox-close{
        right:10px
    }
    #swipebox-arrows{
        width:92%;
        max-width:800px
    }
}
#swipebox-overlay{
    background:rgba(17,17,17,0.9)
}
#swipebox-bottom-bar,#swipebox-top-bar{
    text-shadow:1px 1px 1px black;
    background:#000;
    opacity:0.95
}
#swipebox-top-bar{
    color:white !important;
    font-size:15px;
    line-height:43px;
    font-family:Helvetica, Arial, sans-serif
}
body.stop-scrolling{
    height:100%;
    overflow:hidden
}
.sweet-overlay{
    background-color:black;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color:rgba(0,0,0,0.4);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:10000
}
.sweet-alert{
    background-color:white;
    font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width:478px;
    padding:17px;
    border-radius:5px;
    text-align:center;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-256px;
    margin-top:-200px;
    overflow:hidden;
    display:none;
    z-index:99999
}
@media all and (max-width: 540px){
    .sweet-alert{
        width:auto;
        margin-left:0;
        margin-right:0;
        left:15px;
        right:15px
    }
}
.sweet-alert h2{
    color:#575757;
    font-size:30px;
    text-align:center;
    font-weight:600;
    text-transform:none;
    position:relative;
    margin:20px 0;
    padding:0;
    line-height:40px;
    display:block
}
.sweet-alert p{
    font-weight:bold;
    color:#797979;
    font-size:16px;
    text-align:center;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    margin:0;
    padding:0;
    line-height:normal
}
.sweet-alert fieldset{
    border:none;
    position:relative
}
.sweet-alert .sa-error-container{
    background-color:#f1f1f1;
    margin-left:-17px;
    margin-right:-17px;
    overflow:hidden;
    padding:0 10px;
    max-height:0;
    webkit-transition:padding 0.15s, max-height 0.15s;
    transition:padding 0.15s, max-height 0.15s
}
.sweet-alert .sa-error-container.show{
    padding:10px 0;
    max-height:100px;
    webkit-transition:padding 0.2s, max-height 0.2s;
    transition:padding 0.25s, max-height 0.25s
}
.sweet-alert .sa-error-container .icon{
    display:inline-block;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#ea7d7d;
    color:white;
    line-height:24px;
    text-align:center;
    margin-right:3px
}
.sweet-alert .sa-error-container p{
    display:inline-block
}
.sweet-alert .sa-input-error{
    position:absolute;
    top:29px;
    right:26px;
    width:20px;
    height:20px;
    opacity:0;
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transition:all 0.1s;
    transition:all 0.1s
}
.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after{
    content:"";
    width:20px;
    height:6px;
    background-color:#f06e57;
    border-radius:3px;
    position:absolute;
    top:50%;
    margin-top:-4px;
    left:50%;
    margin-left:-9px
}
.sweet-alert .sa-input-error::before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sweet-alert .sa-input-error::after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.sweet-alert .sa-input-error.show{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.sweet-alert input{
    width:100%;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #d7d7d7;
    height:43px;
    margin-top:10px;
    margin-bottom:17px;
    font-size:18px;
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.06);
    padding:0 12px;
    display:none;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
.sweet-alert input:focus{
    outline:none;
    box-shadow:0px 0px 3px #c4e6f5;
    border:1px solid #b4dbed
}
.sweet-alert input:focus::-moz-placeholder{
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5
}
.sweet-alert input:focus:-ms-input-placeholder{
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5
}
.sweet-alert input:focus::-webkit-input-placeholder{
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5
}
.sweet-alert input::-moz-placeholder{
    color:#bdbdbd
}
.sweet-alert input::-ms-clear{
    display:none
}
.sweet-alert input:-ms-input-placeholder{
    color:#bdbdbd
}
.sweet-alert input::-webkit-input-placeholder{
    color:#bdbdbd
}
.sweet-alert.show-input input{
    display:block
}
.sweet-alert .sa-confirm-button-container{
    display:inline-block;
    position:relative
}
.sweet-alert .la-ball-fall{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-27px;
    margin-top:4px;
    opacity:0;
    visibility:hidden
}
.sweet-alert button{
    background-color:#8CD4F5;
    color:white;
    border:none;
    box-shadow:none;
    font-size:17px;
    font-weight:500;
    -webkit-border-radius:4px;
    border-radius:5px;
    padding:10px 32px;
    margin:26px 5px 0 5px;
    cursor:pointer
}
.sweet-alert button:focus{
    outline:none;
    box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05)
}
.sweet-alert button:hover{
    background-color:#7ecff4
}
.sweet-alert button:active{
    background-color:#5dc2f1
}
.sweet-alert button.cancel{
    background-color:#C1C1C1
}
.sweet-alert button.cancel:hover{
    background-color:#b9b9b9
}
.sweet-alert button.cancel:active{
    background-color:#a8a8a8
}
.sweet-alert button.cancel:focus{
    box-shadow:rgba(197,205,211,0.8) 0px 0px 2px,rgba(0,0,0,0.04706) 0px 0px 0px 1px inset !important
}
.sweet-alert button[disabled]{
    opacity:.6;
    cursor:default
}
.sweet-alert button.confirm[disabled]{
    color:transparent
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall{
    opacity:1;
    visibility:visible;
    transition-delay:0s
}
.sweet-alert button::-moz-focus-inner{
    border:0
}
.sweet-alert[data-has-cancel-button=false] button{
    box-shadow:none !important
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{
    padding-bottom:40px
}
.sweet-alert .sa-icon{
    width:80px;
    height:80px;
    border:4px solid gray;
    -webkit-border-radius:40px;
    border-radius:40px;
    border-radius:50%;
    margin:20px auto;
    padding:0;
    position:relative;
    box-sizing:content-box
}
.sweet-alert .sa-icon.sa-error{
    border-color:#F27474
}
.sweet-alert .sa-icon.sa-error .sa-x-mark{
    position:relative;
    display:block
}
.sweet-alert .sa-icon.sa-error .sa-line{
    position:absolute;
    height:5px;
    width:47px;
    background-color:#F27474;
    display:block;
    top:37px;
    border-radius:2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    left:17px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:16px
}
.sweet-alert .sa-icon.sa-warning{
    border-color:#F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-body{
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-dot{
    position:absolute;
    width:7px;
    height:7px;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#F8BB86
}
.sweet-alert .sa-icon.sa-info{
    border-color:#C9DAE1
}
.sweet-alert .sa-icon.sa-info::before{
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#C9DAE1
}
.sweet-alert .sa-icon.sa-info::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#C9DAE1;
    left:50%
}
.sweet-alert .sa-icon.sa-success{
    border-color:#A5DC86
}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{
    content:'';
    -webkit-border-radius:40px;
    border-radius:40px;
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:white;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.sweet-alert .sa-icon.sa-success::before{
    -webkit-border-radius:120px 0 0 120px;
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:60px 60px;
    transform-origin:60px 60px
}
.sweet-alert .sa-icon.sa-success::after{
    -webkit-border-radius:0 120px 120px 0;
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0px 60px;
    transform-origin:0px 60px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder{
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,0.2);
    -webkit-border-radius:40px;
    border-radius:40px;
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2
}
.sweet-alert .sa-icon.sa-success .sa-fix{
    width:5px;
    height:90px;
    background-color:white;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line{
    height:5px;
    background-color:#A5DC86;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{
    width:25px;
    left:14px;
    top:46px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{
    width:47px;
    right:8px;
    top:38px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sweet-alert .sa-icon.sa-custom{
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat
}
@-webkit-keyframes showSweetAlert{
    0%{
        transform:scale(0.7);
        -webkit-transform:scale(0.7)
    }
    45%{
        transform:scale(1.05);
        -webkit-transform:scale(1.05)
    }
    80%{
        transform:scale(0.95);
        -webkit-transform:scale(0.95)
    }
    100%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
@keyframes showSweetAlert{
    0%{
        transform:scale(0.7);
        -webkit-transform:scale(0.7)
    }
    45%{
        transform:scale(1.05);
        -webkit-transform:scale(1.05)
    }
    80%{
        transform:scale(0.95);
        -webkit-transform:scale(0.95)
    }
    100%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
@-webkit-keyframes hideSweetAlert{
    0%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    100%{
        transform:scale(0.5);
        -webkit-transform:scale(0.5)
    }
}
@keyframes hideSweetAlert{
    0%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    100%{
        transform:scale(0.5);
        -webkit-transform:scale(0.5)
    }
}
@-webkit-keyframes slideFromTop{
    0%{
        top:0%
    }
    100%{
        top:50%
    }
}
@keyframes slideFromTop{
    0%{
        top:0%
    }
    100%{
        top:50%
    }
}
@-webkit-keyframes slideToTop{
    0%{
        top:50%
    }
    100%{
        top:0%
    }
}
@keyframes slideToTop{
    0%{
        top:50%
    }
    100%{
        top:0%
    }
}
@-webkit-keyframes slideFromBottom{
    0%{
        top:70%
    }
    100%{
        top:50%
    }
}
@keyframes slideFromBottom{
    0%{
        top:70%
    }
    100%{
        top:50%
    }
}
@-webkit-keyframes slideToBottom{
    0%{
        top:50%
    }
    100%{
        top:70%
    }
}
@keyframes slideToBottom{
    0%{
        top:50%
    }
    100%{
        top:70%
    }
}
.showSweetAlert[data-animation=pop]{
    -webkit-animation:showSweetAlert 0.3s;
    animation:showSweetAlert 0.3s
}
.showSweetAlert[data-animation=none]{
    -webkit-animation:none;
    animation:none
}
.showSweetAlert[data-animation=slide-from-top]{
    -webkit-animation:slideFromTop 0.3s;
    animation:slideFromTop 0.3s
}
.showSweetAlert[data-animation=slide-from-bottom]{
    -webkit-animation:slideFromBottom 0.3s;
    animation:slideFromBottom 0.3s
}
.hideSweetAlert[data-animation=pop]{
    -webkit-animation:hideSweetAlert 0.2s;
    animation:hideSweetAlert 0.2s
}
.hideSweetAlert[data-animation=none]{
    -webkit-animation:none;
    animation:none
}
.hideSweetAlert[data-animation=slide-from-top]{
    -webkit-animation:slideToTop 0.4s;
    animation:slideToTop 0.4s
}
.hideSweetAlert[data-animation=slide-from-bottom]{
    -webkit-animation:slideToBottom 0.3s;
    animation:slideToBottom 0.3s
}
@-webkit-keyframes animateSuccessTip{
    0%{
        width:0;
        left:1px;
        top:19px
    }
    54%{
        width:0;
        left:1px;
        top:19px
    }
    70%{
        width:50px;
        left:-8px;
        top:37px
    }
    84%{
        width:17px;
        left:21px;
        top:48px
    }
    100%{
        width:25px;
        left:14px;
        top:45px
    }
}
@keyframes animateSuccessTip{
    0%{
        width:0;
        left:1px;
        top:19px
    }
    54%{
        width:0;
        left:1px;
        top:19px
    }
    70%{
        width:50px;
        left:-8px;
        top:37px
    }
    84%{
        width:17px;
        left:21px;
        top:48px
    }
    100%{
        width:25px;
        left:14px;
        top:45px
    }
}
@-webkit-keyframes animateSuccessLong{
    0%{
        width:0;
        right:46px;
        top:54px
    }
    65%{
        width:0;
        right:46px;
        top:54px
    }
    84%{
        width:55px;
        right:0px;
        top:35px
    }
    100%{
        width:47px;
        right:8px;
        top:38px
    }
}
@keyframes animateSuccessLong{
    0%{
        width:0;
        right:46px;
        top:54px
    }
    65%{
        width:0;
        right:46px;
        top:54px
    }
    84%{
        width:55px;
        right:0px;
        top:35px
    }
    100%{
        width:47px;
        right:8px;
        top:38px
    }
}
@-webkit-keyframes rotatePlaceholder{
    0%{
        transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg)
    }
    5%{
        transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg)
    }
    12%{
        transform:rotate(-405deg);
        -webkit-transform:rotate(-405deg)
    }
    100%{
        transform:rotate(-405deg);
        -webkit-transform:rotate(-405deg)
    }
}
@keyframes rotatePlaceholder{
    0%{
        transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg)
    }
    5%{
        transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg)
    }
    12%{
        transform:rotate(-405deg);
        -webkit-transform:rotate(-405deg)
    }
    100%{
        transform:rotate(-405deg);
        -webkit-transform:rotate(-405deg)
    }
}
.animateSuccessTip{
    -webkit-animation:animateSuccessTip 0.75s;
    animation:animateSuccessTip 0.75s
}
.animateSuccessLong{
    -webkit-animation:animateSuccessLong 0.75s;
    animation:animateSuccessLong 0.75s
}
.sa-icon.sa-success.animate::after{
    -webkit-animation:rotatePlaceholder 4.25s ease-in;
    animation:rotatePlaceholder 4.25s ease-in
}
@-webkit-keyframes animateErrorIcon{
    0%{
        transform:rotateX(100deg);
        -webkit-transform:rotateX(100deg);
        opacity:0
    }
    100%{
        transform:rotateX(0deg);
        -webkit-transform:rotateX(0deg);
        opacity:1
    }
}
@keyframes animateErrorIcon{
    0%{
        transform:rotateX(100deg);
        -webkit-transform:rotateX(100deg);
        opacity:0
    }
    100%{
        transform:rotateX(0deg);
        -webkit-transform:rotateX(0deg);
        opacity:1
    }
}
.animateErrorIcon{
    -webkit-animation:animateErrorIcon 0.5s;
    animation:animateErrorIcon 0.5s
}
@-webkit-keyframes animateXMark{
    0%{
        transform:scale(0.4);
        -webkit-transform:scale(0.4);
        margin-top:26px;
        opacity:0
    }
    50%{
        transform:scale(0.4);
        -webkit-transform:scale(0.4);
        margin-top:26px;
        opacity:0
    }
    80%{
        transform:scale(1.15);
        -webkit-transform:scale(1.15);
        margin-top:-6px
    }
    100%{
        transform:scale(1);
        -webkit-transform:scale(1);
        margin-top:0;
        opacity:1
    }
}
@keyframes animateXMark{
    0%{
        transform:scale(0.4);
        -webkit-transform:scale(0.4);
        margin-top:26px;
        opacity:0
    }
    50%{
        transform:scale(0.4);
        -webkit-transform:scale(0.4);
        margin-top:26px;
        opacity:0
    }
    80%{
        transform:scale(1.15);
        -webkit-transform:scale(1.15);
        margin-top:-6px
    }
    100%{
        transform:scale(1);
        -webkit-transform:scale(1);
        margin-top:0;
        opacity:1
    }
}
.animateXMark{
    -webkit-animation:animateXMark 0.5s;
    animation:animateXMark 0.5s
}
@-webkit-keyframes pulseWarning{
    0%{
        border-color:#F8D486
    }
    100%{
        border-color:#F8BB86
    }
}
@keyframes pulseWarning{
    0%{
        border-color:#F8D486
    }
    100%{
        border-color:#F8BB86
    }
}
.pulseWarning{
    -webkit-animation:pulseWarning 0.75s infinite alternate;
    animation:pulseWarning 0.75s infinite alternate
}
@-webkit-keyframes pulseWarningIns{
    0%{
        background-color:#F8D486
    }
    100%{
        background-color:#F8BB86
    }
}
@keyframes pulseWarningIns{
    0%{
        background-color:#F8D486
    }
    100%{
        background-color:#F8BB86
    }
}
.pulseWarningIns{
    -webkit-animation:pulseWarningIns 0.75s infinite alternate;
    animation:pulseWarningIns 0.75s infinite alternate
}
@-webkit-keyframes rotate-loading{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotate-loading{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left{
    -ms-transform:rotate(45deg) \9
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right{
    -ms-transform:rotate(-45deg) \9
}
.sweet-alert .sa-icon.sa-success{
    border-color:transparent\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{
    -ms-transform:rotate(45deg) \9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{
    -ms-transform:rotate(-45deg) \9
}
/*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */
 .la-ball-fall,.la-ball-fall>div{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.la-ball-fall{
    display:block;
    font-size:0;
    color:#fff
}
.la-ball-fall.la-dark{
    color:#333
}
.la-ball-fall>div{
    display:inline-block;
    float:none;
    background-color:currentColor;
    border:0 solid currentColor
}
.la-ball-fall{
    width:54px;
    height:18px
}
.la-ball-fall>div{
    width:10px;
    height:10px;
    margin:4px;
    border-radius:100%;
    opacity:0;
    -webkit-animation:ball-fall 1s ease-in-out infinite;
    -moz-animation:ball-fall 1s ease-in-out infinite;
    -o-animation:ball-fall 1s ease-in-out infinite;
    animation:ball-fall 1s ease-in-out infinite
}
.la-ball-fall>div:nth-child(1){
    -webkit-animation-delay:-200ms;
    -moz-animation-delay:-200ms;
    -o-animation-delay:-200ms;
    animation-delay:-200ms
}
.la-ball-fall>div:nth-child(2){
    -webkit-animation-delay:-100ms;
    -moz-animation-delay:-100ms;
    -o-animation-delay:-100ms;
    animation-delay:-100ms
}
.la-ball-fall>div:nth-child(3){
    -webkit-animation-delay:0ms;
    -moz-animation-delay:0ms;
    -o-animation-delay:0ms;
    animation-delay:0ms
}
.la-ball-fall.la-sm{
    width:26px;
    height:8px
}
.la-ball-fall.la-sm>div{
    width:4px;
    height:4px;
    margin:2px
}
.la-ball-fall.la-2x{
    width:108px;
    height:36px
}
.la-ball-fall.la-2x>div{
    width:20px;
    height:20px;
    margin:8px
}
.la-ball-fall.la-3x{
    width:162px;
    height:54px
}
.la-ball-fall.la-3x>div{
    width:30px;
    height:30px;
    margin:12px
}
@-webkit-keyframes ball-fall{
    0%{
        opacity:0;
        -webkit-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@-moz-keyframes ball-fall{
    0%{
        opacity:0;
        -moz-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -moz-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@-o-keyframes ball-fall{
    0%{
        opacity:0;
        -o-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -o-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@keyframes ball-fall{
    0%{
        opacity:0;
        -webkit-transform:translateY(-145%);
        -moz-transform:translateY(-145%);
        -o-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(145%);
        -moz-transform:translateY(145%);
        -o-transform:translateY(145%);
        transform:translateY(145%)
    }
}
html.hidescrollbar{
    overflow-x:hidden
}
html.hidescrollbar body{
    overflow-x:hidden
}
ul.youtubewall{
    margin:0 0 15px 0;
    padding:0;
    list-style:none;
    width:100%;
    overflow:hidden
}
ul.youtubewall li{
    width:33%;
    float:left;
    display:inline;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:5px;
    margin-bottom:20px
}
ul.youtubewall li .thumbwrap{
    position:relative;
    overflow:hidden;
    display:block;
    color:white
}
ul.youtubewall li .thumbwrap:after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:black;
    opacity:0;
    -webkit-transition:opacity .6s;
    transition:opacity .6s
}
ul.youtubewall li .panel{
    text-align:left
}
ul.youtubewall li .panel:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
ul.youtubewall li .panel i,ul.youtubewall li .panel a{
    font-size:44px;
    color:white;
    cursor:pointer;
    text-decoration:none
}
ul.youtubewall li .panel a{
    margin-left:15px
}
ul.youtubewall li img{
    width:100%;
    height:auto;
    float:left
}
ul.youtubewall li:hover .panel{
    opacity:1
}
.videobox{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:none;
    z-index:1000;
    text-align:center
}
.videobox:before{
    content:'';
    display:inline-block;
    vertical-align:middle
}
.videobox:after{
    background:black;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0.9;
    z-index:10
}
.videobox #orangeBox{
    color:#fff;
    font-family:'Helvetica', 'Arial', sans-serif;
    font-size:2em;
    font-weight:bold;
    text-align:center;
    width:40px;
    height:40px;
    border-radius:5px;
    position:relative;
    z-index:99;
    top:10px;
    float:right
}
.centeredchild{
    position:relative;
    z-index:20;
    display:inline-block;
    vertical-align:middle;
    width:75%;
    background:transparent;
    top:50%;
    transform:translateY(-50%)
}
.videowrapper{
    position:relative;
    padding-top:25px;
    padding-bottom:56.25%;
    height:0
}
.videowrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@media (max-width: 935px){
    ul.youtubewall li{
        max-height:245px
    }
}
@media (max-width: 768px){
    ul.youtubewall li{
        width:100%;
        max-height:none;
        margin:auto
    }
    .centeredchild{
        width:90%
    }
}

#down_fich_prod a, #down_div_soft a {
    text-decoration: none !important;
}