div.block-related-category .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-category .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-category .aw-arp-item img {
    border: 1px solid #A9A9A9;
    width: 75px;
    margin-bottom: 10px;
}

div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-category .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-category .footer .aw-arp-block-content a {
    color: #1E7EC8;
}
.am-facebook-image{
	box-sizing: content-box;
}

#am-google-image{
box-sizing: content-box;
}

#amprogress {
    background: linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x scroll 0 0 rgba(11, 11, 11, 0.2);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

#amimg_container {
    left: 50%;
    position: absolute;
    top: 340px;
    z-index: 9999;
}

#am-ajaxlogin-container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url('https://cdn.bananamoon.com/skin/frontend/base/default/css/amasty/amajaxlogin/ie.png');
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index: 99999;
}

#confirmOverlay div{
   min-height: none;
   min-width: none;
   max-height: none;
   max-width: none;
}

#am-ajaxlogin{
    float: none;   
    width:95%;
    top:20%;
	max-width:600px;
	position:relative;
	text-align: center;
    margin: 0 auto;
	border: 1px solid rgba(33, 33, 33, 0.6);
    z-index: 100;
    background-color: rgb(247,248,250);
    font-size: 16px;
    border-radius: 5px;
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#am-ajaxlogin-close {
    position: absolute;
    right: 7px;
    top:3px;
    cursor: pointer;
}

#am-ajaxlogin-title{
    font-size: 25px;
    padding: 20px 0px;
    background-color: rgb(222,222,222);
    color: #606062;
}

#am-ajaxlogin-message{
    background-color: rgb(247,248,250);
    height: 100%;
    padding: 5px 0;
}

.am-form-block{
    color: #9ba0a4;
    width:100%;
    max-width: 250px;
    display: inline-block;
    margin: 20px;
    border-right: 1px solid #606062;
    text-align: left;
    vertical-align: top;
}

.am-form-list input.input-text {
    width: 95%;
}

.am-form-list li {
    margin: 0 0 8px;
}

.am-form-list label {
    float: left;
    font-weight: bold;
    position: relative;
}

.am-form-list em {
    color: #EB340A;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
}

.or_use_that{
    display: inline-block;
    margin: 10px 0 0 30px;
}

.am-form-block-line {
    margin: 10px;
    height:1px;
}

.amform-block-account{
    margin: 10px 10px 10px 10px;
    border:0;
}

.amform-block-account-container {
    position: relative;
    top: 10px;
    max-height: 160px;
}

.amform-block-social{
    clear: both;
    padding-left: 30px;
    position: relative;
    top: -35px;
}

.amform-block-social div{
    cursor: pointer; 
    margin-bottom: 5px;
    max-height: 32px;   
}

#hideDiv{
    width:100%;
    height:100%;
    z-index: 10; 
    position: absolute;
    display: block;
    float: none;   
}

.am-password-login {
    float:left;
    font-size: 11px;
    width: 120px;
    padding-top: 2px;
    color: #9ba0a4;
}

.am-password-login a{
    color: #9ba0a4;
    text-decoration: none;
    border-bottom: 1px dashed #9ba0a4;
    cursor: pointer;  
}

ul.form-list label {
    color: #9ba0a4;
}

.am-password-login a:hover{
    text-decoration: none;
    border-bottom: 0;  
}

.am-login-button{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    padding: 10px ;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    cursor: pointer;
    color: #FFFFFF;
    min-width: 100px;
    max-width: 120px;
    text-align: center;
    vertical-align: top;
}

.am-create-account{
    border:1px solid #61be89;
    background-color: #89CEA7; background-image: -webkit-gradient(linear, left top, left bottom, from(#89CEA7), to(#5DCE86));
    background-image: -webkit-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: -moz-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: -ms-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: -o-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: linear-gradient(to bottom, #89CEA7, #5DCE86);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#89CEA7, endColorstr=#5DCE86);
}

.am-create-account:hover{
    border:1px solid #47aa72;
    background-color: #65bf8c; background-image: -webkit-gradient(linear, left top, left bottom, from(#65bf8c), to(#3abe6a));
    background-image: -webkit-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: -moz-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: -ms-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: -o-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: linear-gradient(to bottom, #65bf8c, #3abe6a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#65bf8c, endColorstr=#3abe6a);
}

.am-login{
    position: relative;
    border:1px solid #5daee3;
    background-color: #8DC6EB; background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC6EB), to(#7ABEEB));
    background-image: -webkit-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: -moz-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: -ms-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: -o-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: linear-gradient(to bottom, #8DC6EB, #7ABEEB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8DC6EB, endColorstr=#7ABEEB);
}

.am-login:hover{
    border:1px solid #369bdc;
    background-color: #62b0e3; background-image: -webkit-gradient(linear, left top, left bottom, from(#62b0e3), to(#4ea8e4));
    background-image: -webkit-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: -moz-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: -ms-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: -o-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: linear-gradient(to bottom, #62b0e3, #4ea8e4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62b0e3, endColorstr=#4ea8e4);
}



#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 5px;
}

.am-ajax-iframe{
    width: 31px;
    height:32px;
    border:0;
}

.am-ajax-error{
    color: rgb(211,87,76);
    font-size: 20px;
    padding: 10px 0;
}


.am-ajax-error img, .am-ajax-success img {
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
    display: inline !important;
}

.am-ajax-success{
    color: rgb(90,187,132);
    font-size: 20px;
    padding: 10px 0;
}

/* forgot password block start*/

.am-login-forgotpassword{
    margin: 20px;
    text-align: center;
}

.am-login-forgotpassword div.am-login-button{
    float:none !important;
    border: 0;
    margin: 0 auto;
}

.am-login-forgotpassword p.required {
    text-align: center;
}

.am-login-forgotpassword-form-list {
    margin: 0 auto;
    width: 100%;
    max-width: 260px;
}

.am-login-forgotpassword .form-list label {
    float:none !important;
}
/* forgot password block end*/


/* account block start*/
.amajaxlogin-block .box-info .box-head h2 {
    background-image: url("https://cdn.bananamoon.com/skin/frontend/base/default/images/i_ma-info.gif");
}

.amajaxlogin-social-icon {
    margin: 0 auto;
    width: 160px;
}
.amajaxlogin-social-icon div{
    margin: 5px 0;
    max-height: 32px;
}

.amajaxlogin-social-icon img{
    cursor: pointer;
}

#am-twitter-image{
    color: #FFFFFF;
    height: 22px;
    padding: 10px 0 0 35px;
    text-align: center;
    width: 78px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url("https://cdn.bananamoon.com/skin/frontend/base/default/images/amasty/amajaxlogin/twitter.png");
    font: 12px/15px Arial,Helvetica,sans-serif;
    cursor: pointer;
}

#am-twitter-image:hover{
    background-position: bottom;
}

@media screen and (max-width: 565px) {

    .am-form-block div.am-login-button {
        left: 5px;
        top: 40px;
        z-index: 99;
    }

    div.amform-block-account-container{
        top: 0px;
    }

    .am-form-block {
        border-right: 0px;
    }


    #am-ajaxlogin{
        top:0;
    }
    .am-form-block{
        margin: 0 20px;
    }
}


/* Overlay */
#ampromo-items-add
{
    border: 1px solid #ededed;
    padding: 7px;
    text-align: center;
    margin-bottom: 12px;
}

#ampromo-items-add a
{
    text-decoration: none;
    border-bottom: 1px dashed;
}

.amscheckout #ampromo-items-add
{
    margin: 7px 10px;
}

#ampromo-overlay
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 10000;
    text-align: center;
    direction: ltr;
}

#ampromo-overlay .close
{
    position: absolute;
    top: 7px;
    right: 7px;
    background: url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    z-index: 1;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: block;

    opacity: .8;
}

#ampromo-overlay .close:hover
{
    opacity: 1;
    transition: opacity 0.2s ease;
}

@media only screen and (max-width: 820px) and (min-width: 420px) {
    body #ampromo-items.amcarousel {
        width: 400px;
    }
    body .amcarousel #ampromo-carousel-wrapper {
        width: 250px;
    }
}

@media only screen and (max-width: 420px) {
    body #ampromo-items.amcarousel {
        width: 100%;
    }

    body .amcarousel #ampromo-carousel-wrapper {
        width: 250px;
    }

    body .ampromo-carousel-control.prev
    {
        left: 0px;
    }

    body .ampromo-carousel-control.next
    {
        right: 0px;
    }

    body .ampromo-carousel-control {
        z-index: 10001;
    }
}

@media only screen and (max-width: 340px) {
    body #ampromo-items .ampromo-item {
        border: none;
    }
}

@media only screen and (max-height: 500px) {
    body #ampromo-items.amcarousel {
        top: 0 !important;
        height: 100%;
    }

    body #ampromo-items {
        padding-top: 0;
    }

    body #ampromo-items>h4 {
        display: none;
    }
}

/* Items */

#ampromo-items
{
    border: 1px solid #ededed;
    background-color: white;
    position: relative;
    margin: 0 auto;
    padding: 24px;
    display: inline-block;
    box-sizing: border-box;
}

#ampromo-items.amcarousel
{
    display: block;
    width: 685px;
}


#ampromo-items .ampromo-item
{
    box-sizing: border-box;

    margin-bottom: 7px;
    padding: 20px;
    width: 250px;

    border: 1px solid #ededed;
    position: relative;
    margin-right: 12px;
}

#ampromo-items .ampromo-item-options
{
    margin-bottom: 12px;
    text-align: left;
}

#ampromo-items .ampromo-item-image
{
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px
}

/* Carousel */

.amcarousel #ampromo-carousel-wrapper
{
    width: 520px;
}

#ampromo-carousel-wrapper
{
    overflow: hidden;
    margin: 0 auto;
}

.amcarousel #ampromo-carousel-content
{
    width: 4500px;
    height: 1px;
}

#ampromo-carousel-content .slide
{
    float: left;
}

.amcarousel .ampromo-carousel-control
{
    display: block;
}

.ampromo-carousel-control
{
    position: absolute;
    top: 260px;
    background: url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
    width: 48px;
    height: 45px;
    font-size: 0;
    display: none;
}

.ampromo-carousel-control.carousel-disabled.prev
{
    background-position: 0 0 !important;
}

.ampromo-carousel-control.amcarousel-disabled.next
{
    background-position: -46px 0 !important;
}

.ampromo-carousel-control.prev
{
    background-position: 0 -45px;
    left: 20px;
}

.ampromo-carousel-control.next
{
    background-position: -46px -45px;
    right: 20px;
}

.ampromo-carousel-control.prev:hover
{
    background-position: 0 -91px;
}

.ampromo-carousel-control.next:hover
{
    background-position: -46px -91px;
}

.ampromo-item .qty-holder
{
    display: none;
}

.ampromo-item-options select,
.ampromo-item-options input
{
    max-width: 210px;
}

.ampromo-notification
{
    padding: 7px;
    text-align: center;
    margin-bottom: 12px;

    border: 1px solid #f16048;
    color: #df280a;
    background: #faebe7;
}

.ampromo_items_form h4 {
    line-height: 50px;
}

.ampromo_items_form h4 a {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}
div.amshopby-column {
    float: left;
    width: 105px;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both; 
	overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}  
div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:15px;
     background:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:none;}
.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt.amshopby-collapsed{background:none}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range 
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { background-image: url('https://cdn.bananamoon.com/skin/frontend/base/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://cdn.bananamoon.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0px;
    }
}
/*----DEFAULT COLUMNS STYLES FOR CONTENT TYPES----*/
.ct-clear {
    clear: both;
}
.ct-column-top {
    margin-bottom: 1em;
}
.ct-column-bottom {
    margin-top: 1em;
}
.ct-column-middle {
    margin-bottom: 1em;
    margin-top: 1em;
}
.ct-column-main-left-50 {
    width: 49%;
    float: left;
}
.ct-column-main-right-50 {
    width: 49%;
    float: right;
}
.ct-column-main-left-25 {
    width: 25%;
    float: left;    
}
.ct-column-main-center-50 {
    width: 48%;
    margin: 0 1%;
    float: left;    
}
.ct-column-main-right-25 {
    width: 25%;
    float: right;    
}
.ct-column-main-left-33 {
    width: 32%;
    float: left;    
}
.ct-column-main-center-33 {
    width: 32%;
    margin: 0 2%;
    float: left;    
}
.ct-column-main-right-33 {
    width: 32%;
    float: right;    
}
.block-ct-filter-content {
    padding: 5px 10px;
}
#contenttype-results-filter-list li a {
    display: inline-block;
    padding-left: 16px;
    background: url(https://cdn.bananamoon.com/skin/frontend/base/default/images/blackbird/acm/cb1.gif) no-repeat left center;
}

#contenttype-results-filter-list li.item-active a {
    background: url(https://cdn.bananamoon.com/skin/frontend/base/default/images/blackbird/acm/cb2.gif) no-repeat left center;
}



/*----DEFAULT COLUMNS STYLES FOR CONTENT LIST----*/
.cl-clear {
    clear: both;
}
.cl-column-top {
    margin-bottom: 1em;
}
.cl-column-bottom {
    margin-top: 1em;
    border-bottom:1px solid;
}
.cl-column-middle {
    margin-bottom: 1em;
    margin-top: 1em;
}
.cl-column-main-left-50 {
    width: 49%;
    float: left;
}
.cl-column-main-right-50 {
    width: 49%;
    float: right;
}
.cl-column-main-left-25 {
    width: 25%;
    float: left;    
}
.cl-column-main-center-50 {
    width: 48%;
    margin: 0 1%;
    float: left;    
}
.cl-column-main-right-25 {
    width: 25%;
    float: right;    
}
.cl-column-main-left-33 {
    width: 32%;
    float: left;    
}
.cl-column-main-center-33 {
    width: 32%;
    margin: 0 2%;
    float: left;    
}
.cl-column-main-right-33 {
    width: 32%;
    float: right;    
}

.gdpr-account-index .my-account .actions-toolbar #delete button {
  background: red;
}

#enhanced-privacy-popup {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  background: #fff;
  z-index: 1000000;
  border-top: 1px solid #da5488;
}
#enhanced-privacy-popup .inner {
  padding: 10px;
  max-width: 980px;
  margin: 0 auto;
  font-size: 11px;
}
#enhanced-privacy-popup .inner a {
  color: #da5488;
}
#enhanced-privacy-popup .inner .actions-toolbar {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

body.has-cookie-bar .wrapper {
  padding-bottom: 80px;
}

.gdpr-account-index .my-account form {
  overflow: auto;
  margin-bottom: 25px;
}
.gdpr-account-index .my-account form button#delete:hover {
  background: white;
}

.gdpr-account-confirm .my-account form#delete_account_form div.field {
  margin-bottom: 15px;
}

.search-autocomplete ul.wyomind-elasticsearch li.title,
.search-autocomplete ul.wyomind-elasticsearch li.title a {
    padding: 6px;
    background-color: #f4f4f4;
    color: #636363;
    text-transform: uppercase;
}

.search-autocomplete ul.wyomind-elasticsearch li {
    padding: 0;
}

.search-autocomplete ul.wyomind-elasticsearch li .image {
    float: left;
    margin-right: 6px;
    background-color: #fff;
}

.search-autocomplete ul.wyomind-elasticsearch li a {
    display: block;
    padding: 6px;
}

.search-autocomplete ul.wyomind-elasticsearch li.selected a {
    color: #fff;
    text-decoration: none;
}

.search-autocomplete ul.wyomind-elasticsearch li .price-box {
    margin: 0;
}

.search-autocomplete ul.wyomind-elasticsearch li.selected a .price-box .price,
.search-autocomplete ul.wyomind-elasticsearch li.selected a .price-box .minimal-price-link .label,
.search-autocomplete ul.wyomind-elasticsearch li.selected a .price-box .price-label {
    color: #fff;
}

.search-autocomplete ul.wyomind-elasticsearch li a .price-box .minimal-price-link {
    padding: 0;
}

.search-autocomplete ul.wyomind-elasticsearch li .clearer {
    clear: both;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/docs/3.3/customize/?id=d732255ef498906a223d20056e249885)
 * Config saved to config.json and https://gist.github.com/d732255ef498906a223d20056e249885
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! 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{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;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"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;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}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:0}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:0}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}@media (min-width:768px){.container{width:720px}}@media (min-width:992px){.container{width:940px}}@media (min-width:1200px){.container{width:1440px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}.row{margin-left:0;margin-right:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:0;padding-right:0}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:1px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:22px;padding:0 0;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:22px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:20px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:26px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:1px;padding-bottom:1px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:20px;padding:0 0;font-size:12px;line-height:1.5;border-radius:0}select.input-sm{height:20px;line-height:20px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:20px;padding:0 0;font-size:12px;line-height:1.5;border-radius:0}.form-group-sm select.form-control{height:20px;line-height:20px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:20px;min-height:32px;padding:1px 0;font-size:12px;line-height:1.5}.input-lg{height:26px;padding:0 0;font-size:18px;line-height:1.3333333;border-radius:0}select.input-lg{height:26px;line-height:26px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:26px;padding:0 0;font-size:18px;line-height:1.3333333;border-radius:0}.form-group-lg select.form-control{height:26px;line-height:26px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:26px;min-height:38px;padding:1px 0;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:27.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:22px;height:22px;line-height:22px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:26px;height:26px;line-height:26px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:20px;height:20px;line-height:20px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:1px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:21px}.form-horizontal .form-group{margin-left:0;margin-right:0}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:1px}}.form-horizontal .has-feedback .form-control-feedback{right:0}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:1px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:1px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:0 0;font-size:14px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:0 0;font-size:18px;line-height:1.3333333;border-radius:0}.btn-sm{padding:0 0;font-size:12px;line-height:1.5;border-radius:0}.btn-xs{padding:0 0;font-size:12px;line-height:1.5;border-radius:0}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
@charset "UTF-8";
/*
$icons2: sprite-map("icons/*.png", $spacing: 2px);
*/
body .wrapper {
  /*
  .icons-right-arrow-black { background: sprite($icons, right-arrow-black); @include sprite-dimensions($icons, right-arrow-black); }
  .icons-left-arrow-black { background: sprite($icons, left-arrow-black); @include sprite-dimensions($icons, left-arrow-black); }
  .icons-down-arrow-mobile { background: sprite($icons, down-arrow-mobile); @include sprite-dimensions($icons, down-arrow-mobile); }
  .icons-up-arrow-mobile { background: sprite($icons, up-arrow-mobile); @include sprite-dimensions($icons, up-arrow-mobile); }
  */
}
body .wrapper .icons-phone-white {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -694px;
  height: 21px;
  width: 21px;
}
body .wrapper .icons-shipping {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -989px;
  height: 19px;
  width: 39px;
}
body .wrapper .icons-menu {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -588px;
  height: 19px;
  width: 27px;
}
body .wrapper .icons-facebook {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -395px;
  height: 35px;
  width: 35px;
}
body .wrapper .icons-twitter {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1169px;
  height: 35px;
  width: 35px;
}
body .wrapper .icons-instagram {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -518px;
  height: 35px;
  width: 35px;
}
body .wrapper .icons-pinterest {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -739px;
  height: 35px;
  width: 35px;
}
body .wrapper .icons-youtube {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1361px;
  height: 36px;
  width: 36px;
}
body .wrapper .icons-tumblr {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1109px;
  height: 36px;
  width: 36px;
}
body .wrapper .icons-facebook-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -373px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-twitter-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1147px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-instagram-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -496px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-pinterest-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -717px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-tumblr-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1087px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-youtube-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1339px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-sendfriend-b {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1339px;
  height: 20px;
  width: 21px;
}
body .wrapper .icons-store {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1047px;
  height: 38px;
  width: 24px;
}
body .wrapper .icons-heart {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -432px;
  height: 30px;
  width: 31px;
}
body .wrapper .icons-newsletter {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -623px;
  height: 25px;
  width: 33px;
}
body .wrapper .icons-video {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -1206px;
  height: 60px;
  width: 60px;
}
body .wrapper .icons-down-arrow {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -309px;
  height: 8px;
  width: 15px;
}
body .wrapper .icons-right-arrow {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -827px;
  height: 14px;
  width: 8px;
}
body .wrapper .icons-modify {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -609px;
  height: 12px;
  width: 11px;
}
body .wrapper .icons-delete {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -238px;
  height: 12px;
  width: 9px;
}
body .wrapper .icons-delivery {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -266px;
  height: 41px;
  width: 46px;
}
body .wrapper .icons-payment {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -650px;
  height: 42px;
  width: 31px;
}
body .wrapper .icons-refund {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -776px;
  height: 37px;
  width: 38px;
}
body .wrapper .icons-service {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -950px;
  height: 37px;
  width: 37px;
}
body .wrapper .icons-close {
  background: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/icons-s7b6f61c1d6.png') 0 -226px;
  height: 10px;
  width: 10px;
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: transparent;
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1;
}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

ol,
ul {
  list-style: none;
}

q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

@font-face {
  font-family: "BrownStd";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Bold.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Bold.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Bold.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Bold.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "BrownStd";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Light.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Light.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Light.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Light.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "BrownStd";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-LightItalic.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-LightItalic.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-LightItalic.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-LightItalic.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "BrownStd";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Regular.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Regular.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Regular.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Regular.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/BrownStd-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DomaineDisp";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Regular.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Regular.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Regular.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Regular.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DomaineDispBold";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Bold.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Bold.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Bold.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Bold.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/DomaineDisp-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EAN-13";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/EAN-13.eot?#iefix") format("embedded-opentype"), url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/EAN-13.otf) format("otf"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/EAN-13.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/EAN-13.woff2") format("woff2"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/EAN-13.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bananamoon";
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/bananamoon.eot");
  src: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/bananamoon.eot?#iefix") format("embedded-opentype"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/bananamoon.woff") format("woff"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/bananamoon.ttf") format("truetype"), url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/fonts/bananamoon.svg#bananamoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "bananamoon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "bananamoon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-burgermenu:before {
  content: "\61";
}

.icon-check:before {
  content: "\62";
}

.icon-check-tiny:before {
  content: "\63";
}

.icon-mannequin:before {
  content: "\64";
}

.icon-arrow-up:before {
  content: "\65";
}

.icon-arrow-right:before {
  content: "\66";
}

.icon-arrow-left:before {
  content: "\67";
}

.icon-arrow-down:before {
  content: "\68";
}

.icon-forme-1piece:before {
  content: "\69";
}

.icon-forme-armature:before {
  content: "\6a";
}

.icon-forme-bandeau:before {
  content: "\6b";
}

.icon-forme-boxer:before {
  content: "\6c";
}

.icon-forme-brassiere:before {
  content: "\6d";
}

.icon-forme-bresilien:before {
  content: "\6e";
}

.icon-blog:before {
  content: "\6f";
}

.icon-box:before {
  content: "\70";
}

.icon-forme-culotte:before {
  content: "\71";
}

.icon-forme-pushup:before {
  content: "\72";
}

.icon-forme-short:before {
  content: "\73";
}

.icon-close:before {
  content: "\75";
}

.icon-earth:before {
  content: "\76";
}

.icon-envelop:before {
  content: "\77";
}

.icon-forme-tankini:before {
  content: "\78";
}

.icon-forme-taillehaute:before {
  content: "\79";
}

.icon-forme-slip:before {
  content: "\7a";
}

.icon-forme-shorty:before {
  content: "\41";
}

.icon-plus:before {
  content: "\43";
}

.icon-phone-outline:before {
  content: "\44";
}

.icon-minus:before {
  content: "\45";
}

.icon-map:before {
  content: "\46";
}

.icon-like:before {
  content: "\47";
}

.icon-gift:before {
  content: "\48";
}

.icon-heart:before {
  content: "\49";
}

.icon-forme-triangle:before {
  content: "\4a";
}

.icon-lock:before {
  content: "\4b";
}

.icon-user:before {
  content: "\4c";
}

.icon-search2:before {
  content: "\4f";
}

.icon-settings:before {
  content: "\50";
}

.icon-social-facebook:before {
  content: "\51";
}

.icon-social-pinterest:before {
  content: "\52";
}

.icon-social-tumblr:before {
  content: "\53";
}

.icon-social-twitter:before {
  content: "\54";
}

.icon-social-youtube:before {
  content: "\55";
}

.icon-star:before {
  content: "\56";
}

.icon-swimwear:before {
  content: "\57";
}

.icon-truck:before {
  content: "\59";
}

.icon-social-instagram:before {
  content: "\5a";
}

.icon-close-circle:before {
  content: "\30";
}

.icon-phone:before {
  content: "\31";
}

.icon-rma:before {
  content: "\42";
}

.icon-question:before {
  content: "\4d";
}

.icon-order-history:before {
  content: "\32";
}

.icon-earth-shipping:before {
  content: "\33";
}

.icon-gift-outline:before {
  content: "\34";
}

.icon-hanger:before {
  content: "\35";
}

.icon-invoice:before {
  content: "\36";
}

.icon-logout:before {
  content: "\37";
}

.icon-language:before {
  content: "\38";
}

.icon-search2-tiny:before {
  content: "\21";
}

.icon-phone-outline-2:before {
  content: "\22";
}

.icon-map-glyph:before {
  content: "\23";
}

.icon-mannequin-glyph:before {
  content: "\24";
}

.icon-media:before {
  content: "\25";
}

.icon-cart:before {
  content: "\39";
}

.icon-swimwear-glyph:before {
  content: "\26";
}

.icon-sav:before {
  content: "\27";
}

.icon-student:before {
  content: "\28";
}

.icon-lock-outline:before {
  content: "\29";
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body,
button,
input,
select,
table,
textarea {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  color: #383f47;
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: #383f47;
  text-decoration: none;
  outline: 0;
}

a:hover {
  color: #da5488;
  text-decoration: underline;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

input[type="checkbox"], form input[type="radio"] {
  left: -9999px;
  position: absolute;
}

#translate-inline-form input[type="checkbox"],
#translate-inline-form input[type="radio"] {
  position: static;
  width: auto;
}

input[type="checkbox"] + label.checkbox-label {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/checkbox.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: top;
  margin-right: 7px;
}

input[type="checkbox"]:checked + label.checkbox-label {
  background-position: 0 -15px;
}

label.checkbox-label + label {
  line-height: 20px;
}

input[type="radio"] + label.radio-label {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/radio.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: top;
  margin-right: 7px;
}

label.radio-label + label {
  margin-right: 15px;
  line-height: 20px;
}

input[type="radio"]:checked + label.radio-label {
  background-position: 0 -15px;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1 {
  margin: 0;
  margin-bottom: 0.7em;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h2, .h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h3, .h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h4, .h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h5, .h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h6, .h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

hr {
  display: none;
  line-height: 0;
  height: 0;
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #11B400;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #ff0000;
}

.availability-only {
  color: #ff0000;
  margin-bottom: 18px;
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
  margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
  margin-bottom: 0;
}

h1 {
  text-align: left;
  color: #da5488;
  font-size: 18px;
  line-height: 24px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
}

h2 {
  text-align: left;
  color: #da5488;
  font-size: 16px;
  line-height: 16px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  margin-bottom: 0;
  padding-bottom: 4px;
  display: inline-block;
  text-transform: uppercase;
}

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  margin: 0 0 18px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.block .actions {
  margin: 18px 0 0;
}
.block .actions:after {
  content: '';
  display: table;
  clear: both;
}
.block .actions a {
  float: left;
}
.block .actions .button {
  float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px;
}

.underline {
  border-bottom: 1px solid #da5488;
}

p.required {
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: italic;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #da5488;
  font-style: italic !important;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  /* __________________________________ BLOC FILTRE
  */
  .block-layered-nav .block-title {
    width: 160px;
  }
  .block-layered-nav .block-title span {
    display: block;
    text-align: center;
  }
  .block-layered-nav .block-title span span {
    display: inline-block;
    text-align: right;
    vertical-align: unset;
    margin-left: 20px;
  }
  .block-layered-nav p.block-subtitle {
    width: 160px;
    background-color: #d9d9d9;
    text-transform: uppercase;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    padding: 6px 0 1px;
    text-align: center;
  }
  .block-layered-nav .currently {
    width: 160px;
    padding: 0 10px;
    background-color: #f1f1f1;
  }
  .block-layered-nav .currently ol {
    padding-top: 10px;
  }
  .block-layered-nav .currently li {
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0;
    display: block;
  }
  .block-layered-nav .currently li .icons-close {
    float: right;
  }
  .block-layered-nav .currently span {
    display: block;
    padding-bottom: 4px;
  }
  .block-layered-nav .currently span.price {
    display: inline-block;
  }
  .block-layered-nav .currently .btn-remove {
    background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icons/close.png");
    background-repeat: no-repeat;
    height: 10px;
    float: right;
    width: 10px;
    border: none;
  }
  .block-layered-nav .currently .btn-remove:after {
    content: "";
  }
  .block-layered-nav .currently .btn-remove-inline {
    float: right;
  }
  .block-layered-nav dt {
    font-size: 14px;
    text-transform: uppercase;
    padding: 30px 0 15px;
    overflow: hidden;
  }
  .block-layered-nav li {
    padding: 3px 0;
  }
  .block-layered-nav .amshopby-slider-price-to {
    float: left;
    margin-left: 55%;
  }
  .block-layered-nav dd a {
    font-size: 12px;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 18px;
    vertical-align: top;
  }
  .block-layered-nav .infos-slider {
    margin: 0 0 10px;
    overflow: hidden;
    font-size: 12px;
  }
  .block-layered-nav .infos-slider .slider-min {
    float: left;
  }
  .block-layered-nav .infos-slider .slider-max {
    float: right;
  }
  .block-layered-nav .ui-slider {
    background-color: transparent;
    background-image: linear-gradient(to bottom, #cccccc, #eeeeee);
    background-repeat: repeat-x;
    border-radius: 5px;
    border-top: 1px solid #aaaaaa;
    cursor: pointer;
    height: 5px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 70%;
  }
  .block-layered-nav .ui-slider.ui-slider.ui-widget-content {
    background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/ui-price-range-bar.png") no-repeat scroll 0 0 transparent;
    background-size: 100%;
    border: 0 none;
  }
  .block-layered-nav .ui-slider .ui-slider-range {
    background-color: transparent;
    background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/ui-price-range-active.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: 1;
    top: 0;
  }
  .block-layered-nav .ui-slider .ui-slider-handle {
    background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/ui-price-slider-dot.png") no-repeat scroll 50% 100% transparent;
    background-position: 0 1px;
    cursor: pointer;
    display: block;
    height: 11px;
    position: absolute;
    top: -4px;
    width: 10px;
    z-index: 2;
    border: 0;
  }
  .block-layered-nav .ui-slider.ui-slider-horizontal.ui-slider-range {
    height: 100%;
    top: 0;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .sidebar .block:not(.block-layered-nav) {
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title {
    padding: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #383f47;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
    display: block;
    width: 100%;
    cursor: pointer;
    border-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #383f47;
    border-right: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
    background-color: #ededed;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #383f47;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #383f47;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
    background-color: #ededed;
  }
  .sidebar .block:not(.block-layered-nav) .block-content {
    padding: 18px;
    margin-top: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
  }

  /* __________________________________ BLOC FILTRE
  */
  .block-layered-nav {
    padding: 15px 20px 0;
  }
  .block-layered-nav .block-content {
    margin-top: 5px;
  }
  .block-layered-nav .block-title {
    width: 100%;
    position: relative;
  }
  .block-layered-nav .block-title .title {
    background-color: #d9d9d9;
    text-transform: uppercase;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    padding: 6px 0 1px;
    display: block;
    text-align: center;
  }
  .block-layered-nav .block-title .icons-arrow-mobile {
    background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/arrow-mobile.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 9px;
    right: 20px;
    width: 15px;
    height: 8px;
  }
  .block-layered-nav .block-title.displayed .icons-arrow-mobile {
    background-position: 0 -8px;
  }
  .block-layered-nav .current-filters .filter {
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 14px;
    padding: 5px 20px;
    display: block;
  }
  .block-layered-nav .current-filters .filter .icons-close {
    float: right;
  }
  .block-layered-nav .current-filters .reset {
    background-color: #383f47;
    display: block;
    font-size: 12px;
    padding: 6px 0 1px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    width: 100%;
  }
  .block-layered-nav .container-filter {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out 0s;
  }
  .block-layered-nav .container-filter.displayed {
    max-height: 1500px;
  }
  .block-layered-nav #narrow-by-list dt {
    font-size: 14px;
    text-transform: uppercase;
    padding: 11px 0;
    overflow: hidden;
  }
  .block-layered-nav #narrow-by-list li {
    padding: 3px 0;
  }
  .block-layered-nav #narrow-by-list dd a {
    font-size: 12px;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 18px;
    vertical-align: top;
  }
  .block-layered-nav #narrow-by-list dd.shape {
    width: 139px;
  }
  .block-layered-nav #narrow-by-list dd.size {
    width: 100%;
  }
  .block-layered-nav #narrow-by-list dd.size li {
    width: 49%;
    display: inline-block;
  }
  .block-layered-nav #narrow-by-list dd.color {
    width: 100%;
  }
  .block-layered-nav #narrow-by-list dd.color li {
    width: 100%;
  }
  .block-layered-nav #narrow-by-list dd.price {
    width: 139px;
    margin: 0 2px;
  }
  .block-layered-nav #narrow-by-list .container-filter,
  .block-layered-nav #narrow-by-list .container-filter-item {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out 0s;
  }
  .block-layered-nav #narrow-by-list .container-filter.displayed,
  .block-layered-nav #narrow-by-list .container-filter-item.displayed {
    max-height: 300px;
  }
  .block-layered-nav #narrow-by-list .infos-slider {
    margin: 0 0 10px;
    overflow: hidden;
    font-size: 12px;
  }
  .block-layered-nav #narrow-by-list .infos-slider .slider-min {
    float: left;
  }
  .block-layered-nav #narrow-by-list .infos-slider .slider-max {
    float: right;
  }
  .block-layered-nav #narrow-by-list .ui-slider {
    background-color: transparent;
    background-image: linear-gradient(to bottom, #cccccc, #eeeeee);
    background-repeat: repeat-x;
    border-radius: 5px;
    border-top: 1px solid #aaaaaa;
    cursor: pointer;
    height: 5px;
    padding: 0 0 15px;
    text-align: left;
    position: relative;
    width: 100%;
  }
  .block-layered-nav #narrow-by-list .ui-slider.ui-slider.ui-widget-content {
    background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/ui-price-range-bar.png") repeat-x scroll 0 0 transparent;
    border: 0 none;
  }
  .block-layered-nav #narrow-by-list .ui-slider .ui-slider-range {
    background-color: transparent;
    background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/ui-price-range-active.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: 1;
  }
  .block-layered-nav #narrow-by-list .ui-slider .ui-slider-handle {
    background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/ui-price-slider-dot.png") no-repeat scroll 50% 100% transparent;
    background-position: 0 1px;
    cursor: pointer;
    display: block;
    height: 11px;
    position: absolute;
    top: -3px;
    width: 10px;
    z-index: 2;
  }
  .block-layered-nav #narrow-by-list .ui-slider.ui-slider-horizontal.ui-slider-range {
    height: 100%;
    top: 0;
  }
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-cms-menu li strong {
  font-weight: 400;
  color: #383f47;
}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
  cursor: pointer;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
  outline: none;
}

.sidebar .actions button.button {
  white-space: normal;
}

/* Primary Buttons */
/*
,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button,
*/
.button {
  background: #383f47;
  display: inline-block;
  padding: 7px 15px;
  border: 0;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.button:hover {
  background: #2d3239;
  cursor: pointer;
}
.button:active {
  background: #22262a;
  color: #FFFFFF;
}
.button:focus {
  background-color: #22262a;
  outline: none;
  color: #FFFFFF;
}

a.button {
  text-decoration: none;
}

a.button:hover {
  color: #FFFFFF;
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

.button2 {
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.button2:focus {
  outline: none;
}

.button2 span,
.button2 span span {
  line-height: 30px;
  height: 30px;
  text-decoration: underline;
  text-transform: uppercase;
  display: inline-block;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
.button2 span:hover,
.button2 span span:hover {
  text-decoration: none;
  color: #383f47;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .col2-set .buttons-set .button,
  .col2-set .buttons-set .button2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .col2-set .buttons-set .back-link {
    display: none;
  }
  .col2-set .buttons-set .required {
    display: none;
  }

  .buttons-set .button {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 7px;
  }
  .buttons-set .back-link {
    display: none;
  }
  .buttons-set .required {
    display: none;
  }
}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left;
}

.paypal-after .paypal-or {
  float: left;
}

.paypal-or {
  line-height: 34px;
  margin: 0 10px 5px;
}

.paypal-after .paypal-button {
  float: left;
}

.paypal-button {
  line-height: 0;
}

.paypal-button img {
  display: inline;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .paypal-or {
    line-height: 20px;
  }

  .paypal-logo,
  .paypal-or,
  .paypal-button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  clear: both;
  text-align: right;
}
.buttons-set p.required {
  margin: 0;
  margin-left: 10px;
  line-height: 33px;
  float: right;
}
.buttons-set .back-link {
  float: left;
  margin: 0;
  line-height: 33px;
}
.buttons-set a:not(.button) {
  line-height: 20px;
  padding: 7px 5px 4px;
}
.buttons-set button.button {
  float: right;
  margin-left: 5px;
  min-width: 140px;
}
.buttons-set:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
  background-image: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icon_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
  .sorter > .view-mode .list, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icon_sprite@2x.png);
    background-size: 100px 1000px;
  }
}
/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
  overflow: hidden;
  padding: 0 10px;
  margin-bottom: 11px;
}

.breadcrumbs li {
  float: left;
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.breadcrumbs li h1 {
  font-size: 14px;
}

.breadcrumbs a {
  float: left;
  color: #383f47;
}

.breadcrumbs a:hover {
  color: #da5488;
}

.breadcrumbs strong {
  font-weight: normal;
  color: #da5488;
}

.breadcrumbs span {
  float: left;
  padding: 0 7px;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}
/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #EDEDED;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
  text-decoration: none;
}

.btn-remove:after {
  content: 'X';
  color: #383f47;
  height: 10px;
  line-height: 10px;
  width: 100%;
  font-size: 10px;
  font-family: Arial, "BrownStd", Verdana, Arial, sans-serif;
  font-weight: bold;
}

.btn-remove2 {
  background-position: 4px -648px;
  border: none;
  vertical-align: top;
}
.btn-remove2:after {
  display: none;
}
.btn-remove2:hover {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #383f47;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px;
}
.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #FFFFFF;
  border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: right;
  margin-left: 6px;
}

div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {
  background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/amshopby-cb1.gif");
  padding-left: 20px;
  background-position: 0 0;
}
div.block-layered-nav dd a.amshopby-attr-selected {
  background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/amshopby-cb2.gif");
  padding-left: 20px;
  background-position: 0 0;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px;
}

.checkout-agreements .agreement-content {
  overflow-y: auto;
  max-width: 670px;
  max-height: 125px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background: #F4F4F4;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  font-size: 13px;
  line-height: 32px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.main-container:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.col-left,
.col-right {
  padding: 0 10px;
}

.col-left {
  float: left;
  width: 25%;
  clear: left;
}
.col-left img {
  max-width: 100%;
}

.col-right {
  float: right;
  width: 25%;
  padding-right: 0;
  /* Remove the 15px padding */
}
.col-right img {
  max-width: 100%;
}

.col-main {
  float: left;
  width: 75%;
}

.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
}

.col2-left-layout .col-main {
  float: right;
}

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-right {
  width: 20.83333%;
}
.col3-layout .col-wrapper {
  float: left;
  width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
  float: right;
  width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
  width: 26.31579%;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .col3-layout .col-right {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 10px;
    width: 25%;
  }
  .col3-layout .col-wrapper {
    float: right;
    width: 100%;
  }
  .col3-layout .col-wrapper .col-main {
    float: right;
    width: 75%;
  }
  .col3-layout .col-wrapper .col-left {
    width: 25%;
  }

  .col-left,
  .col-right,
  .col-main,
  .col1-layout .col-left,
  .col1-layout .col-right,
  .col1-layout .col-main,
  .col2-left-layout .col-left,
  .col2-left-layout .col-right,
  .col2-left-layout .col-main,
  .col2-right-layout .col-left,
  .col2-right-layout .col-right,
  .col2-right-layout .col-main,
  .col3-layout .col-wrapper .col-left,
  .col3-layout .col-right,
  .col3-layout .col-wrapper .col-main {
    padding: 0;
    margin-bottom: 10px;
    float: none;
    width: auto;
  }

  .col3-layout .col-wrapper {
    float: none;
    width: auto;
  }

  .col-main {
    float: none;
    width: auto;
  }

  .col-main .col-left {
    padding: 0;
    /* On product listing pages, the left column gets moved inside col-main on small viewports */
  }
}
/* Content Columns */
.col2-set {
  width: 100%;
  /**________________________________________________ MOBILE
  */
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 50%;
  padding: 7px;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    padding: 18px;
  }
}
.col2-set .col-1 {
  float: left;
  padding-left: 0;
}
.col2-set .col-2 {
  float: right;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.col2-set .narrow {
  width: 33%;
}
.col2-set .wide {
  width: 65%;
}
.col2-set:after {
  content: '';
  display: table;
  clear: both;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .top-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  color: #E6E6E6;
  font-size: 11px;
}
.global-site-notice .notice-inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
}
.global-site-notice p {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #383f47;
  text-align: center;
  margin: 18px;
  text-transform: uppercase;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #11B400;
}

.error {
  color: #ff0000;
  font-weight: bold;
}

.notice {
  color: #E26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
  margin-bottom: 10px;
}

.messages li li {
  position: relative;
  padding: 8px 10px 6px 20px;
  background: #F4F4F4;
  font-size: 16px;
  line-height: 26px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  color: #000000;
  border-left: 5px solid #ff0000;
  background-color: #FAEBE7;
}

.messages .error-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ff0000;
  border-right: none;
}

.messages .notice-msg li {
  color: #000000;
  border-left: 5px solid #E26703;
  background-color: #F9EBE6;
}

.messages .notice-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #E26703;
  border-right: none;
}

.messages .success-msg li {
  color: #383f47;
  background-color: #f8cede;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px;
}

.payment-methods dt {
  padding: 5px 0;
}

.payment-methods dd {
  padding-top: 10px;
}

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #CCCCCC;
  background: #F4F4F4;
}

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #CCCCCC;
  border-top: none;
  top: -11px;
  left: 30px;
}

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #F4F4F4;
  border-top: none;
  top: -10px;
  left: 30px;
}

.payment-methods .form-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 0;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}

.price-box p {
  margin-bottom: 0;
}

.price-notice {
  color: #A0A0A0;
}

.price-box .price {
  color: #383f47;
  font-size: 16px;
}

.price-box .price,
.price {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.price-box .price-label {
  color: #A0A0A0;
  white-space: nowrap;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}

.price-box .minimal-price-link {
  padding-left: 1em;
  color: #383f47;
  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
  color: #A0A0A0;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
  display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
  display: inline-block;
}

.price-box .old-price .price {
  color: #A0A0A0;
  text-decoration: line-through;
}

.price-box .special-price {
  color: #383f47;
  padding-left: 1em;
}
.price-box .special-price .price-label {
  color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

span.weee {
  display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
  font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
  font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
  font-weight: bold;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
.item-options:after {
  content: '';
  display: table;
  clear: both;
}
.item-options dt {
  float: left;
}
.item-options dt:after {
  content: ' :';
  padding-right: 3px;
}
.item-options dd {
  float: left;
  margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #383f47;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #383f47;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .truncated {
    cursor: inherit;
  }
  .truncated a.details {
    display: none;
  }
  .truncated .truncated_full_value .item-options {
    display: block;
    position: static;
    z-index: 1;
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .truncated .truncated_full_value .item-options p {
    float: none;
  }
  .truncated .truncated_full_value .item-options:after {
    display: none;
  }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}
.add-to-links a {
  display: inline-block;
  padding: 0 3px 3px;
}

.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
  position: relative;
  display: block;
  /*border: 1px solid $c-module-border-light;*/
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  body .product-img-box .product-image:hover {
    border-color: #EDEDED;
  }
}
/* -------------------------------------------- *
 * Ratings
 */
.ratings {
  margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
  margin: 5px 0;
}
.ratings .rating-box {
  width: 65px;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -615px;
  overflow: hidden;
}
.ratings .rating-box .rating {
  float: left;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -600px;
}
.ratings .amount {
  display: block;
  margin: 5px auto;
}
.ratings .rating-links .separator {
  margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  margin: 0 0 15px;
}

.std ol {
  list-style: decimal outside;
  margin-bottom: 15px;
}

.std ol li {
  margin-left: 2em;
}

.std ul {
  list-style: disc outside;
  margin-bottom: 15px;
}

.std ul li {
  margin-left: 2em;
}

.std .note {
  color: #A0A0A0;
  font-size: 13px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  /* -------------------------------------------- *
   * Toolbar
   */
  .toolbar-bottom {
    display: inline-block;
    width: 100%;
  }

  .toolbar {
    margin: 15px 0;
    padding: 0 10px;
  }
  .toolbar:after {
    content: '';
    display: table;
    clear: both;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  /* -------------------------------------------- *
   * Toolbar
   */
  .toolbar-bottom {
    display: inline-block;
    width: 100%;
  }

  .toolbar {
    margin: 0 0 15px;
    padding: 10px 20px;
    background-color: #d9d9d9;
  }
  .toolbar:after {
    content: '';
    display: table;
    clear: both;
  }
}
.dropdown {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background: transparent url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/select-arrow.png") no-repeat scroll right center;
}

select {
  font-size: 12.5px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  margin: 0;
  padding: 0.25em 1em 0.25em 0.25em;
  color: #444;
  width: 220px;
  max-width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: 1px solid #383f47;
  background: transparent url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/select-arrow.png") no-repeat scroll right center;
}
select option {
  padding-left: 3px;
}

select::-ms-expand {
  display: none;
}

.header-language-background .store-language-container select {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/flag-fr.png") no-repeat scroll 11px 50% transparent;
  padding: 0.4em 1em 0.25em 40px;
}
.header-language-background .store-language-container select option {
  padding-left: 42px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: -17px;
  width: 100%;
}
.header-language-background .store-language-container select option:nth-child(1) {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/flag-fr.png") no-repeat scroll 10px 50% transparent;
}
.header-language-background .store-language-container select option:nth-child(2) {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/flag-uk.png") no-repeat scroll 10px 50% transparent;
}
.header-language-background .store-language-container select option:nth-child(3) {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/flag-usa.png") no-repeat scroll 10px 50% transparent;
}

.pager-no-toolbar {
  margin-bottom: 18px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 18px;
}

.toolbar,
.pager {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  color: #383f47;
  line-height: 26px;
  font-size: 12px;
}

.toolbar label,
.pager-no-toolbar label {
  font-weight: 200;
}

.toolbar select {
  padding: 3px 30px 3px 3px;
  font-size: 13px;
}

.sorter, .pager, .watch-all, .view-mode {
  display: inline-block;
}

.sorter {
  float: right;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
}
.sorter label {
  float: left;
  margin-right: 5px;
}
.sorter label:after {
  content: ':';
}

.toolbar-bottom .sorter {
  display: none;
}

.sorter > .sort-by {
  float: left;
  height: 24px;
  width: 140px;
  border: none;
}
.sorter > .sort-by .sort-by-switcher {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.sorter > .sort-by .sort-by-switcher--asc {
  background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
  background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
  background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
  background-position: -46px -567px;
}

.sorter > .view-mode {
  float: right;
}
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
  float: left;
  width: 30px;
  height: 30px;
}
.sorter > .view-mode .grid {
  margin-right: 5px;
  background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
  background-position: -42px -492px;
}
.sorter > .view-mode .list {
  background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
  background-position: -39px -517px;
}

.pager {
  float: left;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
}
.pager > .count-container {
  float: left;
}
.pager .amount {
  float: left;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  white-space: nowrap;
  margin: 0 15px 0 0;
  line-height: 30px;
  font-size: 13px;
}
.pager .limiter {
  float: left;
  height: 30px;
  line-height: 30px;
  position: relative;
  width: 110px;
}
.pager .limiter > label {
  padding-right: 5px;
}
.pager .limiter > label:after {
  content: ':';
}
.pager .watch-all {
  display: inline-block;
  float: left;
  margin-left: 20px;
  line-height: 30px;
  font-size: 13px;
}

.toolbar-bottom .pager {
  width: 100%;
}

.pages {
  float: right;
  overflow: hidden;
  margin-left: 15px;
}
.pages strong {
  display: none;
}
.pages ol {
  display: inline-block;
  vertical-align: middle;
}

.pages li {
  float: left;
}

.pages a,
.pages .current {
  display: inline-block;
  border: 0;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 30px;
  padding: 0 4px;
  height: 30px;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
.pages a p,
.pages .current p {
  color: #da5488;
}

.pages .current {
  color: #da5488;
  width: 17px;
  cursor: default;
}

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
  width: 16px;
}

.pages .next:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #383f47;
  border-right: none;
  top: 50%;
  margin-top: -7px;
  left: 75%;
  margin-left: -2px;
}
.pages .next:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #383f47;
  border-right: none;
}

.pages .previous:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #383f47;
  border-left: none;
  top: 50%;
  margin-top: -7px;
  left: 25%;
  margin-left: -2px;
}
.pages .previous:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #383f47;
  border-left: none;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .pager .amount--has-pages {
    display: none;
  }

  .pager .limiter {
    float: right;
  }

  .limiter label {
    display: none;
  }

  .sorter > .sort-by {
    width: 110px;
  }

  .pager {
    width: 100%;
  }
  .pager .watch-all {
    margin-left: 0;
    margin-top: 8px;
    clear: both;
  }
  .pager .pages {
    float: left;
    margin-top: 8px;
  }

  .catalogsearch-result-index .sorter {
    margin-top: -28px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .col2-left-layout .pager {
    width: 50%;
    float: left;
    clear: both;
  }
  .col2-left-layout .pager .pages {
    margin-left: 0;
  }
  .col2-left-layout .pager .count-container {
    float: right;
  }
  .col2-left-layout .pager .count-container {
    float: right;
  }
  .col2-left-layout .toolbar-bottom .pager {
    width: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .toolbar .view-mode > label {
    display: none;
  }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #383f47;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #383f47;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #383f47;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #383f47;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}

.a-right,
.align-right {
  text-align: right;
}

.no-display {
  display: none !important;
}

.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto;
}

span.spanVAlign {
  vertical-align: middle;
  line-height: 100%;
  height: 100%;
  width: 0;
  display: inline-block;
}

.strikethrough {
  text-decoration: line-through;
}

.pink {
  color: #da5488;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .main-container {
    width: 100%;
    max-width: 100%;
  }
}
.cms-no-route h1 {
  padding: 10px 0;
}
.cms-no-route .col-main {
  padding: 0 10px;
}
.cms-no-route p {
  color: #383f47;
  font-size: 18px;
  line-height: 17px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.customer-account-logoutsuccess .col-main {
  width: 960px;
  padding: 0 10px;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  display: block;
}

.fieldset + .fieldset {
  margin-top: 5px;
}

form .legend {
  margin: 0;
  margin-bottom: 10px;
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EDEDED;
}

.form-list {
  display: block;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
  padding-top: 5px;
}
.input-box:after {
  content: '';
  display: table;
  clear: both;
}

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.v-fix {
  float: left;
  margin-right: 8px;
  max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */
label {
  font-size: 16px;
  line-height: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label.required:after,
span.required:after {
  content: '*';
  font-weight: normal;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
}

label.required em,
span.required em {
  display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #A0A0A0;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
  font-size: 14px;
  padding: 8px 30px 8px 8px;
}

select + select {
  margin-left: 5px;
}

select[multiple] {
  width: 270px;
  border: 1px solid #C0C0C0;
  font-size: 15px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #da5488;
}

.input-text.validation-failed {
  border-color: #ff0000;
}

.input-text.validation-failed:focus {
  outline-color: #ff8080;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  padding: 7px 8px;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  max-width: 100%;
}

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
}
.ie8 .input-text {
  max-width: none;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 3em;
  text-align: center;
  vertical-align: middle;
}

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
  position: relative;
  top: 2px;
  display: inline-block;
}

/*
.checkbox + label,
.radio + label {
    width: auto;
    max-width: 85%;
    padding: 0 0 0 8px;
    font-size: $f-size;
    font-weight: normal;
    vertical-align: top;
}
*/
/* -------------------------------------------- *
 * Validation
 */
.validation-advice {
  margin: 5px 0 0;
  color: #ff0000;
  font-size: 13px;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
  margin-bottom: 5px;
}
.form-list > li.spaced {
  margin-bottom: 18px;
}
.form-list select {
  width: 365px;
  max-width: 100%;
  padding: 8px 30px 8px 8px;
  border-color: #da5488;
}
.form-list .input-range .input-text {
  width: 74px;
}

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
.product-options ul.options-list div.input-box {
  display: inline;
  float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
  float: left;
  margin-right: -40px;
  margin-top: 10px;
  margin-left: 15px;
}
.form-list .control label,
.sp-methods dt label,
.product-options ul.options-list label {
  display: inline-block;
  width: auto;
  max-width: none;
  min-width: 250px;
  float: none;
  padding: 6px 10px 6px 40px;
}
.form-list .control label:hover,
.sp-methods dt label:hover,
.product-options ul.options-list label:hover {
  background-color: #ededed;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
  min-width: inherit;
  width: 250px;
  max-width: 100%;
}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control {
  margin-top: 10px;
}
.form-list .control label {
  float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
  margin-right: 6px;
}
.form-list .control .input-box {
  clear: none;
  display: inline-block;
  width: auto;
  padding: 0;
}

form .form-instructions {
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: italic;
  color: #383f47;
  font-style: italic !important;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  form .form-instructions {
    margin-bottom: 10px;
  }
}
/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%;
}

.data-table td,
.data-table th {
  padding: 10px 0;
  vertical-align: top;
}

.data-table th {
  background: #F4F4F4;
  text-transform: uppercase;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}

.data-table tbody td,
.data-table tfoot td {
  font-family: "BrownStd", Times, "Times New Roman", serif;
}

.data-table tfoot tr {
  background: #F4F4F4;
}

.data-table tbody td .item-options {
  margin-left: 30px;
}

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
  border: 1px solid #C0C0C0;
  padding: 12px 15px;
  margin: 0 0 15px;
}
.info-box h2 {
  font-weight: bold;
  font-size: 13px;
}

.info-table th,
.info-table td {
  vertical-align: top;
}

.info-table th {
  font-weight: bold;
  padding: 4px 20px 4px 0;
}

.info-table td {
  padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid #C0C0C0;
}
.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid #C0C0C0;
  padding: 6px;
  background-color: transparent;
}
.zebra-table tr {
  background-color: #EEEDED;
}
.zebra-table tr:nth-child(odd) {
  background-color: #F8F7F5;
}

/* ============================================ *
 * Linearize Table
 * ============================================ */
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .linearize-table {
    /* Helpers */
  }
  .linearize-table tr,
  .linearize-table th,
  .linearize-table td {
    display: block;
  }
  .linearize-table thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table thead th.lin-hide {
    display: none;
  }
  .linearize-table thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table tbody tr {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
  }
  .linearize-table tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table tbody td.lin-hide {
    display: none;
  }
  .linearize-table tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table tbody td:first-child,
  .linearize-table tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .linearize-table tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table tfoot td {
    display: block;
    float: left;
  }
  .linearize-table tfoot td.lin-hide {
    display: none;
  }
  .linearize-table tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table .linearize-hide {
    display: none;
  }
  .linearize-table .linearize-unpad {
    padding: 0;
  }
  .linearize-table .linearize-show {
    display: block;
  }

  .linearize-table-large {
    /* Helpers */
  }
  .linearize-table-large tr,
  .linearize-table-large th,
  .linearize-table-large td {
    display: block;
  }
  .linearize-table-large thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table-large thead th.lin-hide {
    display: none;
  }
  .linearize-table-large thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table-large tbody tr {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
  }
  .linearize-table-large tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table-large tbody td.lin-hide {
    display: none;
  }
  .linearize-table-large tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table-large tbody td:first-child,
  .linearize-table-large tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table-large tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table-large tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .linearize-table-large tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table-large tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table-large tfoot td {
    display: block;
    float: left;
  }
  .linearize-table-large tfoot td.lin-hide {
    display: none;
  }
  .linearize-table-large tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table-large tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table-large .linearize-hide {
    display: none;
  }
  .linearize-table-large .linearize-unpad {
    padding: 0;
  }
  .linearize-table-large .linearize-show {
    display: block;
  }
}
@media only screen and (min-width: 601px) {
  .linearize-table .linearize-collapse {
    display: none;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  height: 100%;
}

.wrapper {
  min-width: 320px;
  min-height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px;
}

.map-popup {
  background: #FFFFFF;
  border: 5px solid #CCCCCC;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100;
  /**________________________________________________ DESKTOP
  */
  /**________________________________________________ MOBILE
  */
}
@media only screen and (min-width: 768px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .map-popup {
    width: 100%;
    left: 0px !important;
  }
}
.map-popup .map-popup-heading {
  padding: 8px 10px;
  margin-right: 40px;
  width: auto;
}
.map-popup .map-popup-heading h3 {
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .map-popup .map-popup-heading h3 {
    text-align: center;
  }
}
.map-popup .map-popup-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 36px;
  width: 36px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.map-popup .map-popup-content {
  border-top: 1px solid #EDEDED;
  padding: 10px;
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .map-popup .map-popup-content {
    text-align: center;
  }
}
.map-popup .map-popup-checkout {
  padding: 10px 0;
  /**________________________________________________ MOBILE
  */
}
.map-popup .map-popup-checkout form:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout span {
  display: block;
}
.map-popup .map-popup-checkout .button {
  float: left;
  margin: 0 2px;
  clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
  float: left;
  min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
  list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
  width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
  display: inline-block;
  float: left;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
  float: left;
  text-align: center;
  padding: 5px 15px;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
  clear: left;
}
@media only screen and (max-width: 767px) {
  .map-popup .map-popup-checkout {
    text-align: center;
  }
  .map-popup .map-popup-checkout .button,
  .map-popup .map-popup-checkout .additional-addtocart-box,
  .map-popup .map-popup-checkout .paypal-logo a,
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: none;
  }
  .map-popup .map-popup-checkout .additional-addtocart-box {
    min-width: 0px;
  }
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    margin: 0px;
    margin-bottom: 10px;
  }
}
.map-popup .map-popup-checkout:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-price {
  padding: 10px 0;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .map-popup .map-popup-price {
    text-align: center;
    padding-top: 0px;
  }
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
  display: inline-block;
}
.map-popup .map-popup-text {
  padding: 10px 0;
  margin: 0 10px;
  word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
  border-top: 1px solid #EDEDED;
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
  display: block;
  text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
  content: '';
  display: table;
  clear: both;
}

.compare-table .product-image {
  display: inline-block;
}

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
  padding-top: 0;
}

/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 20px 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
  float: none;
  background-color: #da5488;
  color: #ffffff;
  padding: 6px 30px 1px;
  border: 1px solid #da5488;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  width: auto;
}
.checkout-onepage-success p {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #383f47;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #CCCCCC;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #F4F4F4;
}

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #EDEDED;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #383f47;
}
#narrow-by-list dd .swatch-label {
  background: #F4F4F4;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #CCCCCC;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #383f47;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #ff0000;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
  color: #ff0000;
}

.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #383f47;
  padding-left: 5px;
}
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
.product-view .product-options .select-label {
  display: none;
}
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* ============================================ *
 * PayPal
 * ============================================ */
.paypal-review-order {
  /**________________________________________________ MOBILE
  */
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 868px) and (min-width: 768px) {
  .paypal-review-order .col2-set .col-1,
  .paypal-review-order .col2-set .col-2 {
    padding: 0px;
  }
}

.paypal-review-order .info-set {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
}
.paypal-review-order .buttons-set {
  margin-top: 0px;
  padding-top: 0px;
  border: 0;
}
.paypal-review-order .buttons-set button {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .paypal-review-order .col-1 {
    padding-bottom: 0;
  }
  .paypal-review-order .field.inactive {
    display: none;
  }
}

.top-container .bml-ad {
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
}
.top-container .bml-ad span {
  display: inline-block;
}
.top-container .bml-ad span a {
  display: block;
}

.bml-ad {
  display: none;
  text-align: center;
  margin-bottom: 5px;
}
.bml-ad span {
  display: block;
  line-height: 0;
}
.bml-ad a {
  display: inline-block;
  max-width: 100%;
}
.bml-ad a:hover {
  opacity: 0.7;
}
.bml-ad img {
  height: auto !important;
  max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
  display: block;
  margin: 0;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .bml-ad.small {
    display: block;
  }
}
/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .bml-ad.large {
    display: block;
  }
}
div.paypal-logo {
  text-align: center;
  margin: 15px 0;
  max-width: 100%;
}
div.paypal-logo span {
  display: block;
  width: 100%;
}
div.paypal-logo span a {
  display: inline-block;
  max-width: 100%;
}
div.paypal-logo span a img {
  max-width: 100%;
}
div.paypal-logo span > img {
  display: none;
}

.checkout-types div.paypal-logo {
  text-align: right;
}

.bml-checkout-type {
  list-style-type: none;
}

.sidebar .paypal-logo {
  text-align: center;
  line-height: 0;
}
.sidebar .paypal-logo > a {
  display: inline-block;
  max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
  opacity: 0.8;
}
.sidebar .paypal-logo > a img {
  display: block;
}
.sidebar .paypal-logo .label {
  margin-top: 4px;
}
.sidebar .paypal-logo .label a {
  font-size: 12px;
  line-height: 1.5;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews {
  width: auto;
  float: none;
}
#customer-reviews .review-heading {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .review-heading h2 {
  float: left;
  display: block;
}
#customer-reviews .review-heading .pager {
  clear: none;
  float: right;
  width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
  margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}
#customer-reviews .review-heading .pager .amount {
  display: none;
}
#customer-reviews h2 {
  color: #383f47;
  font-size: 12px;
  text-transform: uppercase;
}
#customer-reviews h2 span {
  color: #383f47;
}
#customer-reviews h3 {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
#customer-reviews h3 span {
  color: #383f47;
}
#customer-reviews .fieldset {
  padding-top: 25px;
  width: 470px;
}
#customer-reviews .fieldset h4 {
  border-bottom: 1px solid #CCCCCC;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 5px;
  text-transform: uppercase;
}
#customer-reviews .fieldset h4 em {
  display: none;
}
#customer-reviews .fieldset .form-list {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0;
  text-transform: uppercase;
  width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .fieldset .form-list label {
  font-size: 12px;
  font-weight: normal;
}
#customer-reviews .fieldset .form-list textarea {
  border: 1px solid #CCCCCC;
  border-radius: 0;
  min-width: 100%;
  -webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
  border: 1px solid #CCCCCC;
  border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
  width: 100%;
}
#customer-reviews .buttons-set {
  border: none;
  margin: 0;
  width: 470px;
}
#customer-reviews dl {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}
#customer-reviews dl dt {
  margin: 10px 0;
  text-transform: uppercase;
}
#customer-reviews dl dd {
  font-family: "BrownStd", Times, "Times New Roman", serif;
  font-size: 14px;
  margin: 10px 0;
}
#customer-reviews dl dd .ratings-table {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
  margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
  width: 300px;
  max-width: 70%;
}
#customer-reviews dl dd table {
  margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

.review-summary-table {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 10px;
}
.review-summary-table thead {
  background: transparent;
}
.review-summary-table thead th {
  background: transparent;
  border: none;
  padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
  background: #FFFFFF;
  font-size: 12px;
}
.review-summary-table tbody td {
  border: none;
  text-align: center;
  padding: 0;
}
.review-summary-table tbody td label {
  width: 100%;
  display: block;
  padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
  display: none;
}
.review-summary-table .rating-box .rating-number:after {
  content: "";
  display: inline-block;
  background-position: 0px -599px;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.ratings-table th {
  padding-right: 10px;
}
.ratings-table .rating-box {
  background-position: 0 -615px;
  background-repeat: repeat-x;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 65px;
}
.ratings-table .rating-box .rating {
  background-position: 0 -600px;
  background-repeat: repeat-x;
  float: left;
  height: 13px;
  text-indent: -9999px;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  body.review-product-list .product-view .product-shop .price-info {
    padding-left: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info {
    padding: 0;
    min-width: 84%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table {
    margin: 10px 0;
    width: 100%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    margin-right: 15px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  body.review-product-list .product-view .product-shop .extra-info {
    min-width: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    float: none;
    margin-right: 0;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #customer-reviews .fieldset {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list .inline-label label,
  #customer-reviews .fieldset .form-list .inline-label .input-box {
    float: none;
  }
  #customer-reviews .buttons-set {
    width: 100%;
  }
  #customer-reviews .review-summary-table thead th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody td {
    width: 20%;
    padding: 0px;
  }
  #customer-reviews .review-summary-table .rating-box {
    text-indent: 0px;
    text-align: center;
    background: none;
    height: 19.6px;
    width: 100%;
  }
  #customer-reviews .review-summary-table .rating-box .rating {
    display: none;
  }
  #customer-reviews .review-summary-table .rating-box .rating-number {
    display: inline-block;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #customer-reviews dl dd .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
  border-bottom: none;
}
.review-product-view .product-review .product-img-box {
  width: auto;
  max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
  width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
  width: 100%;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .review-product-view .product-review .product-img-box {
    max-width: 100%;
  }
}
#idTabavisverifies {
  margin-top: 15px;
  color: #5d717e;
}

#idTabavisverifies a {
  color: #5d717e;
  text-decoration: none;
}

#idTabavisverifies p {
  margin: 0;
  padding: 0;
}

div.ratingWrapper {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/avisverifies/mini_etoile_empty.png") no-repeat left bottom;
  /*display:inline-block;*/
  height: 12px;
  width: 70px;
}

div.ratingInner {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/avisverifies/mini_etoile_full.png") no-repeat left top transparent;
  /*display:inline-block;*/
  height: 13px;
}

#idTabavisverifies .triangle-border {
  position: relative;
  padding: 12px;
  margin: 14px 0 3px 0;
  border: 2px solid #DDD;
  color: #000;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#idTabavisverifies .triangle-border.answer {
  margin-left: 20px;
  color: #808080;
}

#idTabavisverifies .triangle-border.top::before {
  top: -16px;
  bottom: auto;
  right: auto;
  left: 46px;
  border-width: 0 14px 14px;
}

#idTabavisverifies .triangle-border::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 40px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #DDD transparent;
  display: block;
  width: 0;
}

#idTabavisverifies .triangle-border.top::after {
  top: -13px;
  bottom: auto;
  right: auto;
  left: 47px;
  border-width: 0 13px 13px;
}

#idTabavisverifies .triangle-border::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 47px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}

#idTabavisverifies .triangle-border.answer {
  padding-left: 20px;
}

.clear {
  clear: both;
}

#idTabavisverifies #headerAV {
  display: block;
  background-color: #474747;
  height: 30px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  line-height: 30px;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
}

#idTabavisverifies #under-headerAV {
  display: block;
  height: 60px;
  padding: 10px;
  background-position: 10px 10px !important;
}

#idTabavisverifies div#aggregateRatingAV {
  list-style: none;
  margin-left: 50px;
  padding-top: 10px;
  float: left;
}

#idTabavisverifies div#certificatAV {
  float: right;
  list-style: none;
  padding-top: 10px;
  padding-right: 10px;
}

#idTabavisverifies .reviewAV {
  padding-bottom: 20px;
  border-top: 3px solid white;
}

#idTabavisverifies .reviewAV div.reviewInfosAV {
  list-style: none;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

#idTabavisverifies .reviewAV div.reviewInfosAV > div {
  display: inline-block;
  height: 25px;
}

#idTabavisverifies .reviewAV div.reviewInfosAV div.rateAV {
  font-weight: bold;
  float: right;
  font-size: 14px;
}

#idTabavisverifies .reviewAV div.reviewInfosAV div.rateAV img {
  margin-top: 1px;
  display: inline;
}

#idTabavisverifies .triangle-border.answer p.answer-bodyAV {
  margin: 10px 0 0 0;
}

#idTabavisverifies #ajax_comment_content {
  background-color: #f1f1f1;
  padding: 10px;
}

/* ExtraRight */
#av_product_award {
  height: 70px;
  background-color: #e6e6e6;
  border: solid 1px #b6b6b6;
  border-radius: 15px;
  position: relative;
  padding: 2px;
  margin-top: 20px;
  max-width: 260px;
}

#av_product_award img#sceau {
  position: absolute;
  right: -15px;
  top: -12px;
  width: 90px;
}

#av_product_award #bottom {
  background: #f7ad26;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7ad26 1%, #f49112 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f7ad26), color-stop(100%, #f49112));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7ad26 1%, #f49112 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7ad26 1%, #f49112 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7ad26 1%, #f49112 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f7ad26 1%, #f49112 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad26', endColorstr='#f49112',GradientType=0 );
  /* IE6-9 */
  height: 20px;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  position: absolute;
  bottom: 2px;
  width: 90%;
}

#av_product_award #bottom a {
  color: black;
  margin-left: 56px;
  margin-top: 3px;
  font-weight: normal;
  display: block;
}

#av_product_award #top {
  width: 68%;
  text-align: center;
  padding-top: 6px;
}

#av_product_award #top b {
  display: block;
}

/* ratingWrapper et ratingInner utilis� dans ExtraRight et product_list.tpl*/
/*div.ratingWrapper{
    background:url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/avisverifies/etoile0.png') no-repeat  left bottom;
    display:inline-block;
    height: 21px;
    width: 120px;
    text-align: left;
}
div.ratingInner{
    background:url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/avisverifies/etoile5.png') no-repeat  left bottom transparent;
    display:inline-block;
    height: 21px;
    text-align: left;
}*/
.ratingSummary {
  margin: 0;
  position: relative;
  top: 0px;
  cursor: pointer;
  display: block;
  float: left;
}

a.rating-link {
  float: left;
  position: relative;
  top: -3px;
  color: #da5488;
  font-size: 11px;
  font-style: italic !important;
  margin-left: 10px;
}

#customer-reviews .block-title {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/h-section-guide.png) repeat-x scroll 0 44% transparent;
  display: block;
  text-align: center;
  margin: 15px auto;
}

#customer-reviews .block-title h2 {
  text-align: center;
  font-size: 20px;
  display: inline-block;
  padding: 0 20px;
  background-color: #ffffff;
  color: #383f47;
  line-height: 32px;
  max-width: 80%;
}

#av_load_next_page {
  color: #5d717e;
  text-decoration: none;
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #272822;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
}

/* FIN ExtraRight */
/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  padding: 0 10px;
}
.slideshow-container .slideshow,
.slideshow-container .slideshow2 {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0;
}
.slideshow-container .slideshow > li,
.slideshow-container .slideshow2 > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0;
}
.slideshow-container .slideshow > li:first-child,
.slideshow-container .slideshow2 > li:first-child {
  position: static;
  z-index: 100;
}
.slideshow-container .slideshow > li img,
.slideshow-container .slideshow2 > li img {
  max-width: 100%;
  width: 100%;
}
.slideshow-container .slideshow-text {
  position: absolute;
  bottom: 44px;
  left: 101px;
  width: 738px;
  height: 131px;
  opacity: 0.8;
  background: #ffffff;
  text-align: center;
}
.slideshow-container .slideshow-text p {
  text-align: center;
  display: inline-block;
  margin: 0;
}
.slideshow-container .slideshow-text p.title {
  color: #221f1f;
  font-size: 40px;
  font-family: "DomaineDisp", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 9px;
}
.slideshow-container .slideshow-text p.action {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 6px;
  text-transform: uppercase;
}

.slideshow-pager,
.slideshow-pager2 {
  text-align: right;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  left: 0;
  padding: 0 20px;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-pager span,
.slideshow-pager2 span {
  font-family: arial;
  width: 30px;
  height: 25px;
  display: inline-block;
  color: #DDDDDD;
  cursor: pointer;
}
.slideshow-pager span:before,
.slideshow-pager2 span:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  left: 25%;
  top: 25%;
  margin: 0;
  border-radius: 6px;
  background-color: #73797d;
  position: relative;
}
.slideshow-pager span:hover:before,
.slideshow-pager2 span:hover:before {
  background-color: #da5488;
}
.slideshow-pager span.cycle-pager-active:before,
.slideshow-pager2 span.cycle-pager-active:before {
  background-color: #da5488;
}
.slideshow-pager > *,
.slideshow-pager2 > * {
  cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  border-style: solid;
  display: block;
  top: 50%;
  margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

.slideshow-prev {
  left: 8px;
}
.slideshow-prev:before {
  border-width: 15px 15px 15px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 50%;
  left: 20px;
}
.slideshow-prev:hover:before {
  border-color: transparent #da5488 transparent transparent;
}

.slideshow-next {
  right: 8px;
}
.slideshow-next:before {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFFFFF;
  top: 50%;
  right: 20px;
}
.slideshow-next:hover:before {
  border-color: transparent transparent transparent #da5488;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110;
}

.cycle-overlay {
  font-family: tahoma, arial;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .slideshow-container {
    padding: 0;
    margin-top: 20px;
  }
}
/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  margin-top: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.product-review .product-img-box .rating-box {
  margin: 15px 0;
}
.product-review .product-details h2 {
  border-bottom: 1px solid #CCCCCC;
  color: #3399CC;
  font-size: 16px;
  font-weight: 600;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  padding-bottom: 10px;
}
.product-review .ratings-table {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
.product-review .ratings-table th {
  padding-right: 10px;
}
.product-review .ratings-table tr {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  text-transform: uppercase;
}
.product-review .ratings-description dt {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-weight: 400;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  margin-top: 20px;
  padding: 10px 0;
  text-transform: uppercase;
}
.product-review .ratings-description dd {
  color: #737373;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 13px;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 1126px) {
  .product-review .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 320px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
  color: #ff0000;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

.map-info {
  white-space: nowrap;
}

.catalog-product-view .map-info {
  white-space: normal;
}
.catalog-product-view .map-info > span {
  float: right;
  margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
  float: right;
  width: 100%;
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
  content: '';
  display: table;
  clear: both;
}
.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 14.5px;
}

#eu-cookies-directive {
  background-color: #f4b5cd;
  width: 100%;
  position: absolute;
  top: 0;
}
#eu-cookies-directive #eu-directive-infos {
  width: 940px;
  margin: 0 auto;
  padding: 5px 0;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
#eu-cookies-directive #eu-directive-infos p {
  width: 94%;
}
#eu-cookies-directive #eu-directive-infos #eu-directive-close {
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  width: 5.5%;
}
#eu-cookies-directive #eu-directive-infos #eu-directive-close span {
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icons/close.png") no-repeat scroll right 2px transparent;
  display: block;
  cursor: pointer;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .notice-cookie .notice-text {
    max-width: 86%;
  }

  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-text {
    max-width: 82%;
    padding-top: 0;
  }

  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-inner {
    background-position: left 10px;
  }
  .notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
  }
  .notice-cookie .notice-text {
    float: none;
    max-width: 100%;
    padding-top: 0;
  }
  .notice-cookie .actions {
    text-align: left;
  }

  #eu-cookies-directive {
    position: fixed;
    bottom: 0;
    top: auto;
    z-index: 99;
  }
  #eu-cookies-directive #eu-directive-infos {
    width: 100%;
    text-align: center;
  }
  #eu-cookies-directive #eu-directive-infos p {
    padding: 0 10px;
    font-size: 10px;
    line-height: 105%;
    width: 100%;
  }
  #eu-cookies-directive #eu-directive-infos #eu-directive-close {
    position: relative;
    right: unset;
    top: unset;
    width: 24%;
    display: inline-block;
    font-weight: bold;
  }
}
/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
  margin-top: 5px;
  margin-bottom: 10px;
}

#addTagForm .form-add {
  margin-top: 10px;
}

.product-tags {
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 10px;
  padding: 5px 1% 10px;
  width: 98%;
}

.product-tags li {
  float: left;
  margin-right: 15px;
}

.product-tags li.last {
  margin-right: 0px;
}

.tags-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.tags-list > li {
  float: left;
  margin-right: 10px;
}

.block-tags .actions > a {
  font-size: 12px;
}

.my-tag-edit .button.btn-remove {
  padding: 0;
}
.my-tag-edit .button.btn-remove:after {
  color: white;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .tags-list > li,
  .tags-list {
    float: none;
  }
}
/* ============================================ *
 * Captcha
 * ============================================ */
.captcha-note {
  clear: left;
  padding-top: 5px;
}

.captcha-image {
  float: left;
  display: inline;
  max-width: 100%;
  position: relative;
  width: 258px;
  margin-bottom: 10px;
}

.captcha-image .captcha-img {
  border: 1px solid #b6b6b6;
  vertical-align: bottom;
  width: 100%;
}

.registered-users .captcha-image {
  margin: 0;
}

.captcha-reload {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}

.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

.customer-account-create .scaffold-form .captcha-input-container label:first-child {
  width: 100%;
}

.captcha-reload {
  position: absolute;
  right: 4px;
  top: 4px;
}

.captcha-img {
  border: 20px solid #bbb;
}

.captcha-input-container {
  margin-bottom: 10px;
}

.control.newsletter-box, .captcha-input-container, .captcha-img-container {
  float: none;
  clear: both;
}
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
  content: '';
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout Billing Fix to place the Captcha properly
 * ============================================ */
#co-billing-form ul.form-list > .control {
  float: left;
  margin: 0 0 5px;
  width: 100%;
}

/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .sales-order-invoice .sub-title,
  .sales-order-creditmemo .sub-title,
  .sales-order-shipment .sub-title {
    float: left;
    font-size: 15px;
    text-align: center;
    width: 100%;
  }
  .sales-order-invoice .order-links,
  .sales-order-creditmemo .order-links,
  .sales-order-shipment .order-links {
    text-align: center;
    width: 100%;
  }
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view {
  /**________________________________________________ MOBILE
  */
}
#recurring_profile_list_view th {
  white-space: normal;
}
#recurring_profile_list_view th span {
  white-space: inherit;
}
@media only screen and (max-width: 767px) {
  #recurring_profile_list_view {
    font-size: 12px;
  }
  #recurring_profile_list_view a {
    font-size: inherit;
  }
  #recurring_profile_list_view th,
  #recurring_profile_list_view td {
    padding: 2px;
  }
}

.recurring-profiles-title {
  float: left;
}
.recurring-profiles-title h1 {
  margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
  float: right;
  text-align: right;
  margin-bottom: 30px;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
    text-align: center;
    float: none;
  }
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
  position: static;
}

.recurring-profiles-messages:after {
  content: '';
  display: table;
  clear: both;
}

#recurring_start_date_trig {
  display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
  margin-bottom: 30px;
}
.billing-agreements .info-box:after {
  content: '';
  display: table;
  clear: both;
}
.billing-agreements .info-box .form-list {
  max-width: 400px;
  width: 100%;
}
.billing-agreements .info-box .box-title {
  margin-top: 7px;
  margin-bottom: 7px;
}
.billing-agreements .info-box .button {
  float: right;
  margin-top: 7px;
}
@media only screen and (max-width: 480px) {
  .billing-agreements .info-box .button {
    width: 100%;
    float: none;
  }
}
.billing-agreements #payment_method {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
  max-width: 80%;
}
@media only screen and (max-width: 480px) {
  .billing-agreement-view-header-wrapper .heading {
    max-width: 100%;
  }
}

.billing-agreement-details td, .billing-agreement-details th {
  padding: 3.5px;
}

@media only screen and (max-width: 1024px) {
  .billing-agreements .data-table .created-at,
  .billing-agreements .data-table .updated-at {
    display: none;
  }
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
  float: left;
  width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
  float: left;
  height: 40px;
  margin-right: 25px;
}

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
  width: 100%;
  /**________________________________________________ DESKTOP
  */
}
@media only screen and (min-width: 768px) {
  .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    max-width: 100px;
  }
}

.widget {
  clear: both;
}

.collections,
.widget-new-products {
  margin-top: 20px;
  width: 100%;
  display: inline-block;
  float: left;
}

.collection {
  padding: 0 10px;
  display: inline-block;
  font-size: 0;
}
.collection .collection-inner {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.collection .collection-inner a {
  position: relative;
  display: inline-block;
}
.collection .collection-inner .collection-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 91px;
}
.collection .collection-inner .collection-text span.text {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  color: #da5488;
  font-size: 30px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 36px;
}

/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .collection .collection-inner a {
    width: 100%;
  }
  .collection .collection-inner a img {
    width: 100%;
  }
}
.widget-products {
  display: inline-block;
}
.widget-products .widget {
  clear: none;
  padding: 0 10px 20px;
  display: inline-block;
  font-size: 0;
}
.widget-products .widget a.product-img {
  text-decoration: none;
}
.widget-products .widget a.product-img.opacity:hover {
  opacity: 0.5;
}
.widget-products .widget .widget-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.widget-products .widget .widget-inner a {
  position: relative;
}
.widget-products .widget .widget-inner:hover .widget-rect .widget-text {
  opacity: 1;
}
.widget-products .widget .widget-inner .widget-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget-products .widget .widget-inner .widget-video {
  display: inline-block;
  text-align: center;
  width: 98%;
}
.widget-products .widget .widget-inner .widget-rect {
  vertical-align: middle;
  height: 80px;
  width: 80%;
  margin-left: 10%;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  padding-top: 4px;
}
.widget-products .widget .widget-inner .widget-rect .widget-text {
  height: 100%;
  width: 100%;
  opacity: 0.65;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.widget-products .widget .widget-inner .widget-rect label {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  font-size: 22px;
  cursor: pointer;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 30px;
}

#widget-video .block-video, #widget-video .block-content {
  width: 50%;
  display: inline-block;
}
#widget-video .block-video {
  float: left;
}
#widget-video .block-video iframe {
  width: 100%;
  height: 360px;
}
#widget-video .block-content {
  float: right;
  padding: 5% 0 0 2%;
}
#widget-video .block-content .credit p {
  font-style: italic;
}
#widget-video .clear {
  clear: both;
  width: 0;
  height: 0;
}

/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .widget-products .widget .widget-inner img {
    width: 100%;
  }
}
.widget .pager {
  float: none;
  width: 100%;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .col2-left-layout .col-main .widget,
  .col2-right-layout .col-main .widget,
  .col3-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .col1-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }

  .collection .collection-inner a:hover img {
    opacity: 0.8;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .collections {
    padding: 20px 20px 0;
    margin: 0;
  }

  .collection {
    padding: 0 0 20px;
  }
  .collection .collection-inner {
    width: 100%;
    text-align: center;
  }
  .collection .collection-inner a {
    width: 100%;
  }
  .collection .collection-inner img {
    display: inline-block;
    width: 100%;
  }

  .widget-new-products {
    margin: 0;
  }

  .cms-index-index.cms-home .widget-new-products:first-child {
    display: none !important;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .col-4 {
    width: 50%;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget {
    padding: 0 0 12px;
    float: left;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget:nth-child(odd) {
    padding-right: 5px;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget:nth-child(even) {
    padding-left: 5px;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget .widget-inner {
    text-align: center;
    width: 100%;
    margin: auto;
    height: 136px;
    overflow-y: hidden;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget .widget-inner .widget-rect {
    margin-left: 0;
    height: initial;
    padding: 10px 0;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget .widget-inner .widget-rect label {
    font-size: 15px;
    line-height: 17px;
  }
  .cms-index-index.cms-home .widget-new-products .widget-products .widget .widget-inner img {
    display: inline-block;
    min-width: 100%;
    min-height: 100%;
  }

  .catalog-category-view.categorypath-lookbook .widget-new-products {
    padding-top: 20px;
  }

  #widget-video .block-video, #widget-video .block-content {
    width: 100%;
  }
  #widget-video .block-video iframe {
    width: 100%;
    height: auto;
  }
  #widget-video .block-content {
    padding: 5% 0 0 2%;
  }
}
/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 8px 1% 6px;
  background: #F4F4F4;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 10px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
  background-color: #DDDDDD;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
  border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
  border: 0 none;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
  float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
  text-transform: none;
  font-size: 17px;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
  float: left;
  width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
  width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
  width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
  float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
  float: right;
  text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
  text-indent: -5555px;
  display: block;
  width: 22px;
  height: 22px;
}

.checkout-multishipping-shipping .gift-messages {
  margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
  margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
  margin-top: 10px;
  margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
  margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
  margin-bottom: 25px;
  padding-left: 10px;
  margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
  float: left;
  width: 100%;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
  background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
  width: 100%;
  clear: both;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 300px;
  }

  #review-order-form .col-1,
  #review-order-form .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }

  body[class*="checkout-multishipping-"] .checkout-progress span {
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress li {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 3%;
    border-right: 0px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 1px;
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .box-title {
    float: left;
    width: 100%;
  }
  body[class*="checkout-multishipping-"] .page-title .button {
    float: left;
    margin-bottom: 10px;
  }
  body[class*="checkout-multishipping-"] .linearize-table tfoot td {
    text-align: right;
  }
  body[class*="checkout-multishipping-"] .linearize-table select {
    width: 100%;
    min-width: 200px;
  }
  body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
    width: 100%;
    padding: 0;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 10px;
    margin-top: 12px;
  }

  body[class*="checkout-multishipping-"] .buttons-set .back-link {
    display: block;
  }
}
/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate;
}
div.calendar table td.button {
  display: table-cell;
  background: inherit;
  color: inherit;
  text-transform: none;
}

/**----------------------------- COMMON
*/
/**----------------------------- CONTROLS
*/
/*
 *________________________________________ CONTAINER RE-DEFINITION
 */
/*
 * DESKTOP
 */
.container {
  max-width: 1440px;
  padding: 0;
  margin: auto;
  width: 100%;
}

/**________________________________________ COMMON
*/
html,
body {
  min-width: 0;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 100%;
}

.col-10 {
  width: 100%;
}

.col-9 {
  width: 100%;
}

.col-8 {
  width: 66.666667%;
}

.col-7 {
  width: 100%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 100%;
}

.col-4 {
  width: 33.333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.666667%;
}

.col-1 {
  width: 100%;
}

.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  float: left;
}

.col-12:after,
.col-8:after,
.col-4:after,
.col-3:after {
  content: '';
  display: block;
  clear: both;
}

*,
*:before,
*:after,
body *,
body *:before,
body *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.left {
  float: left;
}

.right {
  float: right;
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

.clear {
  display: block;
}

.zoomContainer {
  z-index: 1;
}

.zoomWindowContainer {
  position: relative;
}

/* button - a href pink */
.CTA {
  margin-top: 8px;
  padding: 7px 20px 2px;
  display: block;
  border: 1px solid #da5488;
  color: #da5488;
  text-transform: uppercase;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  padding: 6px 16px 1px;
  background: #ffffff;
  text-align: center;
}
.CTA:hover {
  color: #ffffff;
  background-color: #da5488;
  text-decoration: none;
}
.CTA.reverse {
  color: #ffffff;
  background-color: #da5488;
}
.CTA.reverse:hover {
  color: #da5488;
  background-color: #ffffff;
}
.CTA.reverse:hover a {
  color: #da5488 !important;
}
.CTA.reverse a {
  color: white !important;
}
.CTA.disabled {
  color: #333333 !important;
  background-color: #ffffff;
  border-color: #333333 !important;
}

.dark {
  color: #221f1f;
  border: 2px solid #221f1f;
}

.uppercase {
  text-transform: uppercase;
}

.freeshipcountdown {
  text-align: center;
}

.catalogsearch-result-index .col3-layout .col-wrapper .col-main {
  padding: 0 10px;
}
.catalogsearch-result-index .products-grid {
  display: inline-block;
  padding-bottom: 15px;
  width: 100%;
}
.catalogsearch-result-index .products-grid li.item {
  padding: 0 10px 25px;
  text-align: center;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.catalogsearch-result-index .products-grid .product-info .special-info {
  height: 20px;
  margin-top: 6px;
  width: auto;
}
.catalogsearch-result-index .products-grid .product-info .special-info p {
  color: #da5488;
  border: 1px solid #da5488;
  width: 132px;
  line-height: 16px;
  padding-top: 2px;
  text-transform: uppercase;
  display: inline-block;
}
.catalogsearch-result-index .products-grid .product-info h2 {
  font-size: 14px;
  font-weight: 200;
  margin: 5px 0 2px;
}
.catalogsearch-result-index .products-grid .product-info .product-name a {
  color: #da5488;
}
.catalogsearch-result-index .products-grid .product-info .price-box.new-price .regular-price {
  display: block;
}
.catalogsearch-result-index .products-grid .product-info .price-box .regular-price + .regular-price {
  padding: 0 0 0 6px;
  margin: 0 0 0 4px;
  border-left: 1px solid #383f47;
}

.downloads {
  padding: 0 10px;
}
.downloads article {
  padding-bottom: 30px;
}
.downloads article .image {
  display: inline-block;
  width: 13%;
  vertical-align: middle;
}
.downloads article .text {
  display: inline-block;
  width: 86%;
  vertical-align: middle;
}
.downloads article h3 {
  margin: 0 0 15px;
}
.downloads article p {
  margin: 0 0 5px;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  body.cms-home.cms-index-index .main-container {
    padding-top: 0;
  }

  .header-language-background .header-language-container {
    width: 940px;
  }

  .push-align {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
  }

  .push-content-section:hover {
    opacity: 0.8;
  }

  *::placeholder {
    color: #888888;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
  }

  *::-webkit-placeholder {
    color: #888888;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
  }

  *::-moz-placeholder {
    color: #888888;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
  }

  *::-ms-placeholder {
    color: #888888;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
  }

  .jcarousel img {
    width: auto;
    margin: 0 auto;
  }

  .main-container {
    z-index: 1;
    width: 960px;
  }

  a.product-image img, div.product-image img {
    visibility: visible;
    position: inherit;
  }
  a.product-image img + img, div.product-image img + img {
    visibility: hidden;
    position: absolute;
  }
  a.product-image:hover:not(.no-hover) img, div.product-image:hover:not(.no-hover) img {
    visibility: hidden;
    position: absolute;
  }
  a.product-image:hover:not(.no-hover) img + img, div.product-image:hover:not(.no-hover) img + img {
    visibility: visible;
    position: inherit;
  }
}
.cms-size-charts #sizechart .sizechart-inner .colleft {
  padding-left: 0;
}

/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .header-language-background .header-language-container {
    width: 100%;
    margin: 0 5px;
  }

  .main-container {
    width: 100%;
  }

  .downloads {
    padding: 0 10px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  body.cms-home.cms-index-index .main-container {
    padding-top: 0;
  }

  html,
  body {
    width: 100%;
    min-width: 0;
  }

  .page {
    position: relative;
  }

  .wrapper {
    min-width: 0;
  }

  .col-12 {
    width: 100%;
  }

  .col-11 {
    width: 100%;
  }

  .col-10 {
    width: 100%;
  }

  .col-9 {
    width: 100%;
  }

  .col-8 {
    width: 100%;
  }

  .col-7 {
    width: 100%;
  }

  .col-6 {
    width: 100%;
  }

  .col-5 {
    width: 100%;
  }

  .col-4 {
    width: 100%;
  }

  .col-3 {
    width: 100%;
  }

  .col-2 {
    width: 100%;
  }

  .col-1 {
    width: 100%;
  }

  .products-grid .col-4 {
    width: 50%;
  }

  .catalogsearch-result-index .products-grid .col-4 {
    width: 49%;
  }

  .products-grid li.item .product-info .price-box .regular-price + .regular-price {
    padding: 0;
    margin: 0;
    border: none;
  }

  .header-language-background .header-language-container {
    width: 100%;
    padding: 0 10px;
  }

  *::placeholder {
    color: #646464;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
  }

  *::-webkit-placeholder {
    color: #646464;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
  }

  *::-moz-placeholder {
    color: #646464;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
  }

  *::-ms-placeholder {
    color: #646464;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
  }

  a.product-image img + img, div.product-image img + img {
    display: none;
  }
}
#sizechart {
  background-color: white;
  color: #383f47;
  width: 940px;
  z-index: 6;
  margin: 0 auto;
}
#sizechart .sizeClose {
  float: right;
}
#sizechart .sizechart-inner .colleft {
  width: 65%;
  float: left;
  padding: 15px;
}
#sizechart .sizechart-inner .colleft article {
  margin-bottom: 22px;
}
#sizechart .sizechart-inner .colleft table {
  width: 100%;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 16px;
}
#sizechart .sizechart-inner .colleft table th {
  background-color: #da5488;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  padding: 4px 0 0 4px;
}
#sizechart .sizechart-inner .colleft table td {
  width: 10%;
  text-align: center;
  padding: 2px 0 0 4px;
}
#sizechart .sizechart-inner .colleft table td:first-child {
  width: 26%;
  text-align: left;
}
#sizechart .sizechart-inner .colleft table tbody tr {
  background-color: #eeeeee;
}
#sizechart .sizechart-inner .colleft table tfoot tr.border td {
  border-bottom: 1px solid #383f47;
}
#sizechart .sizechart-inner .colright {
  width: 35%;
  float: right;
  text-align: center;
}
#sizechart .sizechart-inner .colright .size {
  margin-top: 15px;
  margin-bottom: 75px;
}
#sizechart .sizechart-inner .colright .size .image {
  position: relative;
}
#sizechart .sizechart-inner .colright img:not(.coverage) {
  margin: 0 auto 15px;
}
#sizechart .sizechart-inner .colright img.coverage {
  position: absolute;
  left: 0;
  bottom: 0;
}
#sizechart .sizechart-inner .colright span {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.container-inner.prize-draw {
  padding: 0 10px 80px;
}
.container-inner.prize-draw ul {
  margin: 0;
}
.container-inner.prize-draw p {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 18px;
  margin: 0;
}
.container-inner.prize-draw p.subtitle {
  padding-bottom: 15px;
}
.container-inner.prize-draw p.hashtag {
  color: #da5488;
  text-align: center;
  font-size: 24px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 18px;
  letter-spacing: 2px;
}
.container-inner.prize-draw p.hashtag2 {
  font-size: 16px;
  line-height: 18px;
}
.container-inner.prize-draw p.required {
  color: #383f47;
  font-size: 14px;
}
.container-inner.prize-draw .container-col-left {
  width: 460px;
  float: left;
  vertical-align: top;
}
.container-inner.prize-draw .container-col-left img {
  width: auto;
  max-width: 460px;
}
.container-inner.prize-draw .container-col-right {
  width: 470px;
  float: right;
  vertical-align: top;
}
.container-inner.prize-draw .container-col-right .fieldset {
  margin-bottom: 17px;
}
.container-inner.prize-draw .container-col-right label {
  font-size: 12px;
}
.container-inner.prize-draw .container-col-right ul.form-list {
  display: inline-block;
}
.container-inner.prize-draw .container-col-right ul.social {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 5px;
}
.container-inner.prize-draw .container-col-right ul.social li {
  margin: 0 2px;
}
.container-inner.prize-draw .container-col-right li {
  list-style: none;
  display: inline-block;
}
.container-inner.prize-draw .container-col-right li.fields {
  width: 100%;
  margin: 0 0 15px;
  clear: both;
  float: left;
}
.container-inner.prize-draw .container-col-right li.fields .field {
  margin: 0 17px 0 0;
  width: 122px;
  float: left;
}
.container-inner.prize-draw .container-col-right li.fields .field:first-child {
  width: 192px;
}
.container-inner.prize-draw .container-col-right li.fields .field:last-child {
  margin-right: 0;
}
.container-inner.prize-draw .container-col-right label.under {
  text-decoration: underline;
  cursor: pointer;
}
.container-inner.prize-draw .container-col-right img.explanation {
  margin: 0 auto 8px;
  width: auto;
  max-width: 470px;
}
.container-inner.prize-draw .container-col-right input {
  width: 100%;
  padding: 3px 8px 4px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  border-color: #4b4c50;
}
.container-inner.prize-draw .container-col-right .input-text {
  height: unset;
}
.container-inner.prize-draw .container-col-right .buttons-set {
  text-align: unset;
}
.container-inner.prize-draw .container-col-right .buttons-set .CTA.reverse {
  margin: 0 auto;
  padding: 6px 32px 1px;
}
.container-inner.prize-draw .container-col-right p.small {
  font-size: 12px;
  line-height: 14px;
  margin-top: 18px;
  margin-bottom: 10px;
}
.container-inner.prize-draw .container-col-right button.link {
  font-size: 12px;
  background: none;
  outline: 0;
  border: 0;
  text-decoration: underline;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.container-inner.prize-draw img.eshop {
  margin-top: 20px;
  display: inline-block;
}
.container-inner.prize-draw *::placeholder {
  color: #555555;
  font-size: 11px;
}
.container-inner.prize-draw *::-webkit-input-placeholder {
  color: #abafb1;
  font-size: 11px;
  font-style: italic;
  line-height: 26px;
}
.container-inner.prize-draw *::-moz-placeholder {
  color: #555555;
  font-size: 11px;
}
.container-inner.prize-draw *::-ms-placeholder {
  color: #555555;
  font-size: 11px;
}

@media only screen and (max-width: 767px) {
  .container-inner.prize-draw {
    padding: 0 0 80px;
  }
  .container-inner.prize-draw .container-col-left {
    width: 100%;
    margin-bottom: 15px;
    display: none;
  }
  .container-inner.prize-draw .container-col-left img {
    width: 100%;
  }
  .container-inner.prize-draw .container-col-right {
    width: 100%;
  }
  .container-inner.prize-draw .container-col-right li.fields .field:first-child {
    width: 100%;
    margin: 0 0 15px;
  }
  .container-inner.prize-draw .container-col-right li.fields .field:nth-child(2) {
    margin: 0;
    width: 47%;
    float: left;
  }
  .container-inner.prize-draw .container-col-right li.fields .field:nth-child(3) {
    width: 47%;
    float: right;
  }
  .container-inner.prize-draw .container-col-right img.explanation {
    width: 100%;
  }
  .container-inner.prize-draw .colright {
    width: 35%;
    float: right;
    text-align: center;
  }
  .container-inner.prize-draw .colright .size {
    margin-top: 15px;
    margin-bottom: 75px;
  }
  .container-inner.prize-draw .colright .size .image {
    position: relative;
  }
  .container-inner.prize-draw .colright img:not(.coverage) {
    margin: 0 auto 15px;
  }
  .container-inner.prize-draw .colright img.coverage {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .container-inner.prize-draw .colright span {
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #sizechart {
    left: 0;
    width: 620px;
    margin: -0;
  }
  #sizechart .sizechart-inner .colleft {
    width: 100%;
  }
  #sizechart .sizechart-inner .colright {
    width: 100%;
  }
  #sizechart .sizechart-inner .colright .size {
    margin-bottom: 40px;
  }
  #sizechart .sizechart-inner .colright img:not(.coverage) {
    max-height: 160px;
  }
  #sizechart .sizechart-inner .colright img.coverage {
    left: 25%;
  }
}
div.block-layered-nav dd.filter-color ol li {
  width: 22px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0;
  border: 1px solid #CDDDDE;
  border-radius: 50%;
  transition: opacity 0.5s;
}
div.block-layered-nav dd.filter-color ol li:nth-child(4n+5) {
  clear: both;
}
div.block-layered-nav dd.filter-color ol li:hover {
  opacity: 0.5;
}
div.block-layered-nav dd.filter-color ol li.color-4030 a, div.block-layered-nav dd.filter-color ol li.color-4686 a, div.block-layered-nav dd.filter-color ol li.color-4030 button, div.block-layered-nav dd.filter-color ol li.color-4686 button {
  background-color: #32CD32;
}
div.block-layered-nav dd.filter-color ol li.color-4038 a, div.block-layered-nav dd.filter-color ol li.color-4688 a, div.block-layered-nav dd.filter-color ol li.color-4038 button, div.block-layered-nav dd.filter-color ol li.color-4688 button {
  background-color: #FF1493;
}
div.block-layered-nav dd.filter-color ol li.color-4042 a, div.block-layered-nav dd.filter-color ol li.color-4682 a, div.block-layered-nav dd.filter-color ol li.color-4042 button, div.block-layered-nav dd.filter-color ol li.color-4682 button {
  background-color: #FFFFFF;
}
div.block-layered-nav dd.filter-color ol li.color-4046 a, div.block-layered-nav dd.filter-color ol li.color-4697 a, div.block-layered-nav dd.filter-color ol li.color-4046 button, div.block-layered-nav dd.filter-color ol li.color-4697 button {
  background-color: #0000FF;
}
div.block-layered-nav dd.filter-color ol li.color-4047 a, div.block-layered-nav dd.filter-color ol li.color-5592 a, div.block-layered-nav dd.filter-color ol li.color-5535 a, div.block-layered-nav dd.filter-color ol li.color-4695 a, div.block-layered-nav dd.filter-color ol li.color-4047 button, div.block-layered-nav dd.filter-color ol li.color-5592 button, div.block-layered-nav dd.filter-color ol li.color-5535 button, div.block-layered-nav dd.filter-color ol li.color-4695 button {
  background-color: #000000;
}
div.block-layered-nav dd.filter-color ol li.color-4049 a, div.block-layered-nav dd.filter-color ol li.color-4692 a, div.block-layered-nav dd.filter-color ol li.color-4049 button, div.block-layered-nav dd.filter-color ol li.color-4692 button {
  background: linear-gradient(135deg, #2295cc 0%, #fbf9c4 44%, #fbf9c4 56%, #ff8f80 100%);
}
div.block-layered-nav dd.filter-color ol li.color-4057 a, div.block-layered-nav dd.filter-color ol li.color-4699 a, div.block-layered-nav dd.filter-color ol li.color-4057 button, div.block-layered-nav dd.filter-color ol li.color-4699 button {
  background-color: #000080;
}
div.block-layered-nav dd.filter-color ol li.color-4064 a, div.block-layered-nav dd.filter-color ol li.color-4689 a, div.block-layered-nav dd.filter-color ol li.color-4064 button, div.block-layered-nav dd.filter-color ol li.color-4689 button {
  background-color: #800080;
}
div.block-layered-nav dd.filter-color ol li.color-4080 a, div.block-layered-nav dd.filter-color ol li.color-4734 a, div.block-layered-nav dd.filter-color ol li.color-4080 button, div.block-layered-nav dd.filter-color ol li.color-4734 button {
  background-color: #FF0000;
}
div.block-layered-nav dd.filter-color ol li.color-4085 a, div.block-layered-nav dd.filter-color ol li.color-4701 a, div.block-layered-nav dd.filter-color ol li.color-4085 button, div.block-layered-nav dd.filter-color ol li.color-4701 button {
  background-color: #C0C0C0;
}
div.block-layered-nav dd.filter-color ol li.color-4105 a, div.block-layered-nav dd.filter-color ol li.color-4712 a, div.block-layered-nav dd.filter-color ol li.color-4105 button, div.block-layered-nav dd.filter-color ol li.color-4712 button {
  background-color: #FF4500;
}
div.block-layered-nav dd.filter-color ol li.color-4128 a, div.block-layered-nav dd.filter-color ol li.color-4729 a, div.block-layered-nav dd.filter-color ol li.color-4128 button, div.block-layered-nav dd.filter-color ol li.color-4729 button {
  background-color: #800000;
}
div.block-layered-nav dd.filter-color ol li.color-4233 a, div.block-layered-nav dd.filter-color ol li.color-4716 a, div.block-layered-nav dd.filter-color ol li.color-4233 button, div.block-layered-nav dd.filter-color ol li.color-4716 button {
  background-color: #FFFF00;
}
div.block-layered-nav dd.filter-color ol li.color-4786 a, div.block-layered-nav dd.filter-color ol li.color-4786 button {
  background-color: #FF7F50;
}
div.block-layered-nav dd.filter-color ol li.color-4818 a, div.block-layered-nav dd.filter-color ol li.color-5574 a, div.block-layered-nav dd.filter-color ol li.color-4818 button, div.block-layered-nav dd.filter-color ol li.color-5574 button {
  background-color: #5F021F;
}
div.block-layered-nav dd.filter-color ol li.color-4819 a, div.block-layered-nav dd.filter-color ol li.color-5301 a, div.block-layered-nav dd.filter-color ol li.color-4819 button, div.block-layered-nav dd.filter-color ol li.color-5301 button {
  background-color: #D2B48C;
}
div.block-layered-nav dd.filter-color ol li.color-5121 a, div.block-layered-nav dd.filter-color ol li.color-5538 a, div.block-layered-nav dd.filter-color ol li.color-5121 button, div.block-layered-nav dd.filter-color ol li.color-5538 button {
  background-color: #556B2F;
}
div.block-layered-nav dd.filter-color ol li.color-5453 a, div.block-layered-nav dd.filter-color ol li.color-5453 button {
  background-color: #40E0D0;
}
div.block-layered-nav dd.filter-color ol li.color-5562 a, div.block-layered-nav dd.filter-color ol li.color-5561 a, div.block-layered-nav dd.filter-color ol li.color-5562 button, div.block-layered-nav dd.filter-color ol li.color-5561 button {
  background-color: #907A6F;
}
div.block-layered-nav dd.filter-color ol li.color-5629 a, div.block-layered-nav dd.filter-color ol li.color-5629 button {
  background-color: #FF0080;
}
div.block-layered-nav dd.filter-color ol li.color-5633 a, div.block-layered-nav dd.filter-color ol li.color-5633 button {
  background-color: #9fe855;
}
div.block-layered-nav dd.filter-color ol li a, div.block-layered-nav dd.filter-color ol li button {
  width: 100%;
  padding-top: 100%;
}
div.block-layered-nav dd.filter-color ol li a.amshopby-attr-selected-color, div.block-layered-nav dd.filter-color ol li button.amshopby-attr-selected-color {
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 0px 2px black;
  padding-top: calc(100% - 4px);
}

.catalog-product-view .product-main-info form .data-table .infos .size-available-in-store {
  width: 220px;
  text-align: justify;
  margin: 15px 0px 25px 0px;
}

.catalog-product-view .product-main-info .data-table.grouped-items-table form .infos .size-available-in-store {
  width: auto;
  text-align: justify;
  margin: 15px 0px 25px 0px;
}

.catalog-product-view .product-main-info .data-table .infos .size-available-in-store p {
  font-size: 14px;
}

.sales-order-view .order-items.order-details #my-orders-table tbody tr td:first-child img {
  float: left;
}
.sales-order-view .order-items.order-details #my-orders-table tbody tr td:first-child h3 {
  width: calc(100% - 64px);
  padding-left: 10px;
  float: right;
  font-weight: 400;
  font-size: 14px;
  padding-right: 5px;
}
.sales-order-view .order-items.order-details #my-orders-table tbody tr td:first-child dl {
  margin: 0;
  float: right;
}

.flags-sprite, .flags-at, .flags-be, .flags-bg, .flags-ch, .flags-cy, .flags-cz, .flags-de, .flags-dk, .flags-ee, .flags-es, .flags-fi, .flags-fr, .flags-gb, .flags-gr, .flags-hr, .flags-hu, .flags-ie, .flags-it, .flags-lt, .flags-lu, .flags-lv, .flags-mc, .flags-mt, .flags-nl, .flags-no, .flags-pl, .flags-pt, .flags-ro, .flags-ru, .flags-se, .flags-si, .flags-sk, .flags-us {
  background-image: url('https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/sprites/flags-s1900b9ef74.png');
  background-repeat: no-repeat;
}

.flags-at {
  background-position: 0 0;
}

.flags-be {
  background-position: 0 -15px;
}

.flags-bg {
  background-position: 0 -30px;
}

.flags-ch {
  background-position: 0 -45px;
}

.flags-cy {
  background-position: 0 -60px;
}

.flags-cz {
  background-position: 0 -75px;
}

.flags-de {
  background-position: 0 -90px;
}

.flags-dk {
  background-position: 0 -105px;
}

.flags-ee {
  background-position: 0 -120px;
}

.flags-es {
  background-position: 0 -135px;
}

.flags-fi {
  background-position: 0 -150px;
}

.flags-fr {
  background-position: 0 -165px;
}

.flags-gb {
  background-position: 0 -180px;
}

.flags-gr {
  background-position: 0 -195px;
}

.flags-hr {
  background-position: 0 -210px;
}

.flags-hu {
  background-position: 0 -225px;
}

.flags-ie {
  background-position: 0 -240px;
}

.flags-it {
  background-position: 0 -255px;
}

.flags-lt {
  background-position: 0 -270px;
}

.flags-lu {
  background-position: 0 -285px;
}

.flags-lv {
  background-position: 0 -300px;
}

.flags-mc {
  background-position: 0 -315px;
}

.flags-mt {
  background-position: 0 -330px;
}

.flags-nl {
  background-position: 0 -345px;
}

.flags-no {
  background-position: 0 -360px;
}

.flags-pl {
  background-position: 0 -375px;
}

.flags-pt {
  background-position: 0 -390px;
}

.flags-ro {
  background-position: 0 -405px;
}

.flags-ru {
  background-position: 0 -420px;
}

.flags-se {
  background-position: 0 -435px;
}

.flags-si {
  background-position: 0 -450px;
}

.flags-sk {
  background-position: 0 -465px;
}

.flags-us {
  background-position: 0 -480px;
}

/**----------------------------- CHECKOUT CART MINICART
*/
/**----------------------------- CONTROLS
*/
/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
#header-cart {
  display: none;
  position: absolute;
  top: 46px;
  right: 0;
  width: 331px;
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  z-index: 2;
  color: #000000;
}
#header-cart.skip-active {
  display: block;
}
#header-cart .account-arrow {
  position: absolute;
  top: -9px;
  right: 38px;
  margin-left: -7px;
  width: 15px;
  height: 9px;
  background: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/up-arrow.png") no-repeat scroll 0 1px transparent;
}
#header-cart .header-minicart-inner {
  padding: 13px 15px 15px;
}
#header-cart h2 {
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  color: #da5488;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #da5488;
  text-align: center;
  display: block;
}
#header-cart a.close {
  font-size: 22px;
  position: absolute;
  right: 0;
  top: -12px;
}
#header-cart a.close:hover {
  text-decoration: none;
}
#header-cart .mini-products-list li {
  position: relative;
  margin-bottom: 19px;
  display: inline-block;
  width: 100%;
}
#header-cart .mini-products-list li.last {
  border: none;
}
#header-cart .mini-products-list li .product-image {
  float: left;
  width: 50px;
}
#header-cart .mini-products-list li .product-details {
  position: relative;
  margin-left: 72px;
  padding-left: 11px;
  width: 227px;
}
#header-cart .product-details p.product-name {
  font-size: 14px;
  line-height: 18px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  width: 80%;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  float: left;
}
#header-cart .product-details p.product-name a {
  color: #383f47;
}
#header-cart .product-details p.product-name a:hover {
  color: #da5488;
  text-decoration: none;
}
#header-cart .product-details > a {
  line-height: 14px;
  float: right;
  padding-left: 8px;
}
#header-cart .product-details > a + a {
  padding-left: 0;
}
#header-cart .product-details .item-options {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
#header-cart .info-wrapper {
  width: 100%;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  color: #383f47;
}
#header-cart .info-wrapper tr {
  line-height: 18px;
}
#header-cart .info-wrapper th {
  padding-right: 4px;
  width: 20%;
  font-weight: 200;
}
#header-cart .info-wrapper td {
  clear: right;
  width: 15%;
}
#header-cart .info-wrapper td:last-child {
  width: 60%;
  text-align: right;
}
#header-cart .info-wrapper .qty {
  width: 3.2em;
  text-align: center;
  height: 30px;
}
#header-cart .info-wrapper .quantity-button {
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}
#header-cart .info-wrapper .quantity-button[disabled] {
  cursor: default;
}
#header-cart .info-wrapper .quantity-button.visible {
  opacity: 1;
}
#header-cart .subtotal {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  font-weight: 200;
}
#header-cart .subtotal span {
  line-height: 14px;
}
#header-cart .subtotal .label {
  width: 70%;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
#header-cart .subtotal .price {
  width: 30%;
  float: right;
  font-size: 14px;
  text-align: right;
}
#header-cart .minicart-actions {
  padding: 0 0 3px;
  position: relative;
  text-align: center;
  display: inline-block;
  width: 100%;
}
#header-cart .minicart-actions .checkout-button {
  min-width: 145px;
}
#header-cart .minicart-actions p {
  width: 75%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 7px;
  font-weight: 200;
}
#header-cart .minicart-actions a.CTA {
  width: 47%;
  padding: 2px 0 0;
  font-size: 14px;
  text-align: center;
  display: inline-block;
}
#header-cart .minicart-actions .minicart a.CTA {
  float: right;
  width: 100%;
}
#header-cart .minicart-actions .checkout-types {
  float: right;
  text-align: right;
  max-width: 100%;
}
#header-cart .minicart-actions .checkout-types.minicart {
  width: 47%;
  margin: 0 auto;
}
#header-cart .minicart-actions .checkout-types.minicart li {
  margin: 0;
}
#header-cart .minicart-actions .paypal-logo .paypal-or {
  line-height: 1.6;
}
#header-cart #minicart-error-message {
  text-align: center;
  color: red;
  display: none;
}
#header-cart #minicart-success-message {
  text-align: center;
  color: green;
  display: none;
}
#header-cart .minicart-wrapper {
  clear: both;
  position: relative;
}
#header-cart .minicart-wrapper:before, #header-cart .minicart-wrapper:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
#header-cart .minicart-wrapper:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
#header-cart .minicart-wrapper:after {
  background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
#header-cart .minicart-wrapper.loading {
  position: relative;
}
#header-cart .minicart-wrapper.loading:before, #header-cart .minicart-wrapper.loading:after {
  display: block;
}
#header-cart .minicart-wrapper .block-content {
  margin: 0 0 14px;
  padding: 10px 0 5px;
  border-top: 1px solid #da5488;
  border-bottom: 1px solid #da5488;
  display: inline-block;
  width: 100%;
  line-height: 8px;
  overflow: hidden;
}
#header-cart .minicart-wrapper .empty {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.header-minicart {
  display: inline-block;
  position: relative;
  outline: 0;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .header-minicart {
    display: block;
  }
}
.header-minicart .minicart-message {
  display: block;
  padding: 18px;
}
.header-minicart .empty {
  padding: 18px;
  text-align: center;
}
.header-minicart:hover .block-cart {
  display: block;
}
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
  display: none;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .checkout-types.minicart {
    display: inline-block;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .header-minicart a.skip-cart {
    z-index: 1;
  }

  .header-minicart .subtotal .label {
    color: #383f47;
  }
  .header-minicart .minicart-wrapper:before {
    background-color: #EDEDED;
  }
  .header-minicart .quantity-button {
    float: none;
  }
  .header-minicart .header-minicart .block-cart {
    padding: 15px;
  }
  .header-minicart .header-minicart .block-subtitle {
    padding-top: 59px;
  }
  .header-minicart .minicart-actions {
    padding-bottom: 33px;
  }
  .header-minicart .minicart-actions .cart-link {
    bottom: 0;
    right: 18px;
    position: absolute;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li {
    display: inline-block;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
    display: inline;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
    display: inline-block;
    vertical-align: top;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    width: auto;
    float: none;
    display: inline;
    margin: 0 10px 5px 10px;
    line-height: 40px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #header-cart {
    width: 100%;
    border: none;
    border-bottom: 2px solid #da5488;
  }
  #header-cart .mini-products-list li .product-image {
    width: 70px;
  }
  #header-cart .mini-products-list li .product-image img {
    width: 100%;
  }
  #header-cart .mini-products-list li .product-details {
    margin-left: 82px;
    width: calc(100% - 82px);
  }
  #header-cart .minicart-actions {
    width: 100%;
  }
  #header-cart .minicart-actions .checkout-types.minicart,
  #header-cart .minicart-actions a.CTA {
    width: 100%;
  }

  .account-arrow {
    display: none;
  }
}

/**----------------------------- HEADER
*/
/**----------------------------- CONTROLS
*/
/**----------------------------- HEADER BANANAMOON
*/
.wrapper .page .header-language-background {
  padding: 3px 0 0;
  background-color: #383f47;
  background-color: rgba(218, 84, 136, 0.9);
  height: 32px;
}
.wrapper .page .header-language-background .header-language-container {
  max-width: 1440px;
  width: 100%;
  margin: auto;
  text-align: center;
  top: -4px;
  position: relative;
}
.wrapper .page .header-language-background .header-language-container .phone span {
  color: #ffffff;
  font-size: 28px;
  height: 34px;
  line-height: 50px;
}
.wrapper .page .header-language-background .header-language-container .phone p {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 40px;
  margin: 0;
}
.wrapper .page .header-language-background .header-language-container .phone a {
  font-size: 11px;
  line-height: 40px;
  margin: 0;
  text-decoration: underline;
}
.wrapper .page .header-language-background .header-language-container .phone:after {
  content: '>';
  padding-left: 5px;
  color: white;
}
.wrapper .page .header-language-background .header-language-container .shipping {
  width: auto !important;
  float: none;
}
.wrapper .page .header-language-background .header-language-container .shipping p {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  white-space: normal;
  line-height: 40px;
}
.wrapper .page .header-language-background .header-language-container .language-container {
  float: right;
  width: auto;
}
.wrapper .page .header-language-background .header-language-container .language-container .country-name {
  float: right;
}
.wrapper .page .header-language-background .header-language-container .language-container .country-name .icon {
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
  float: right;
  margin-top: 7px;
}
.wrapper .page .header-language-background .header-language-container .language-container .country-name p {
  padding: 0 10px;
  float: right;
  line-height: 40px;
  margin: 0;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.wrapper .page .header-language-background .header-language-container .language-container .language-arrow {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/arrow-down.png) no-repeat center center;
  width: 10px;
  position: absolute;
  right: 10px;
  top: 9px;
  height: 10px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang {
  float: right;
  padding-left: 10px;
  padding-right: 15px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  color: #fff;
  line-height: 40px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .sep {
  width: 7px;
  display: inline-block;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .language-arrow {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/arrow-white.png) no-repeat bottom center;
  width: 10px;
  position: absolute;
  right: 0;
  top: 14px;
  height: 10px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .current-lang {
  font-size: 11px;
  position: relative;
  top: -2px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .other-lang {
  position: absolute;
  right: -10px;
  top: 38px;
  background: #f1f1f2;
  border: 1px solid #da5488;
  border-top: 0 none;
  padding: 15px;
  z-index: 102;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .other-lang ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .other-lang ul li a {
  color: #383f47;
  white-space: nowrap;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-view-lang .other-lang ul li a:hover {
  text-decoration: none;
  color: #da5488;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container {
  margin-top: 5px;
  height: 26px;
  display: inline-block;
  float: right;
  text-align: right;
  background-color: #ffffff;
  width: auto;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .text {
  color: #000000;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container #default-flag {
  width: auto;
  position: relative;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container #default-flag .icon {
  margin: 5px 0 0 8px;
  padding-left: 40px;
  display: block;
  width: auto;
  height: 15px;
  float: left;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container #default-flag .text {
  padding-left: 0px;
  padding-right: 30px;
  width: auto;
  text-transform: uppercase;
  color: #333333;
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 30px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container label {
  display: none;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container select, .wrapper .page .header-language-background .header-language-container .language-container .store-language-container option {
  width: 100%;
  font-size: 12.5px;
  color: #818181;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  border: none;
  /*    padding: 2px 15px 0;*/
  margin-left: -1px;
  margin-top: -1px;
  height: 100%;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .country span {
  padding-left: 10px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container #country-select.skip-active {
  display: block !important;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper {
  background: #f1f1f1;
  border-bottom: 2px solid #da5488;
  display: none;
  margin: 0 auto;
  position: absolute;
  top: 33px;
  left: 0;
  width: 100%;
  z-index: 102;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 10px;
  position: relative;
  overflow: auto;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .icons-close {
  position: absolute;
  right: 12px;
  top: 22px;
  cursor: pointer;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .nations {
  text-align: left;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .nations h4 {
  border-bottom: 1px solid #383f47;
  font-size: 16px;
  font-weight: 400;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .nations span.title {
  border-bottom: 1px solid #383f47;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .columnTitle {
  margin: 0;
  text-rendering: optimizeLegibility;
  text-align: left;
  color: #da5488;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 12px;
  display: block;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .accordion {
  float: left;
  width: 70%;
  margin-right: 5%;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .accordion ul {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer .accordion + .accordion {
  width: 20%;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer li span {
  vertical-align: baseline;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer li span.text {
  padding-left: 7px;
  white-space: nowrap;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container .layerWrapper #countryWrapperLayer li .icon {
  display: inline-block;
  width: 25px;
  height: 15px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container a {
  display: block;
  line-height: 22px;
  color: #383f47;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container a:hover {
  text-decoration: none;
  color: #da5488;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container a.country {
  background-color: #ffffff;
  height: 26px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container a:not(.country) {
  line-height: 30px;
}
.wrapper .page .header-language-background .header-language-container .language-container .store-language-container a img {
  padding-left: 8px;
  padding-top: 3px;
  float: left;
  width: 31px;
}
.wrapper .page #header.page-header {
  margin-bottom: 20px;
  padding-bottom: 0;
  margin-top: 20px;
}
.wrapper .page #header.page-header .page-header-container-nav {
  height: 32px;
}
.wrapper .page #header.page-header .page-header-container-nav > .container {
  position: static !important;
}
.wrapper .page #header.page-header .page-header-container-nav .container {
  height: 110px;
}
.wrapper .page #header.page-header .page-header-container {
  text-align: center;
  position: relative;
}
.wrapper .page #header.page-header .page-header-container .container {
  position: relative;
}
.wrapper .page #header.page-header .page-header-container .help-info {
  position: absolute;
  top: 10px;
  left: 20px;
}
.wrapper .page #header.page-header .page-header-container .help-info .skip-link-hover.skip-active > span {
  color: #da5488;
}
.wrapper .page #header.page-header .page-header-container .help-info .skip-link-hover.skip-active > span .icon-arrow-right:before {
  content: "\68";
}
.wrapper .page #header.page-header .page-header-container .help-info .li-help-tooltip {
  position: absolute;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  padding: 18px;
  width: 260px;
  top: 30px;
  left: -10000px;
  z-index: 13;
  text-align: left;
  transition: opacity 200ms linear, margin 200ms linear;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
}
.wrapper .page #header.page-header .page-header-container .help-info .li-help-tooltip.skip-active {
  display: block;
  opacity: 1;
  margin-top: 0;
  margin-left: 0;
  left: 0;
}
.wrapper .page #header.page-header .page-header-container .help-info .li-help-tooltip ul li {
  display: block;
}
.wrapper .page #header.page-header .page-header-container .help-info .li-help-tooltip ul li:before {
  content: '- ';
}
.wrapper .page #header.page-header .page-header-container .help-info .li-help-tooltip ul li a:hover {
  color: #da5488;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li {
  display: inline-block;
  position: relative;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li > a, .wrapper .page #header.page-header .page-header-container .help-info ul li span {
  text-decoration: none;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li > a span.icon, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.icon {
  position: absolute;
  line-height: 30px !important;
  top: -2px;
  left: -2px;
  font-size: 30px;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li > a span.icon-arrow-down, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.icon-arrow-down {
  right: 10px;
  left: auto;
  font-size: 18px;
  top: 2px;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li > a span.icon-map, .wrapper .page #header.page-header .page-header-container .help-info ul li > a span.icon-map-glyph, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.icon-map, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.icon-map-glyph {
  left: 10px;
  font-size: 27px;
  top: 0px;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li > a span.label-help, .wrapper .page #header.page-header .page-header-container .help-info ul li > a span.label-locator, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.label-help, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.label-locator {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 30px 0 30px;
  display: inline-block;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li > a span.label-locator, .wrapper .page #header.page-header .page-header-container .help-info ul li span span.label-locator {
  padding: 0 20px 0 40px;
}
.wrapper .page #header.page-header .page-header-container .help-info ul li.li-locator:before {
  content: '';
  border-left: 1px solid #8d8d8d;
  height: 20px;
  position: absolute;
  top: 3px;
}
.wrapper .page #header.page-header .page-header-container .before-logo {
  height: auto;
}
.wrapper .page #header.page-header .page-header-container .logo {
  width: 100%;
  text-align: center;
  margin-top: -5px;
  margin-bottom: 12px;
}
.wrapper .page #header.page-header .page-header-container .logo a {
  display: inline-block;
}
.wrapper .page #header.page-header .page-header-container .logo img {
  max-width: 80%;
  margin: auto;
}
.wrapper .page #header.page-header .page-header-container .logo .homepage-h1 {
  position: absolute;
  text-indent: -100000px;
}
.wrapper .page #header.page-header .page-header-container .logo-mobile {
  display: none;
}
.wrapper .page #header.page-header .page-header-container #header-cart .header-minicart-inner .minicart-wrapper span.title {
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  color: #da5488;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #da5488;
  text-align: center;
  display: block;
  text-transform: uppercase;
  line-height: 16px;
}
.wrapper .page #header.page-header .page-header-container #header-nav {
  width: 100%;
  padding: 0;
  clear: left;
  display: block;
  height: 32px;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav {
  display: table;
  width: 100%;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary {
  display: table-row;
  width: 100%;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .container-all {
  left: -2000px;
  width: 100%;
  opacity: 0;
  padding-top: 30px;
  transition: opacity 200ms linear, padding 400ms linear;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .menu-active .container-all {
  left: 0px;
  opacity: 1;
  padding-top: 20px;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary > li {
  height: 32px;
  display: table-cell;
  float: none;
  text-align: center;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary a.level0 {
  height: 32px;
  margin: 0 10px;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level0 > a {
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #333333;
  font-size: 13px;
}
.wrapper .page #header.page-header .page-header-container #header-nav #nav .language-container {
  display: none;
}
.wrapper .page #header.page-header .page-header-container #header-search {
  position: absolute;
  display: block;
  right: 20px;
  width: 150px;
  top: -40px;
}
.wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .button.search-button {
  text-indent: -9999px;
  position: absolute;
  top: 6px;
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  right: 3px;
}
.wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .button.search-button .icon.icon-search2 {
  font-size: 18px;
  color: black;
  display: block;
  text-indent: initial;
}
.wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #search {
  width: 100%;
  height: 27px;
  padding: 0;
  color: #000000;
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  border: 0;
  border-bottom: 1px solid #000;
  padding-right: 20px;
}
.wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #search:focus {
  border: 0;
  outline: 0;
}
.wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .close-button {
  display: none !important;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper {
  top: 10px;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-link-des {
  font-size: 13px;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-link-des.skip-cart {
  border: 0;
  outline: none;
  position: static;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-link-des.skip-cart:hover {
  color: #da5488;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .icon-user {
  font-size: 26px;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-account {
  position: relative;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  margin: 0;
  padding: 0 0 0 23px;
  border: 0;
  height: auto;
  outline: none;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-account .icon-user {
  position: absolute;
  left: 0;
  top: 0;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-account .label {
  width: calc(100% - 45px);
  margin-left: 0;
  margin-top: 0;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-account .icon-arrow-down {
  font-size: 18px;
  top: 7px;
  position: relative;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-wishlist {
  padding-left: 10px;
  top: -1px;
  position: relative;
  border: 0;
  outline: none;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-wishlist .icon {
  font-size: 26px;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-wishlist .label {
  display: none;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-wishlist:hover {
  color: #da5488;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-wishlist:before, .wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart:before {
  content: '';
  background-color: #8d8d8d;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 0;
  display: none;
  width: 1px;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-proximis {
  display: none;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart {
  margin-left: 10px;
  top: -1px;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart .label {
  display: none;
}
.wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart .icon {
  font-size: 26px;
}
.wrapper .page #header.page-header .page-header-container #header-account {
  text-align: left;
  position: absolute;
  z-index: 2;
  right: 60px;
  width: 250px;
  visibility: hidden;
  top: 40px;
  background: white;
  padding: 10px;
  -moz-box-shadow: 0px 0px 5px 0px #cfcfcf;
  -webkit-box-shadow: 0px 0px 5px 0px #cfcfcf;
  -o-box-shadow: 0px 0px 5px 0px #cfcfcf;
  box-shadow: 0px 0px 5px 0px #cfcfcf;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner {
  border: 0;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner .inner .inner2 .log-in {
  text-rendering: optimizeLegibility;
  line-height: 16px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-style: normal;
  margin-bottom: 0;
  padding-bottom: 4px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
}
.wrapper .page #header.page-header .page-header-container #header-account .CTA {
  margin: 0;
  float: right;
  /*margin-top: -21px;*/
  background: #fff;
  color: #333333;
  padding: 5px 18px;
  font-size: 13px;
  font-weight: 600;
  border-color: #333333;
}
.wrapper .page #header.page-header .page-header-container #header-account .subscribe .CTA {
  float: none;
  margin: 0;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .separator {
  border: 0;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard {
  margin: 15px 0 10px 0;
  position: relative;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard .box-head {
  display: none;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard .amajaxlogin-social-icon {
  width: initial;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard .amajaxlogin-social-icon > div {
  display: inline-block;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-google {
  float: right;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter {
  vertical-align: top;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter #am-twitter-image {
  height: 32px;
  width: 115px;
  margin: 0;
}
.wrapper .page #header.page-header .page-header-container #header-account .account-inner-social .amajaxlogin-block.dashboard:after {
  content: '';
  width: 100%;
  border-bottom: 1px solid #8d8d8d;
  position: absolute;
  left: 0;
}
.wrapper .page #header.page-header .page-header-container #header-account .inner .inner2 .sign-in {
  color: #000;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.wrapper .page #header.page-header .page-header-container #header-account input {
  border: 1px solid #8d8d8d;
  color: #383f47;
  height: 30px;
  width: 100%;
  line-height: 30px;
  padding: 0 10px;
  float: left;
}
.wrapper .page #header.page-header .page-header-container #header-account input#email {
  margin: 0 0 9px;
}
.wrapper .page #header.page-header .page-header-container #header-account input::placeholder {
  line-height: 22px;
}
.wrapper .page #header.page-header .page-header-container #header-account input::-webkit-placeholder {
  line-height: 22px;
}
.wrapper .page #header.page-header .page-header-container #header-account input::-moz-placeholder {
  line-height: 22px;
}
.wrapper .page #header.page-header .page-header-container #header-account input::-ms-placeholder {
  line-height: 22px;
}
.wrapper .page #header.page-header .page-header-container #header-account .small-link {
  text-decoration: underline;
  font-weight: 300;
  font-size: 12px;
  color: #8d8d8d;
  font-style: italic;
  display: inline-block;
  padding-top: 10px;
}
.wrapper .page #header.page-header .page-header-container #header-account .header-form-frame {
  display: inline-block;
}
.wrapper .page #header.page-header .page-header-container #header-account .header-form-frame #inputs {
  display: inline-block;
  min-height: 100px;
}
.wrapper .page #header.page-header .page-header-container #header-account.skip-active {
  visibility: visible;
}
.wrapper #algolia-autocomplete-container .aa-dropdown-menu {
  right: 0 !important;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .language-container .country-name .icon {
    margin-right: 10px;
  }

  .page-header-container .before-logo {
    height: 42px;
    text-align: center;
  }
  .page-header-container .after-logo {
    margin-bottom: 15px;
    text-align: center;
  }
  .page-header-container .before-logo p,
  .page-header-container .after-logo p {
    font-size: 10.5px;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 8px;
  }
}
.header-language-container,
.page-header {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}

/**________________________________________________ SMALL (sm)
*/
@media (min-width: 768px) {
  .nav-primary .container-all a {
    font-size: 14px;
  }

  .language-container .country-name p {
    display: none !important;
  }

  .header-language-background .header-language-container > div.phone {
    display: none;
    width: 0;
  }

  .wrapper .page .header-language-background .header-language-container .shipping p {
    font-size: 10px;
  }
  .wrapper .page .header-language-background .header-language-container .shipping .icon {
    display: none;
  }

  .wrapper .page #header.page-header .page-header-container .account-cart-wrapper .skip-wishlist:before,
  .wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart:before {
    display: block;
  }
}
/**________________________________________________ MEDIUM (md)
*/
@media (min-width: 992px) {
  .nav-primary .container-all a {
    font-size: 16px;
  }

  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level0 > a {
    font-size: 15px;
  }

  .header-language-background .header-language-container > div.phone {
    display: inline-block;
    width: auto;
  }

  .wrapper .page .header-language-background .header-language-container .shipping p {
    font-size: 12px;
  }
  .wrapper .page .header-language-background .header-language-container .shipping .icon {
    display: inline-block;
  }
}
/**________________________________________________ large (lg)
*/
@media (min-width: 1200px) {
  .wrapper .page #header.page-header .page-header-container #header-search {
    top: 0;
    position: relative;
  }

  .language-container .country-name .icon {
    margin-right: 0px;
  }

  .wrapper .page #header.page-header .page-header-container #header-nav {
    padding: 0 200px;
  }

  .language-container .country-name p {
    display: inline-block !important;
  }

  .wrapper .page .header-language-background .header-language-container .phone p, .wrapper .page .header-language-background .header-language-container .phone a {
    font-size: 11px;
    letter-spacing: 2px;
  }
  .wrapper .page .header-language-background .header-language-container .shipping p, .wrapper .page .header-language-background .header-language-container .shipping a {
    font-size: 11px;
    letter-spacing: 2px;
  }
}
/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .page-header-container .before-logo {
    height: 55px;
  }
}
/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */
.header-language-background .header-language-container .icon-phone, .header-language-background .header-language-container .icon-security, .header-language-background .header-language-container .icon-shipping, .header-language-background .header-language-container .icon-delivery-box-globe {
  color: white;
  font-size: 25px;
  vertical-align: middle;
}
.header-language-background .header-language-container > div {
  display: inline-block;
  margin-top: -1px;
}
.header-language-background .header-language-container > div.phone {
  float: left;
}
.header-language-background .header-language-container > div.shipping {
  width: 42%;
  text-align: center;
  float: left;
}
.header-language-background .header-language-container > div.account {
  width: 28%;
}
.header-language-background .header-language-container p {
  display: inline-block;
  font-size: 13px;
}
.header-language-background .header-language-container .center {
  text-align: center;
}
.header-language-background:after {
  content: '';
  display: table;
  clear: both;
}
.header-language-background .form-language,
.header-language-background .currency-switcher {
  float: left;
  margin-right: 10px;
}
.header-language-background .welcome-msg {
  float: right;
}

.header-language-background .header-language-container a, .header-language-background .header-language-container p {
  color: #ffffff;
}
.header-language-background .header-language-container-inner {
  width: 100%;
}

body .proximis .widget-cart-dialog .modal-body .row-fluid table.scroll select {
  width: 36px;
  padding-left: 5px;
}

.proximis .widget-carddeck input[type="checkbox"], .proximis .widget-carddeck form input[type="radio"] {
  position: inherit;
  left: 0;
  margin: 0 4px 0 0;
}

body .proximis .form-validation input, body .proximis .form-validation input.btn, body .proximis .geolocation-actions .action-buttons button, body .proximis .sms-validation-form input[type=submit], body .proximis .store-action a.btn, body .proximis a.btn {
  background-color: #da5488;
  text-transform: uppercase;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-size: 16px;
}

.account-cart-wrapper a.skip-link {
  background: none;
}

.header-proximis {
  display: block;
  position: relative;
  vertical-align: top;
  outline: 0;
}
.header-proximis .proximis .cart-total-row {
  border-top: 1px #da5488 solid;
  font-weight: 200;
  padding: 5px 0;
  font-size: 12px;
  border-bottom: 1px #da5488 solid;
}
.header-proximis .proximis .cart-total-row .cart-total-label {
  float: left;
  font-weight: 200;
  font-size: 12px;
}
.header-proximis .mini-cart div[data-prx-do=open-mini-cart] {
  cursor: pointer;
  position: relative;
  background: #FFFFFF;
  color: #000000;
  margin: 0;
  text-align: center;
}
.header-proximis .mini-cart div[data-prx-do=open-mini-cart] i {
  display: none;
}
.header-proximis .mini-cart div[data-prx-do=open-mini-cart] span.top-reservation-title {
  vertical-align: top;
  display: inline-block !important;
  display: block;
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
}
.header-proximis .mini-cart div[data-prx-do=open-mini-cart] span.top-reservation-title:first-letter {
  text-transform: capitalize;
}
.header-proximis .mini-cart div[data-prx-do=open-mini-cart] span.top-reservation-number {
  border-radius: 9px;
  position: absolute;
  background-color: #da5488;
  font-size: 14px;
  width: 18px;
  height: 18px;
  right: -20px;
  text-align: center;
  top: 5px;
  color: #ffffff;
  line-height: 20px;
}
.header-proximis .mini-cart div[data-prx-do=open-mini-cart]:hover {
  color: #da5488;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content {
  position: absolute;
  top: 46px;
  right: 0px;
  width: 331px;
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  z-index: 2;
  color: #000000;
  padding-top: 15px;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content:before {
  position: absolute;
  top: -9px;
  right: 70px;
  margin-left: -7px;
  width: 15px;
  height: 9px;
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/up-arrow.png) no-repeat scroll 0 1px transparent;
  content: " ";
  display: block;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .top-reservation-items ul li {
  border: 0 none;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-image {
  float: left;
  width: 50px;
  text-align: center;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-image img {
  width: auto;
  display: inline-block;
  max-width: 70px;
  height: 70px;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .top-reservation-store {
  display: none;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details {
  position: relative;
  margin-left: 72px;
  padding-left: 11px;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details .product-name {
  font-size: 14px;
  line-height: 18px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  width: 80%;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  float: left;
  color: #383f47;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details .price-box {
  position: absolute;
  right: 0;
  bottom: 0;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details a {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icons/delete.png) no-repeat;
  height: 12px;
  width: 9px;
  color: transparent;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details .options-box dt, .header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details .options-box dd {
  color: #383f47;
  line-height: 18px;
  display: block;
  font-weight: 200;
  text-align: left;
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
.header-proximis .proximis .mini-cart .top-reservation-container .top-reservation-content .product-details .options-box dt {
  color: #000;
  font-weight: 400;
}

.top-reservation-content {
  z-index: 3;
}

@media only screen and (min-width: 768px) {
  .header-proximis .mini-cart div[data-prx-do=open-mini-cart] {
    float: none;
    width: auto;
    vertical-align: top;
    display: inline-block;
  }
}
/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
  clear: both;
  overflow: hidden;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .skip-links {
    border: 0;
  }
}
/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link-des {
  position: relative;
  float: left;
  width: 20%;
  height: 44px;
  background: #FFFFFF;
  color: #000000;
  line-height: 42px;
  text-align: center;
  font-size: 12px;
  padding: 0 0 0 15px;
}

.icon-hover {
  display: inline-block;
}

a.skip-link-des {
  text-decoration: none;
}

/**________________________________________________ DESKTOP
*/
/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link-des .label {
  vertical-align: top;
  display: inline-block;
  margin-top: 4px;
  margin-left: 6px;
}

@media only screen and (max-width: 767px) {
  .wrapper .page #header.page-header {
    margin-top: 0;
  }

  body.body-menu-opened,
  body.body-filter-opened {
    overflow-y: hidden;
  }
  body.body-menu-opened #nav,
  body.body-filter-opened #nav {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
    height: calc(100vh - 88px);
    background: #fff;
  }
  body.body-menu-opened header.sticky #nav,
  body.body-filter-opened header.sticky #nav {
    height: calc(100vh - 68px);
  }

  .skip-link-des.skip-nav {
    width: auto;
    text-align: left;
    position: absolute;
    top: 11px;
    left: 10px;
    padding: 0;
    line-height: 40px;
    height: 40px;
  }
  .skip-link-des.skip-nav .icon {
    font-size: 24px;
    line-height: 40px;
  }
  .skip-link-des.skip-nav .icon:before {
    line-height: inherit;
  }
  .skip-link-des.skip-nav .label {
    color: #ffffff;
    font-size: 12px;
    line-height: 38px;
    padding-right: 5px;
  }
  .skip-link-des.skip-nav:hover .label, .skip-link-des.skip-nav.skip-active .label {
    color: #da5488;
  }
  .skip-link-des.skip-search {
    width: auto;
    text-align: left;
    position: absolute;
    top: 15px;
    right: 50px;
    padding: 0;
  }
  .skip-link-des.skip-search .icon {
    font-size: 24px;
  }

  .wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart {
    width: auto;
    text-align: left;
    position: absolute;
    top: 11px;
    right: 10px;
    padding: 0;
    height: 40px;
  }
  .wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart .icon {
    line-height: 40px;
  }
  .wrapper .page #header.page-header .page-header-container .account-cart-wrapper .header-minicart .icon:before {
    line-height: inherit;
  }

  .wrapper .page #header div#header-cart {
    top: 68px;
  }

  .header-proximis {
    padding: 0;
    width: 15%;
    float: left;
  }
  .header-proximis .widget-mini-cart {
    float: right;
  }
  .header-proximis .mini-cart div[data-prx-do=open-mini-cart] {
    width: 100%;
    background: none;
    margin: 0;
    padding: 0;
  }
  .header-proximis .mini-cart div[data-prx-do=open-mini-cart] span.top-reservation-number,
  .header-proximis .mini-cart div[data-prx-do=open-mini-cart] span.top-reservation-title {
    display: none !important;
  }
  .header-proximis .mini-cart div[data-prx-do=open-mini-cart] i {
    background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icon-marker.png) no-repeat 0 0;
    top: -7px;
  }

  .skip-link-des .label {
    display: none;
    text-transform: uppercase;
  }

  .skip-link-des:last-child {
    border-right: 0;
    margin-right: 1%;
  }
}
.nav-primary a:hover,
.nav-primary li:hover > a {
  color: #da5488;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #header-account li a,
  .nav-primary a.level0 {
    padding: 0 15px 0 40px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    color: #da5488;
    line-height: 30px;
  }

  #header-account li:last-child a,
  .nav-primary li.level0:last-child a.level0 {
    border-bottom: 0;
  }

  .language-container .country-name span,
  .language-container .country-name p {
    display: none !important;
  }
}
.account-cart-wrapper {
  position: absolute;
  top: 0px;
  right: 20px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .account-cart-wrapper {
    position: static;
  }
}

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.skip-nav .label {
  display: inline;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .skip-nav {
    display: none;
  }

  #header-menu-closed {
    display: inline-block;
  }

  #header-nav {
    display: inline-block;
  }

  .nav-primary {
    display: block;
  }
}
/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary li {
  position: relative;
}
.nav-primary li .first {
  font-size: 16px;
  color: #da5488;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: default;
}
.nav-primary li.black > a {
  color: #383f47 !important;
  font-weight: 300 !important;
}
.nav-primary .menu-col-4 .col-4 {
  width: auto;
}
.nav-primary > li {
  position: static;
  float: left;
}
.nav-primary a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #383f47;
  line-height: 30px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.nav-primary .container-all a {
  color: #2b3134;
  line-height: 25px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.nav-primary > .level0 > a {
  line-height: 33px;
  height: 33px;
}
.nav-primary li.level1,
.nav-primary li.level2 {
  height: auto !important;
}
.nav-primary li.level1 a,
.nav-primary li.level2 a {
  padding: 6px 0;
  line-height: 110%;
}

.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
  display: block;
}

.container-all a.product-img {
  display: inline-block;
}
.container-all a.product-img img {
  max-width: 100%;
}
.container-all a.product-img:hover img {
  opacity: 0.8;
}
.container-all a.product-img .drop-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 91px;
}
.container-all a.product-img .drop-text span.text {
  width: 97%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  color: #da5488;
  font-size: 30px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 36px;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .nav-primary > .level0:hover > a {
    border-bottom: 3px solid #da5488;
  }
  .nav-primary li.level0 > a {
    text-transform: uppercase;
  }

  .container-all a.product-img {
    float: right;
    margin-right: 15px;
  }

  .container-all a.product-img + a.product-img {
    margin-right: 15px;
  }
}
/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  header #header-nav .mobile-only {
    display: inline-block !important;
  }

  .wrapper .page #header.page-header .page-header-container .container p {
    display: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav {
    min-height: 100vh;
    height: auto;
    top: 0;
    border-top: 1px solid #dadada;
    background: transparent;
    -webkit-transition: left 0.3s ease, background 0.3s ease 0.25s;
    -moz-transition: left 0.3s ease, background 0.3s ease 0.25s;
    -ms-transition: left 0.3s ease, background 0.3s ease 0.25s;
    -o-transition: left 0.3s ease, background 0.3s ease 0.25s;
    transition: left 0.3s ease, background 0.3s ease 0.25s;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav.skip-active {
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .wrapper .page #header.page-header .page-header-container #header-nav.skip-active .icon.icon-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    font-size: 34px;
    height: 50px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav.skip-active .icon.icon-close::before {
    height: 50px;
    display: block;
    line-height: 50px;
    background-color: #ffffff;
    border-bottom: 1px solid #dadada;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav.closing {
    background: transparent;
    transition: background 0.4s ease;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav {
    display: block;
    width: 90%;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .icon {
    font-size: 22px !important;
    top: 5px;
    position: relative;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .icon.icon-box {
    font-size: 24px !important;
    width: 24px;
    left: -1px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary {
    display: block;
    border-right: 1px solid #dadada;
    background-color: #ffffff;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary > li, .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary > div, .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary > p {
    display: block;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary ul.level0 {
    padding: 0;
    max-height: 50px;
    -webkit-transition: max-height 0.2s;
    -moz-transition: max-height 0.2s;
    -ms-transition: max-height 0.2s;
    -o-transition: max-height 0.2s;
    transition: max-height 0.2s;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary ul.level0.opened {
    max-height: 600px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary ul.level0.opened li.level1:first-child::after {
    content: "-";
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level0 {
    padding: 0;
    height: auto;
    margin: 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level0 a.level0 {
    padding: 0 20px;
    margin: 0;
    height: 50px;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level0.other-links a.level0 {
    text-transform: initial;
    font-weight: 400;
    background: #f6f6f6;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis {
    height: auto;
    min-height: 50px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dadada;
    padding: 0 20px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .icon-star {
    top: 12px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart {
    width: calc(100% - 22px);
    padding-left: 6px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div {
    text-align: left;
    height: 50px;
    margin: 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div > span {
    display: inline-block !important;
    line-height: 50px;
    text-transform: initial;
    font-size: 14px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div > span.top-reservation-number {
    position: relative;
    right: 0;
    top: 12px;
    margin-left: 2px;
    line-height: inherit;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div.top-reservation-container {
    height: initial;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div.top-reservation-container .top-reservation-content {
    position: relative;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    height: 35px;
    padding: 0px 15px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div.top-reservation-container .top-reservation-content::before {
    content: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div.top-reservation-container .top-reservation-content .notice {
    margin: 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .header-proximis .proximis.widget-mini-cart .mini-cart > div.top-reservation-container .top-reservation-content > span {
    line-height: 35px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1 a {
    padding: 0 20px;
    margin: 0;
    line-height: 50px;
    height: 50px;
    color: #333333;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #dadada;
    background-color: #ffffff;
    text-align: left;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1 a:before {
    background: rgba(218, 84, 136, 0.9);
    transition: 100ms linear All;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 100%;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1 a:active:before {
    width: 10px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1:first-child {
    background-color: #f6f6f6;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1:first-child a {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f6f6f6;
    width: calc(100% - 50px);
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1:first-child::after {
    content: "+";
    height: 50px;
    width: 50px;
    font-size: 37px;
    color: #8d8d8d;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 15px;
    line-height: 22px;
    font-weight: 100;
    background-color: #f6f6f6;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1:last-child a {
    width: 100%;
    font-weight: 400;
    background-color: #fff;
    text-transform: initial;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level1:last-child::after {
    content: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level2 {
    text-align: left;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level2 a {
    padding: 0 20px;
    margin: 0;
    line-height: 50px;
    height: 50px;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    position: relative;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level2 a:before {
    background: rgba(218, 84, 136, 0.9);
    transition: 100ms linear All;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 100%;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.level2 a:active:before {
    width: 10px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary li.additionnal-menu-link a.menu-reachable-text {
    height: 50px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    color: #333333;
    font-size: 14px;
    line-height: 50px;
    padding: 0 20px;
    font-weight: 400;
    text-align: left;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang, .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container {
    background-color: #ffffff;
    border-bottom: 1px solid #DADADA;
    padding: 0 20px;
    text-align: left;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang {
    position: relative;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ccc;
    border-right: none;
    top: 24px;
    right: 20px;
    margin-top: -8px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang .sep {
    display: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang span {
    color: #333333;
    font-size: 14px;
    line-height: 50px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang .current-lang {
    padding-left: 10px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang .other-lang {
    padding-left: 20px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang .other-lang ul li {
    height: 35px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang .other-lang ul li:last-child {
    margin-bottom: 20px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-view-lang .other-lang ul li a {
    color: #333333;
    font-size: 14px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container {
    padding: 0;
    color: #333333;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    position: relative;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ccc;
    border-right: none;
    top: 30px;
    right: 20px;
    margin-top: -8px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container a.country {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    pointer-events: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select {
    display: block !important;
    max-height: 0;
    overflow: auto;
    margin-bottom: 0;
    -webkit-transition: max-height 0.2s;
    -moz-transition: max-height 0.2s;
    -ms-transition: max-height 0.2s;
    -o-transition: max-height 0.2s;
    transition: max-height 0.2s;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select.skip-active {
    max-height: 600px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer {
    margin: 20px 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer a.skip-link-close, .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .columnTitle {
    display: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion {
    clear: both;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion h4 {
    margin-bottom: 5px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion ul {
    margin-bottom: 25px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion ul li {
    width: 50%;
    float: left;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion ul li a {
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion ul li a .icon {
    width: 25px;
    height: 15px;
    top: 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion:nth-child(3) h4 {
    padding-top: 25px;
  }
  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .language-container .store-language-container #country-select #countryWrapperLayer .cycColumn .continents .nations .accordion:nth-child(3) ul {
    margin-bottom: 50px;
  }

  .nav-primary a.level0,
  .nav-primary a {
    line-height: 14px;
    padding-top: 12px;
  }
  .nav-primary .level0 li.level1 a {
    color: #da5488;
  }
  .nav-primary li.level2 a,
  .nav-primary li a.menu-reachable-text, .nav-primary li a .menu-is-see-campaign {
    padding: 0 15px 0 45px;
  }
  .nav-primary li:not(.level1) > a.menu-reachable-text {
    font-size: 11px;
    color: #da5488;
  }
  .nav-primary li.parent > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ccc;
    border-right: none;
    top: 50%;
    right: 20px;
    margin-top: -8px;
  }
  .nav-primary li.parent.sub-menu-active > a,
  .nav-primary li.parent.menu-active > a {
    color: #da5488;
  }
  .nav-primary li.parent.sub-menu-active > a:after,
  .nav-primary li.parent.menu-active > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #ccc;
    border-bottom: none;
    margin-top: -4px;
  }

  .wrapper .page #header.page-header .page-header-container #header-nav #nav .nav-primary .container-all {
    padding: 0 !important;
    opacity: 1;
  }

  .container-all a.product-img {
    display: none;
  }
  .container-all a.product-img img {
    width: 100%;
  }

  #header .container-inner > div.menu-col {
    float: none;
    width: auto;
  }
}
.mobile-only {
  display: none !important;
}

/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */
/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .nav-primary {
    /* Default styles for 1+ drop-down menus */
    /* Level 2+ */
    /* Class for js to add briefly to evaluate element positioning. */
    /* Correct menus that will hang off the page (class added by js) */
    /* Level 1+ */
  }
  .nav-primary a.level0 {
    margin: 0 30px;
  }
  .nav-primary a.nolink {
    cursor: default;
  }
  .nav-primary li.level0,
  .nav-primary a.level0 {
    display: inline-block;
  }
  .nav-primary li:last-child > a {
    border-bottom: none;
  }
  .nav-primary .menu-active {
    z-index: 200;
  }
  .nav-primary li.level0 ul {
    background: #FBFBFB;
    border: solid 1px #CCCCCC;
    z-index: 10;
    padding-left: 18px;
    padding-right: 18px;
    display: none;
    /* Hide until displayed. */
  }
  .nav-primary li.level1 ul {
    left: 60px;
    top: 15px;
  }
  .nav-primary li.level0 ul.level0.position-test {
    display: block;
  }
  .nav-primary li.level0 ul.level0.spill {
    right: 0;
    left: auto;
  }
  .nav-primary li.level0 ul.level0.spill li.level1 ul {
    left: auto;
    right: 50px;
    top: 20px;
  }
  .nav-primary li.level0 li.parent > a {
    position: relative;
  }
  .nav-primary li.level0 li.parent > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #ccc;
    border-right: none;
    right: 5px;
    top: 50%;
    margin-top: -3px;
  }
}
.nav-primary li.menu-active > ul {
  display: block;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .skip-search {
    display: none;
  }
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  display: none;
}

.search-autocomplete {
  left: auto !important;
  right: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  width: 822px !important;
  z-index: 200;
  border: 1px solid #cdcdcd;
  border-top-width: 3px;
  background-color: #ffffff;
  text-align: left;
  padding: 10px;
}
.search-autocomplete h2 {
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  color: #da5488;
  padding-bottom: 5px;
  margin: 0;
  border-bottom: 1px solid #da5488;
  text-align: center;
}
.search-autocomplete .price {
  display: none !important;
}
.search-autocomplete ul {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.search-autocomplete ul li {
  font-size: 12px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.search-autocomplete ul li .name {
  font-size: 12px;
  line-height: 120%;
}
.search-autocomplete ul li .price {
  color: #da5488;
  display: block;
  margin-top: 5px;
}
.search-autocomplete ul li.title {
  width: 100%;
}
.search-autocomplete ul li .amount {
  padding-right: 5px;
}
.search-autocomplete ul li .product-image {
  float: left;
  min-width: 50px;
}
.search-autocomplete ul li .product-details {
  margin-left: 62px;
  margin-top: 1px;
  position: relative;
  width: calc(100% - 62px);
}
.search-autocomplete ul li .product-details p {
  display: block;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}
.search-autocomplete ul li .product-details p.product-name {
  font-size: 14px;
  text-transform: uppercase;
}
.search-autocomplete ul li .product-details p.product-name a {
  line-height: 11px;
}
.search-autocomplete ul li .product-details p.price {
  font-size: 14px;
}
.search-autocomplete ul li.selected a, .search-autocomplete ul li.selected span {
  color: #da5488 !important;
}
.search-autocomplete ul.wyomind-elasticsearch li.title, .search-autocomplete ul.wyomind-elasticsearch li.title a {
  font-size: 1.5rem;
  line-height: 18px;
  padding: 10px 8px 6px;
  font-weight: 500;
}
.search-autocomplete ul.wyomind-elasticsearch li.all-results {
  display: block;
  text-decoration: underline;
  margin-top: 20px;
}
.search-autocomplete ul.wyomind-elasticsearch li.all-results a {
  padding: 0 0 0 10px;
  font-size: 1.6rem;
}
.search-autocomplete ul.wyomind-elasticsearch li.all-results a::before {
  content: '>';
  font-size: 1.6rem;
}
.search-autocomplete ul.wyomind-elasticsearch li a .info .category-name {
  font-size: 1.4rem;
  font-weight: 500;
  color: #585d61;
}
.search-autocomplete .links {
  margin-top: 8px;
}
.search-autocomplete a {
  color: #2b3134;
  line-height: 17px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  display: block;
}
.search-autocomplete a:hover {
  color: #da5488;
  text-decoration: none;
}

@media (max-width: 1440px) {
  #header.sticky #header-search input.search {
    top: 75px;
  }
}
#header.sticky .search-autocomplete {
  right: -170px !important;
}

/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .search-autocomplete {
    width: 622px !important;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .search-autocomplete {
    top: 40px !important;
    max-width: 100% !important;
  }

  #header .search-autocomplete,
  #header.sticky .search-autocomplete {
    right: 0 !important;
    width: 100% !important;
  }
}
/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #F4F4F4;
  border: 1px solid #EDEDED;
  padding: 30px;
}
.advanced-search select.multiselect option {
  border-bottom: 1px solid #EDEDED;
  padding: 2px 5px;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  #header-search {
    display: inline-block;
    width: 20%;
    height: 27px;
    float: right;
  }
}
/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form:hover .search-autocomplete,
#search_mini_form .search-autocomplete.force-display {
  display: block;
}

#search_mini_form .input-box {
  position: relative;
  padding-top: 0;
}

#search_mini_form label {
  display: none;
}

/*
#search_mini_form .search-button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -20px;
    margin-left: -15px;
    background-image: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/icon-desktop.png);
    background-repeat: no-repeat;
    @include image-replacement;
    background-position: -90px 0;
}
*/
#search_mini_form .search-button:hover:before {
  opacity: 0.8;
}

#search_mini_form .search-button:active:before {
  margin-top: -13px;
  margin-left: -13px;
}

/* ============================================ *
 * Header - Account
 * ============================================ */
.account-rollover-log .link-account-li {
  display: block;
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
}
.account-rollover-log .link-account-li:hover {
  text-decoration: none;
  color: #da5488;
}

#header-wishlist {
  display: none;
}

.clear {
  clear: both;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .skip-account,
  .skip-account2 {
    float: none;
    width: auto;
    vertical-align: top;
    display: inline-block;
  }

  .skip-account:hover {
    color: #da5488;
    cursor: pointer;
  }

  #header-account {
    right: 20px;
  }
  #header-account h2 {
    text-align: center;
  }

  .skip-wishlist {
    float: none;
    width: auto;
    vertical-align: top;
    display: inline-block;
  }

  #header-wishlist.skip-active {
    background: #FBFBFB;
    border: solid 1px #CCCCCC;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 115px;
    width: 200px;
  }

  #header-wishlist a {
    display: block;
    padding: 5px 10px;
    color: #383f47;
    line-height: 2;
  }

  #header-wishlist a:hover {
    color: #383f47;
  }

  .skip-cart {
    width: auto;
  }
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  position: relative;
  z-index: 5;
  width: 22px;
  height: 22px;
  background-color: #da5488;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
}

.skip-cart.no-count .count {
  display: none;
}

@media only screen and (max-width: 499px) {
  .skip-cart .count {
    margin-left: -12px;
  }
}
/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .skip-cart:hover {
    text-decoration: none;
  }
  .skip-cart .count {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    position: absolute;
    background-color: #da5488;
    font-size: 14px;
    width: 18px;
    height: 18px;
    left: 27px;
    top: 0px;
    color: #ffffff;
    line-height: 20px;
  }
  .skip-cart.skip-active .count {
    color: white;
  }
}
.skip-cart .count.empty {
  display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px;
}

.cart-menu .actions .button {
  float: left;
  width: 48%;
}

.cart-menu .actions .button + .button {
  margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2;
}

/* List */
.mini-cart-list {
  margin-bottom: 5px;
}

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #CCCCCC;
  font-size: 13px;
  line-height: 1.35;
}

.mini-cart-list .product-name {
  display: inline-block;
}

.mini-cart-list .product-img {
  position: absolute;
  left: 15px;
  top: 15px;
}

.mini-cart-list .product-img img {
  width: 60px;
  height: 60px;
}

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #A0A0A0;
  font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #CCCCCC;
  font-size: 13px;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  #header .container-all {
    background: #f1f1f2;
    border-bottom: 2px solid #da5488;
    display: none;
    margin: 0 auto;
    padding: 20px 0;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 9;
  }
  #header .container-all > .container {
    display: table;
  }
  #header .container-all .container-inner {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    display: table-row;
  }
  #header .container-all .container-inner > div, #header .container-all .container-inner > ul, #header .container-all .container-inner > p {
    display: table-cell;
    vertical-align: top;
  }
  #header .container-all .container-inner a:last-child {
    padding-left: 0;
  }
  #header .container-all .container-inner .menu-reachable-text, #header .container-all .container-inner .menu-is-see-campaign a {
    font-weight: 500;
    color: #da5488;
  }
  #header .nav-primary li.level0 div.menu-col {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 0;
  }
  #header .nav-primary li.level0 div.menu-col ul.level0 {
    float: none;
    display: block;
  }
  #header .nav-primary li.level0 div.menu-col ul.level0 + ul.level0 {
    margin-left: 0 !important;
    margin-top: 15px;
  }
  #header .nav-primary li.level0 div.menu-col ul.level0 + ul.level0.ul-black {
    margin-top: 0;
  }
  #header .nav-primary li.level1 {
    padding: 0 15px;
  }
  #header .nav-primary li.level2 {
    padding: 0 15px;
  }
  #header .nav-primary li.level0 ul.level0 {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 0;
  }
  #header .nav-primary li {
    height: 25px;
  }
  #header .nav-primary > li.level0.menu-active > .container-all {
    display: block;
  }
  #header .nav-primary > li.level0:hover > .container-all {
    display: block;
  }
  #header .nav-primary .additionnal-menu-link {
    margin-bottom: 15px;
  }
}
/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .header-language-background .header-language-container .store-language-container .layerWrapper #countryWrapperLayer {
    width: 100%;
  }
  .header-language-background .header-language-container .store-language-container .layerWrapper #countryWrapperLayer .accordion {
    width: 100%;
    margin-right: 0;
  }
  .header-language-background > div.phone {
    padding-right: 1px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #header.page-header {
    padding: 0;
  }

  .wrapper .page .header-language-background {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    padding: 0;
  }
  .wrapper .page .header-language-background .header-language-container > div {
    margin: 0;
  }
  .wrapper .page .header-language-background .header-language-container .phone {
    display: none;
  }
  .wrapper .page .header-language-background .header-language-container .shipping {
    width: 100% !important;
  }
  .wrapper .page .header-language-background .header-language-container .shipping .icon {
    display: none;
  }
  .wrapper .page .header-language-background .header-language-container .shipping p {
    font-size: 10px;
    white-space: nowrap;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .wrapper .page .header-language-background .header-language-container .language-container {
    display: none;
  }

  .account-cart-wrapper .skip-account2,
  .account-cart-wrapper .skip-wishlist {
    display: none;
  }

  .wrapper .page #header.page-header .page-header-container-nav {
    height: 0;
  }

  .page-header-container {
    position: relative;
  }

  .account-arrow {
    display: none;
  }

  #algolia-autocomplete-container .aa-dropdown-menu {
    left: 0 !important;
  }

  .wrapper .page #header .help-info {
    display: none;
  }
  .wrapper .page #header .logo {
    display: none;
  }
  .wrapper .page #header .logo-mobile {
    display: inline-block !important;
  }
  .wrapper .page #header .logo-mobile img {
    width: 170px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search {
    height: 120vh;
    left: 0;
    top: 0;
    position: absolute;
    padding-top: 0;
    width: 100%;
    z-index: 1000;
    max-height: 0;
    -webkit-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    -ms-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    transition: max-height 0.4s;
  }
  .wrapper .page #header.page-header .page-header-container #header-search.skip-active {
    max-height: 120vh;
    background-color: transparent;
  }
  .wrapper .page #header.page-header .page-header-container #header-search.skip-active #search_mini_form .input-box, .wrapper .page #header.page-header .page-header-container #header-search.skip-active #search_mini_form #algolia-searchbox {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .wrapper .page #header.page-header .page-header-container #header-search.closing #search_mini_form .input-box, .wrapper .page #header.page-header .page-header-container #header-search.closing #search_mini_form #algolia-searchbox {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    background-color: rgba(255, 255, 255, 0);
  }
  .wrapper .page #header.page-header .page-header-container #header-search #algolia-searchbox .algolia-search-input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background-color: #eeeeee;
    margin: 0;
    color: #8d8d8d;
    font-weight: 400;
    font-size: 20px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #algolia-searchbox .clear-query-autocomplete {
    right: 25px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox {
    margin: 0;
    min-height: 100vh;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box #search, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox #search {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    margin: 0;
    background-color: #eeeeee;
    border: 0;
    color: #8d8d8d;
    font-weight: 400;
    font-size: 20px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .button.search-button, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .button.search-button {
    right: 25px;
    top: 16px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search {
    max-height: 0;
    overflow: auto;
  }
  .wrapper .page #header #header-wishlist {
    background-color: #f1f1f2;
    top: 117px;
    width: 100%;
    z-index: 1000;
    border-bottom: 2px solid #da5488;
    display: none;
    position: absolute;
  }
  .wrapper .page #header #header-wishlist.skip-active {
    display: block;
  }
  .wrapper .page #header #header-account {
    background-color: #f1f1f2;
    top: 117px;
    position: absolute;
    width: 100%;
    z-index: 1000;
    border-bottom: 2px solid #da5488;
    display: none;
    transition: all 0.5s ease-out 0s;
  }
  .wrapper .page #header #header-account.skip-active {
    display: block;
  }
  .wrapper .page #header #header-account .colleft, .wrapper .page #header #header-account .colright {
    width: 100%;
    padding: 10px 40px;
    min-height: unset;
  }
  .wrapper .page #header #header-account .colleft h2, .wrapper .page #header #header-account .colright h2 {
    color: #383f47;
  }
  .wrapper .page #header #header-account .colleft .inner {
    border-right: none;
    padding-right: 0;
  }
  .wrapper .page #header #header-account .colleft h2 {
    margin: 0;
  }
  .wrapper .page #header #header-account .colright p.text {
    display: none;
  }
  .wrapper .page #header #header-account .inner2 {
    min-height: 20px;
  }
  .wrapper .page #header #header-account .inner2 h2 {
    display: none;
  }
  .wrapper .page #header #header-account a.small-link {
    margin: 9px 0 0;
  }
  .wrapper .page #header #header-cart {
    background-color: #f1f1f2;
    left: 0;
    top: 117px;
    position: absolute;
    width: 100%;
    z-index: 1000;
    border-bottom: 2px solid #da5488;
  }
  .wrapper .page #header #search {
    height: 20px;
    padding-left: 0;
  }
  .wrapper .page #header button.CTA {
    position: relative;
  }
  .wrapper .page #header .account-inner {
    padding-bottom: 5px;
  }
  .wrapper .page #header .nav-primary > li {
    width: 100%;
  }
  .wrapper .page #header .nav-primary a.level0 {
    border: none;
    cursor: pointer;
  }
  .wrapper .page #header .nav-primary li.menu-active .container-all {
    max-height: 1200px;
  }
  .wrapper .page #header .container-all {
    max-height: 0;
    height: auto;
    transition: all 0.5s ease-out 0s;
    overflow: hidden;
    padding: 0;
  }
  .wrapper .page #header .container-all ul.level0 {
    width: 100%;
    padding-bottom: 10px;
    float: none;
  }

  #header-nav {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: auto;
    overflow: hidden;
    left: -100%;
    transition: all 0.5s ease-out 0s;
  }
  #header-nav.skip-active {
    left: 0;
  }

  .skip-cart .count {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: -2px;
    right: -13px;
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 18px;
  }
}
.boc-comingsoon-index-index .logo {
  display: inline-block;
  margin: 10px 0;
}
.boc-comingsoon-index-index .col-main {
  margin: 0 auto;
  text-align: center;
  width: 1200px;
}

.amajaxlogin-block .box-info .box-head h2 {
  background-image: none !important;
}

/**********************
 * Sticky header part *
 **********************/
.wrapper .page #header.page-header.sticky {
  position: fixed;
  z-index: 9999;
  top: -70px;
  width: 100%;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  transition: top 200ms linear;
  max-height: 70px;
  margin-top: 0;
}
.wrapper .page #header.page-header.sticky.opened {
  top: 0px;
}
.wrapper .page #header.page-header.sticky .container {
  height: initial;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .help-info {
  display: none;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .logo {
  display: none;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .logo-mobile {
  top: 0px;
  position: relative;
  width: initial;
  display: inline-block;
  margin: 0;
  float: left;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .logo-mobile a img {
  max-width: 170px;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper {
  height: 30px;
  top: 20px;
  right: 0;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper .skip-account2 {
  padding-left: 0;
  margin-left: 10px;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper .skip-account2::before {
  border-left: 1px solid #8d8d8d;
  content: '';
  height: 20px;
  position: absolute;
  top: 5px;
  left: 0;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper .skip-account2 .skip-link.skip-link-des.skip-account {
  top: 2px;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper .skip-account2 .skip-link.skip-link-des.skip-account .label {
  display: none;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper .header-minicart {
  margin-left: 4px;
}
.wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper .header-minicart a.skip-cart {
  padding-left: 10px;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav {
  max-width: calc(1440px - 170px - 150px);
  width: 100%;
  margin: auto;
  top: -40px;
  left: 10px;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search {
  width: initial;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #search {
  display: none;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #search.opened {
  position: absolute !important;
  width: 250px;
  max-width: initial;
  top: 50px;
  right: -170px;
  padding: 10px 30px 10px 20px;
  height: initial;
  border: 1px solid #eee;
  border-top: 0;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .button.search-button {
  padding: 0;
  margin: 0;
  background: none;
  right: -25px;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .button.search-button.opened {
  top: 62px;
  right: -160px !important;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .button.search-button .icon.icon-search2 {
  font-size: 18px;
  color: black;
  display: block;
  text-indent: initial;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .close-button.opened {
  display: inline-block !important;
  color: #000000;
  font-size: 32px;
  position: absolute;
  top: 50px;
  height: 42px;
  right: 80px;
  background-color: #ffffff;
  border: 1px solid #eee;
  border-top: 0;
  border-right: 0;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .close-button.opened .icon.icon-close {
  height: inherit;
  top: -3px;
  position: relative;
  line-height: 56px;
  color: #8d8d8d;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav {
  padding: 0;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 {
  padding-bottom: 15px;
}
.wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all {
  position: fixed;
  top: 60px;
}
.wrapper .page .main-container.sticky-header {
  margin-top: 165px;
}

@media (max-width: 1440px) {
  .wrapper .page #header.page-header.sticky {
    height: 85px;
  }
  .wrapper .page #header.page-header.sticky.opened {
    max-height: 85px;
  }
  .wrapper .page #header.page-header.sticky .container .page-header-container {
    top: -14px;
  }
  .wrapper .page #header.page-header.sticky .container .page-header-container .logo-mobile {
    float: none;
  }
  .wrapper .page #header.page-header.sticky .container .page-header-container .skip-links .account-cart-wrapper {
    margin-right: 10px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav {
    top: -17px;
    left: 0;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search {
    top: -40px;
    position: absolute;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #search.opened {
    right: -20px;
    top: 75px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .button.search-button {
    right: 135px;
    top: 2px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .button.search-button.opened {
    top: 86px;
    right: -8px !important;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .close-button.opened {
    top: 75px;
    right: 230px;
    display: inline-block !important;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all {
    top: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box #search.opened::placeholder, .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox #search.opened::placeholder {
    font-size: 18px;
  }

  .wrapper .page #header.page-header {
    margin-bottom: 0;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container {
    height: auto;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.no-children {
    max-height: initial;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.no-children li.level1::after {
    content: none;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.no-children li.level1 .menu-reachable-text {
    width: 100%;
    background: white;
    text-transform: initial;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.no-children li.additionnal-menu-link .menu-reachable-text {
    font-weight: 300;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-parent li {
    background-color: #f6f6f6;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-parent li a {
    text-transform: uppercase;
    background-color: #f6f6f6;
    width: calc(100% - 50px);
    position: initial;
    font-weight: 600 !important;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-parent li::after {
    content: "+";
    height: 50px;
    width: 50px;
    font-size: 37px;
    color: #8d8d8d;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 15px;
    line-height: 22px;
    font-weight: 100;
    background-color: #f6f6f6;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-parent.opened-fake li::after {
    content: "-";
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-child {
    max-height: 0;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-child li a {
    font-weight: 400 !important;
  }
  .wrapper .page #header.page-header .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container .container-inner ul.fake-child.opened-fake {
    max-height: initial;
  }
  .wrapper .page #header.page-header.sticky {
    height: 70px;
  }
  .wrapper .page #header.page-header.sticky.opened {
    max-height: 70px;
  }
  .wrapper .page #header.page-header.sticky .container .page-header-container {
    top: 0;
  }
  .wrapper .page #header.page-header.sticky .container .page-header-container .logo-mobile {
    float: none;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav {
    top: -28px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search {
    max-height: initial;
    left: initial;
    width: 100%;
    right: 0;
    top: 1px;
    height: initial;
    overflow: initial;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form {
    top: 0px;
    position: relative;
    z-index: 0;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box #search.opened, .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox #search.opened {
    width: 100%;
    right: 0;
    height: 40px;
    top: 0;
    padding-right: 78px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box .button.search-button, .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox .button.search-button {
    height: 40px;
    width: 40px;
    right: 33px;
    top: -60px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box .button.search-button.opened, .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox .button.search-button.opened {
    right: 44px !important;
    top: 1px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box .button.search-button .icon.icon-search2, .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox .button.search-button .icon.icon-search2 {
    position: relative;
    top: 3px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box .close-button.opened, .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox .close-button.opened {
    top: 0;
    right: 0;
    padding: 0 5px;
    height: 40px;
    display: inline-block !important;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form .input-box .close-button.opened .icon.icon-close, .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-search #search_mini_form #algolia-searchbox .close-button.opened .icon.icon-close {
    top: -9px;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav {
    z-index: 9999;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 {
    padding: 0;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all {
    top: initial;
    position: relative;
  }
  .wrapper .page #header.page-header.sticky .page-header-container.page-header-container-nav .container #header-nav #nav .nav-primary li.level0 .container-all .container {
    height: auto !important;
  }
  .wrapper .page .main-container.sticky-header {
    margin-top: 78px;
  }

  /*
   * Non-sticky part
   */
  .wrapper .page #header.page-header .page-header-container #header-search {
    max-height: initial;
    left: initial;
    width: 100%;
    right: 0;
    top: 1px;
    height: initial;
    overflow: initial;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox {
    max-height: 0;
    min-height: 0;
    height: 100vh;
    background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    -webkit-transition: max-height 0.2s;
    -moz-transition: max-height 0.2s;
    -ms-transition: max-height 0.2s;
    -o-transition: max-height 0.2s;
    transition: max-height 0.2s;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box.opened, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox.opened {
    max-height: 100vh;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box.opened + .search-autocomplete, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox.opened + .search-autocomplete {
    display: block !important;
    overflow-y: scroll !important;
    max-height: calc(100vh - 100px);
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box #search, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox #search {
    display: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box #search.opened, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox #search.opened {
    height: 40px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .button.search-button, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .button.search-button {
    height: 40px;
    line-height: 40px;
    width: 40px;
    right: 33px;
    top: -55px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .button.search-button span, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .button.search-button span {
    line-height: 40px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .button.search-button span:before, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .button.search-button span:before {
    line-height: inherit;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .button.search-button.opened, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .button.search-button.opened {
    top: 0;
    right: 40px;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .close-button, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .close-button {
    display: none;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .close-button.opened, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .close-button.opened {
    display: block !important;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    float: right;
    position: absolute;
    font-size: 32px;
    line-height: 56px;
    color: #8d8d8d;
    border: 1px solid #eee;
    border-top: 0;
    border-right: 0;
  }
  .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form .input-box .close-button.opened .icon.icon-close, .wrapper .page #header.page-header .page-header-container #header-search #search_mini_form #algolia-searchbox .close-button.opened .icon.icon-close {
    height: inherit;
    top: -9px;
    position: relative;
    color: #8d8d8d;
  }

  /* iPhone specific */
  html.ios #search_mini_form .icon-close:before {
    top: -6px;
    position: relative;
  }
  html.ios #search_mini_form input::placeholder {
    top: 10px;
    position: relative;
  }
  html.ios button.button.search-button {
    top: -50px;
  }
}
/**CHECKOUT**/
body[class*=checkout-onestep] .wrapper .page #header.page-header.sticky {
  display: none;
}

#header-nav li.menu-space {
  margin-bottom: 1em;
}

/**----------------------------- LOOKBOOKSLIDER
*/
/**----------------------------- CONTROLS
*/
/* _____________________________________ lookbookslider
*/
/**************************
*
*	GENERAL
*
**************************/
.cycle-slideshow, .cycle-slideshow * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cycle-slideshow {
  margin: 10px auto;
  padding: 0;
  z-index: 2000;
}

.cycle-slideshow .slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0;
  display: block;
}

.cycle-slideshow img:first-child {
  position: static;
  z-index: 100;
}

.cycle-slideshow .hotspot img {
  width: auto;
  height: auto;
  position: absolute;
}

/** Pager style **/
.pagernav ul {
  text-align: center;
  width: 100%;
  z-index: 500;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}

.pagernav ul li {
  display: inline-block;
  color: #ddd;
  cursor: pointer;
}

.pagernav ul li.selected {
  color: #D69746;
}

.pagernav ul li.thumb {
  display: inline-block;
  color: #ddd;
  cursor: pointer;
}

/***********************/
.pagernav {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.pagernav ul {
  padding: 3px 4px 8px;
  position: relative;
  display: block;
  text-align: center;
}

.pagernav ul li.thumb {
  display: inline-block;
  padding: 0 0px;
  margin: 0 !important;
  overflow: hidden;
}

.pagernav ul li.thumb > img {
  border: 1px solid;
  cursor: pointer;
  margin-top: 5px;
  vertical-align: bottom;
  opacity: 0.5;
}

.pagernav ul li.thumb:hover > img,
.pagernav ul li.thumb.cycle-slide-active > img {
  opacity: 1;
}

.pagernav ul li.thumb img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  border: 0 none;
  display: inline-block;
  padding-right: 10px;
}

.pagernav ul > * {
  cursor: pointer;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 700;
}

.cycle-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 600;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

#progress {
  position: absolute;
  bottom: 0;
  height: 6px;
  width: 0px;
  background: #b7b7b7;
  z-index: 500;
}

.pagernav ul.cycle {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.pagernav ul.cycle li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 20px 5px;
  position: relative;
  text-align: left;
  text-indent: -9999px;
  width: 16px;
  background: #b7b7b7;
}

.pagernav ul.cycle li {
  -moz-box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.pagernav ul.cycle li > span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 8px;
  left: 4px;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 8px;
}

.pagernav ul.cycle li:hover > span {
  -moz-box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.pagernav ul.cycle li.cycle-pager-active > span {
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  background: #434648;
}

/********* prev / next links ************/
.slide-prev, .slide-next, .slide_commands {
  cursor: pointer;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 999;
}

.slide_commands {
  display: none !important;
}

.slide-prev {
  left: 0;
}

.slide-prev > span {
  border-right: 16px #000 solid;
  border-left: 16px transparent solid;
  border-top: 16px transparent solid;
  border-bottom: 16px transparent solid;
  display: block;
  height: 0px;
  width: 0px;
}

.slide-next {
  right: 0;
}

.slide-next > span {
  border-right: 16px transparent solid;
  border-left: 16px #000 solid;
  border-top: 16px transparent solid;
  border-bottom: 16px transparent solid;
  display: block;
  height: 0px;
  width: 0px;
}

.slide_commands {
  right: 41px;
}

.slide-prev.hover,
.slide-next.hover,
.slide_commands.hover {
  display: none;
}

.cycle-slideshow:hover .slide-prev.hover,
.cycle-slideshow:hover .slide-next.hover,
.cycle-slideshow:hover .slide_commands.hover {
  display: block;
}

.slide_commands > .slide_play {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/camera_skins.png) no-repeat -80px 0;
  height: 40px;
  width: 40px;
}

.slide_commands > .slide_stop {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/camera_skins.png) no-repeat -120px 0;
  display: block;
  height: 40px;
  width: 40px;
}

.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
}

.showIt {
  display: none;
}

/*Hotspots*/
.content-before, .content-after {
  display: block;
  clear: both;
}

.hotspot {
  position: absolute;
  z-index: 4000;
}

.hotspot:hover .product-info,
.hotspot.hover .product-info {
  opacity: 1;
  top: 50% !important;
}

.hotspot:hover .hotspot-icon,
.hotspot.hover .hotspot-icon {
  z-index: 101;
}

div.hotspot .product-info {
  background-color: #ffffff;
  color: #383f47;
  overflow: hidden;
  width: 240px;
  padding: 15px;
  position: absolute;
  display: block;
  text-align: center;
  opacity: 0;
  z-index: 4000;
  transition: opacity 200ms linear;
  border: 1px #ccc solid;
  margin-top: -235px !important;
  top: -1000% !important;
  left: 90% !important;
  bottom: inherit !important;
}
div.hotspot .product-info img {
  position: inherit;
  width: auto;
  display: inline-block;
}
div.hotspot .product-info h2 {
  font-size: 14px;
  font-weight: 200;
  margin: 5px 0 2px;
  padding: 0;
  padding-bottom: 4px;
  text-align: center;
  color: #383f47;
}
div.hotspot .product-info .product-name {
  margin: 0;
}
div.hotspot .product-info .special-info {
  height: 20px;
  margin-top: 6px;
  width: auto;
}
div.hotspot .product-info .product-name a {
  color: #da5488;
  text-decoration: none;
}
div.hotspot .product-info .color {
  display: inline-block;
  text-transform: capitalize;
}
div.hotspot .product-info .price-box {
  font-weight: 200;
}
div.hotspot .product-info .price-box .regular-price + .regular-price {
  padding: 0 0 0 6px;
  margin: 0 0 0 4px;
  border-left: 1px solid #383f47;
}

div.hotspot.to-the-left .product-info {
  left: auto !important;
  right: 90% !important;
}

.hotspot .product-info .price-grouped {
  line-height: 110%;
}

.hotspot .product-info .price .old-price {
  color: #383f47;
  text-decoration: line-through;
}

.hotspot .product-info .out-of-stock {
  margin-top: 5px;
  color: #ff0000;
}

.hotspot-icon {
  position: absolute;
}

.hotspot .shop-block {
  float: right;
  padding-top: 14px;
}
.hotspot .shop-block input.qty {
  width: 40px;
  height: 32px;
  padding: 0 5px;
  line-height: 32px;
  border: 1px #ccc solid;
}

.hotspot .bottom .price {
  float: left;
  width: 55px;
}
.hotspot .bottom .shop-block {
  float: right;
  width: calc(100% - 65px);
}

.hotspot .pro-detail-div .desc img {
  float: left;
  padding: 0 5px 5px 0;
  position: relative;
  width: auto;
}

.hotspot .pro-detail-div .desc .image {
  float: left;
  margin-right: 10px;
  width: 55px;
}

.hotspot .pro-detail-div .desc .description {
  float: left;
  width: calc(100% - 65px);
  font-weight: 300;
  line-height: 110%;
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.lookbookslider-container {
  background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/spinner.gif) 50% 50% no-repeat;
}
.lookbookslider-container button {
  margin-top: 10px;
  background-color: #da5488;
  border: 1px solid #da5488;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.lookbookslider-container button:hover {
  background-color: #ffffff;
  color: #da5488;
}

.pinit_button {
  position: absolute;
  top: 0px;
}

/** Adaptive style **/
@media screen and (max-width: 600px) {
  .hotspot .product-info .desc {
    display: none;
  }

  .hotspot .product-info .price {
    font-size: 12px;
    padding-top: 0px;
  }

  .hotspot .product-info label {
    font-size: 10px;
    float: left;
    margin-left: 60px;
  }

  .hotspot .product-info h2 {
    margin-bottom: 0px;
    font-size: 10px;
  }

  .hotspot .product-info .shop-block {
    width: 100%;
    margin-top: -20px;
  }

  .hotspot .product-info input.qty {
    height: 18px;
    width: 30px;
    font-size: 12px;
    padding: 0px;
  }

  .hotspot .product-info .btn-cart {
    width: 100%;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .cycle-slideshow {
    min-width: 200px;
  }

  .cycle-slideshow .cycle-overlay {
    padding: 4px;
  }

  .cycle-slideshow .cycle-caption {
    bottom: 4px;
    right: 4px;
  }

  .pagernav {
    display: none;
  }

  .hotspot {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .hotspot {
    display: none;
  }

  .camera_thumbs_cont {
    display: none;
  }

  .camera_target_content {
    overflow: hidden;
  }
}

/**----------------------------- HOMEPAGE
*/
/**----------------------------- CONTROLS
*/
.contentmanager-contenttype-homepage .wrapper .page #header {
  margin-bottom: 0;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container {
  width: 100%;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage {
  margin: 0 auto 0 auto;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image {
  margin: 0;
  height: 0;
  position: relative;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image video, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image a.link-area {
  position: absolute;
  display: block;
  text-decoration: none;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image a.link-mobile {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image a.link-desktop {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-decoration: none;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image-mobile {
  display: none;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title {
  margin: 50px 0 20px 0;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title.title-bestseller {
  margin-bottom: 0;
  padding: 20px 0;
  background-color: white;
  margin-top: 0;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title.title-bestseller .title {
  background: white;
  color: #383f47;
  font-size: 15px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title.title-bestseller .subtitle {
  font-size: 22px;
  line-height: 30px;
  margin: 0;
  display: block;
  text-align: center;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title .title {
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 8px;
  padding: 5px 30px;
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 2;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title .title h2 {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title:after {
  content: '';
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  left: 0;
  top: 16px;
  z-index: 1;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title.title-bestseller:after {
  width: 100%;
  left: 0;
  top: 71px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers.products-grid {
  background-color: white;
  overflow: hidden;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all {
  background-color: white;
  margin-top: 0;
  padding: 40px 0;
  margin-bottom: 50px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .social-shop-img .fs-entry-container:nth-child(n+6) {
  display: none;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .social-shop-text {
  margin: 50px 5% 0 5%;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video {
  padding: 40px 60px;
  background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/homepage/background-video-blue.png");
  background-color: #3c769a;
  background-repeat: repeat;
  background-size: 200%;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video {
  position: relative;
  z-index: 100;
  padding: 0;
  margin: 0;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video .iframe-youtube {
  width: 100%;
  height: 500px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video:before {
  content: '';
  position: absolute;
  background: #fff;
  width: 30px;
  height: 100%;
  z-index: -1;
  bottom: 7px;
  left: -20px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video:after {
  content: '';
  position: absolute;
  background: #fff;
  width: 80%;
  height: 30px;
  z-index: -1;
  top: -20px;
  left: -20px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title {
  font-size: 18px;
  letter-spacing: 7px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 190px;
  position: relative;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title span {
  z-index: 3;
  position: relative;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title h2 {
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  z-index: 3;
  position: relative;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title:before {
  position: absolute;
  top: 20px;
  left: -30px;
  content: '';
  background-color: transparent;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #eae1d9 10px, #eae1d9 20px);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  z-index: 1;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title:after {
  position: absolute;
  top: 70px;
  left: 40px;
  content: '';
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 80px solid white;
  z-index: 2;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-description {
  padding-left: 20px;
  color: #8d8d8d;
  font-size: 13px;
  line-height: 24px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers {
  max-width: 100%;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bloc-bestsellers {
  text-align: center;
  margin: 0 -20px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bloc-bestsellers .item.bestseller {
  padding: 0 20px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner > a {
  text-decoration: none;
  color: #383f47;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image {
  position: relative;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image div.product-image, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image a {
  overflow: hidden;
  display: block;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image div.product-image img, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image a img {
  max-width: 288px;
  margin: auto;
  transition: All 600ms linear;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image div.product-image:hover img, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image a:hover img {
  transform: scale(1.02);
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image .bloc-price {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0;
  font-size: 11px;
  color: #8d8d8d;
  bottom: -50px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image .bloc-price span {
  display: block;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image .bloc-price span strong {
  color: #000;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image .bloc-price-visible {
  visibility: visible;
  opacity: 1;
  transition: transform 100ms ease-out;
  transform: translateY(-50px);
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bloc-image .bloc-price-hide {
  visibility: hidden;
  opacity: 0;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text {
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text .product-name > span:hover {
  color: #da5488;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text span {
  display: block;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text span.theme {
  margin-top: 20px;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text a.a-underline, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text span.a-underline {
  text-decoration: underline;
  display: inline-block;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text a.a-underline:hover, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-inner .bestseller-text span.a-underline:hover {
  color: #da5488;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all {
  margin: 0 0 80px 0;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all a {
  transition: All 200ms linear;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all h2 {
  padding-bottom: 0;
  color: #383f47;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all span.text {
  border: 1px solid #000;
  padding: 12px 50px 10px 50px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: All 200ms linear;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all a:hover {
  text-decoration: none;
}
.contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all a:hover span.text {
  border: 1px solid #da5488;
}

/*
* IPAD
*/
@media only screen and (max-width: 992px) {
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .social-shop-img {
    padding: 0 5px;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .social-shop-img .fs-entry-container {
    width: 33.33% !important;
    padding-top: 33.33% !important;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .social-shop-img .fs-entry-container:nth-child(n+6) {
    display: block;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .social-shop-text {
    margin: 20px 20px 0 20px;
    line-height: 14px;
    letter-spacing: 0px;
    font-size: 10px;
    text-align: justify;
    text-align-last: center;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video {
    padding: 20px 0;
    background-color: #3c769a;
    margin-bottom: 15px;
    background-image: url("https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/images/homepage/background-video-blue.png");
    background-repeat: repeat;
    background-size: 200%;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video {
    position: relative;
    z-index: 100;
    padding: 0;
    margin: 0;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video:before {
    display: none;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video:after {
    display: none;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title:before, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-title:after, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .video-description {
    display: none;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title {
    margin: 10px 0;
    margin-top: 0;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title .title {
    padding: 5px 0px 5px 10px;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title:after {
    top: 14px;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers {
    display: inline-block;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-text .product-name {
    margin: 0;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bestsellers .bestseller-text .a-underline {
    font-size: 11px;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all {
    margin: 0;
    width: 100%;
    text-align: center;
    margin-top: -8px;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all span.text {
    border: 0;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    text-decoration: underline;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all span.inner:after {
    content: ' >';
    text-decoration: none;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all a:hover span.inner {
    border: 0;
  }
}
/*
 * MOBILE
 */
@media only screen and (max-width: 768px) {
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage {
    margin: 0 auto 0 auto;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0 !important;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image video, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image img {
    position: initial !important;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image a.link-area {
    display: none;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image a.link-mobile {
    display: block;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image a.link-desktop {
    display: none;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image-mobile {
    display: block;
    height: inherit;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image-mobile img {
    position: relative;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title.title-bestseller {
    display: block;
    margin-top: 10px;
    padding: 5px 0;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-title.title-bestseller .title {
    padding: 5px;
    text-align: center;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .link-all {
    margin: -8px 0 20px 0;
    padding: 10px 0;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video {
    position: relative;
    padding-bottom: 56.206088%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video iframe.iframe-youtube, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video embed, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video object, .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .bloc-video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 768px) {
  .contentmanager-contenttype-homepage .wrapper .page .main-container .main .col-main .homepage .homepage-image-mobile {
    display: none;
  }
}

/**----------------------------- HOMEPAGE
*/
/**----------------------------- CONTROLS
*/
/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 17px;
  height: 30px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  opacity: 0.6;
  transition: all 200ms linear;
  background-size: 17px 30px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  left: 20px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  right: 20px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* styles for chrono relais */

.chronorelais-list {  }
.sp-methods-chronorelais { padding:10px 0;}
.chronorelais-list .sp-methods-chronorelais dt {
    font-weight: 400;
}
.sp-methods-chronorelais dd li { clear:both;}
.sp-methods-chronorelais dd li label.radio-label + label {
    font-size: 12px;
}
.chronorelaismap { margin:20px 0px 10px 0px; }
.chronorelaismap .mappostalcode { margin-bottom:10px; text-align:left;}
.chronorelaismap .mappostalcode input#mappostalcode { width: 60px !important; }
.sp-methods .method-description { clear:both; }
.sp-methods .method-radio, .sp-methods .method-image, .sp-methods .method-contents { }
.sp-methods .method-image { padding:0 10px;}

/*****************************
sw-Gmap
*******************************/
.chronomap { height:450px; width:100%; overflow:hidden !important; font:82.5%/1.3 Arial,Helvetica,sans-serif; background-color: #E5E3DF; border: 1px solid #aaa;}
.chronomap *{float:none;overflow:visible;font-family: Arial,sans-serif;}
.chronomap a {color:#0000cc;outline:none;}
.chronomap h4{font-size:1em;margin-bottom:6px;border-bottom:1px solid #ccc;}
.chronomap h2{font-size:1em;margin:2px 10px 6px 0; font-weight:bold;}

/*****************************
Infowindow
*******************************/
.chronomap .sw-infowindow a{cursor:pointer;}
#sw-infowindow-info{max-height:400px}
#sw-infowindow-hor{height:150px}
.sw-map-adresse-wrp{min-height:90px}
.sw-map-adresse{font-size:1em;margin:5px 0 8px 0;line-height:1.45em;}
.sw-map-tools a{font-size:.9em;}
.chronomap .sw-desc{display:block;font-weight:bold;line-height:16px;float:none!important;width:auto;}
.chronomap .sw-help{display:block;float:none!important;width:auto;clear:both;}
.sw-map-itin-tools{font-size:.8em;padding:8px 0;display:block;}
.sw-back-link{font-size:.8em;display:block;text-align:right;margin:0px ;}
#sw-sendbymail-wrap{height:220px;overflow:hidden;}
.chronomap .sw-textarea{height:30px;}
.sw-tool-itineraire{height:220px;}
/*****************************
Tables
*******************************/
.sw-table {border-collapse:collapse; width:100%;}
.sw-table td {font-size:1em;border-bottom:1px solid #ccc; padding:1px 0px;}
.sw-table th{background:#eee;font-size:1em;border-top:1px solid #555}
#sw-table-horaire-client td ,#sw-table-horaire-depot td{width:50%;}
#sw-table-horaire-client{}
#sw-table-horaire-depot{margin-top:8px;}
/*****************************/



/*****************************
Chronopostsrdv
*******************************/
.global-desktop {
    min-width: 641px;
    display: block;
}
.global-desktop.onestepcheckout {
    display: none !important;
}
#rdvCarousel {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#rdvCarouselContent {
    width: 500%;
}
#rdvCarouselContent .slide {
    float: left;
    width: 20%; /* 20% de 500% soit 100% */
    height: auto;
}

.rdvCarouselheader nav {
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 5px;
}
.rdvCarouselheader nav a {
    background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/chronorelais/arrows.png) 0 0 no-repeat;
    line-height: 35px;
    color: #7B7B7B;
    text-decoration: none;
}
.rdvCarouselheader nav a.inactive {
    color: #CCC;
}
.rdvCarouselheader .prev {
    float: left;
    background-position: 0 0;
    padding-left: 28px;
}
.rdvCarouselheader .prev.inactive {
    background-position: -280px 0;
}
.rdvCarouselheader .next {
    float: right;
    background-position: right -280px top -65px;
    padding-right: 28px;
}
.rdvCarouselheader .next.inactive {
    background-position: right 0 top -65px;
}

#rdvCarouselContent .date-time {
    border-collapse: collapse;
}
#rdvCarouselContent .date-time td,
#rdvCarouselContent .date-time th {
    padding: 10px 5px;
    text-align: center;
}
#rdvCarouselContent .date-time td {
    border-left: solid 1px #f3f3f3;
    border-bottom: solid 1px #f3f3f3;
    font-size: 1.14em;
    vertical-align: top;
    padding-bottom: 5px;
    background-color: #fff;
}
#rdvCarouselContent .date-time td span {
  white-space: nowrap;
}
#rdvCarouselContent .date-time td label {
  position: relative;
  display: block !important;
  padding: 0 !important;
  min-width: 0 !important;
  color: inherit !important;
  background: inherit !important;
}
#rdvCarouselContent .date-time td.unavailable {
  background-color: #e6e6e7;
  font-size: 0.9em;
}
#rdvCarouselContent .date-time td.eco {
  background-color: #e2f0e0;
}
#rdvCarouselContent .caption {
  background-color: #595a5c;
  font-size: 1.71em;
  overflow: hidden;
  color: #fff;
  padding: 10px 20px;
}
#rdvCarouselContent .date-row th {
  font-size: .86em;
  color: #fff;
  background-color: #8f9091;
  font-weight: normal;
  border-left: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
#rdvCarouselContent .date-row th:first-child {
  border-left: 0;
}
#rdvCarouselContent .date-row th span {
  font-size: 2.14em;
  display: block;
}
#rdvCarouselContent .date-row th.active,
#rdvCarouselContent .date-time td.active,
#rdvCarouselContent .time-cell.active {
  background-color: #797979 !important;
  color: #fff !important;
}
#rdvCarouselContent .time-cell {
  font-size: 1.4em;
  background-color: #8f9091;
  font-weight: normal;
  color: #fff;
  border-bottom: solid 1px #fff;
  white-space: nowrap;
}

.chronopostsrdv_noresult {
    position: absolute;
    background: rgb(204, 204, 204) none repeat scroll 0% 0%;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.5;
}

.popin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  margin: -90px 0 0 -180px;
  background-color: #fff;
  z-index: 99999;
  padding: 25px;
  box-shadow: 0 5px 15px #ccc;
  font-size: 16px;
  display: block;
}
.popin a.close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: url(https://cdn.bananamoon.com/skin/frontend/bananaMoon/default/chronorelais/close.gif);
}

.margB {
  margin-bottom: 30px;
}
.center {
  text-align: center;
}

/*****************************
Chronopostsrdv mobile
*******************************/

.global-mobile {
    width: 100%;
    height: 100%;
    max-width: 640px;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
    display: none;
}
.global-mobile.onestepcheckout {
    display: block !important;
}

.global-mobile .header {
    width: auto;
}
#global-mobile h1 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: left;
}
.global-mobile .left {
  float: left;
}
.global-mobile .right {
  float: right;
}
.global-mobile .scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.global-mobile .scroll-v {
  overflow-y: auto;
  overflow-x: hidden;
}
.global-mobile .date-time {
  min-width: 100%;
  border-collapse: collapse;
}
.global-mobile .date-time th {
  padding: 5px;
  text-align: center;
}
.global-mobile .date-row th {
  color: #fff;
  background-color: #8f9091;
  font-weight: normal;
  border-left: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.global-mobile .date-row th:first-child {
  border-left: 0;
}
.global-mobile .date-row th span {
  font-size: 2.14em;
  display: block;
}
.global-mobile .time-list {
  border-left: solid 1px #f3f3f3;
  border-right: solid 1px #f3f3f3;
  position: relative;
}
.global-mobile .time-list li {
  display: table;
  width: 100%;
  border-bottom: solid 1px #f3f3f3;
  font-size: 2em;
}
.global-mobile .time-list li label {
  display: table-row !important;
  color: inherit !important;
  background: inherit !important;
}
.global-mobile .time-list li.unavailable {
  background-color: #e6e6e7;
}
.global-mobile .time-list li.unavailable .price-cell {
  font-size: .6em;
}
.global-mobile .time-list li.active,
.global-mobile .date-row th.active {
  background-color: #797979 !important;
  color: #fff !important;
}
.global-mobile .eco {
  background-color: #e2f0e0;
}
.global-mobile .time-cell,
.global-mobile .price-cell {
  display: table-cell;
  width: 30%;
  white-space: nowrap;
  padding: 20px;
}
.global-mobile .price-cell {
  width: 70%;
  padding-right: 60px;
  text-align: right;
}
.global-mobile .ic-eco {
  position: absolute;
  margin-left: 10px;
}
.global-mobile input {
  font-size: 18px;
  padding: 4px 30px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}


@media screen and (max-width: 720px) {
    .global-desktop {
        display: none;
    }
    .global-mobile {
        display: block;
    }
}

/**----------------------------- CUSTOMER
*/
/**----------------------------- CONTROLS
*/
/* ============================================ *
 * Customer
 * ============================================ */
/* common */
.customer-account-login #newsletter-register-form,
.customer-account-create #newsletter-register-form,
.customer-account-index #newsletter-register-form,
.customer-account-forgotpassword #newsletter-register-form {
  position: relative;
}
.customer-account-login .col-main .page-title h1,
.customer-account-create .col-main .page-title h1,
.customer-account-index .col-main .page-title h1,
.customer-account-forgotpassword .col-main .page-title h1 {
  color: #da5488;
  padding: 0 0 10px;
  font-size: 16px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  border: none;
}
.customer-account-login .col-main label,
.customer-account-create .col-main label,
.customer-account-index .col-main label,
.customer-account-forgotpassword .col-main label {
  font-size: 16px;
  line-height: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.customer-account-login .col-main label:nth-child(3),
.customer-account-create .col-main label:nth-child(3),
.customer-account-index .col-main label:nth-child(3),
.customer-account-forgotpassword .col-main label:nth-child(3) {
  margin-right: 25px;
}
.customer-account-login .col-main label.other,
.customer-account-create .col-main label.other,
.customer-account-index .col-main label.other,
.customer-account-forgotpassword .col-main label.other {
  font-size: 14px;
}
.customer-account-login .col-main h2, .customer-account-login .col-main .hello,
.customer-account-create .col-main h2,
.customer-account-create .col-main .hello,
.customer-account-index .col-main h2,
.customer-account-index .col-main .hello,
.customer-account-forgotpassword .col-main h2,
.customer-account-forgotpassword .col-main .hello {
  font-size: 16px;
  line-height: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.customer-account-login .col-main p,
.customer-account-create .col-main p,
.customer-account-index .col-main p,
.customer-account-forgotpassword .col-main p {
  font-size: 14px;
  line-height: 20px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  display: inline-block;
}
.customer-account-login .col-main p.spaced,
.customer-account-create .col-main p.spaced,
.customer-account-index .col-main p.spaced,
.customer-account-forgotpassword .col-main p.spaced {
  margin: 16px 0 6px;
  font-weight: 400;
}
.customer-account-login .col-main *::placeholder,
.customer-account-create .col-main *::placeholder,
.customer-account-index .col-main *::placeholder,
.customer-account-forgotpassword .col-main *::placeholder {
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.customer-account-login .col-main *::-webkit-placeholder,
.customer-account-create .col-main *::-webkit-placeholder,
.customer-account-index .col-main *::-webkit-placeholder,
.customer-account-forgotpassword .col-main *::-webkit-placeholder {
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.customer-account-login .col-main *::-moz-placeholder,
.customer-account-create .col-main *::-moz-placeholder,
.customer-account-index .col-main *::-moz-placeholder,
.customer-account-forgotpassword .col-main *::-moz-placeholder {
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.customer-account-login .col-main *::-ms-placeholder,
.customer-account-create .col-main *::-ms-placeholder,
.customer-account-index .col-main *::-ms-placeholder,
.customer-account-forgotpassword .col-main *::-ms-placeholder {
  color: #383f47;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.customer-account-login .col-main .hello,
.customer-account-create .col-main .hello,
.customer-account-index .col-main .hello,
.customer-account-forgotpassword .col-main .hello {
  text-align: left;
  color: #da5488;
  font-size: 16px;
  line-height: 16px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
  padding-bottom: 4px;
  display: inline-block;
  text-transform: uppercase;
}

/* end common */
/* ____________________________________________ LOGIN
*/
.customer-account-login {
  /**________________________________________________ DESKTOP
  */
  /**________________________________________________ MOBILE
  */
}
.customer-account-login .scaffold-form label:first-child {
  width: 115px;
}
.customer-account-login .col2-set .buttons-set {
  text-align: left;
  border-top: 0;
  width: auto;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
  float: none;
  width: 100%;
  margin: 0;
}
.customer-account-login .col2-set .col-1 ul {
  margin: 10px 0 20px 0;
}
.customer-account-login .col-main h2, .customer-account-login .col-main .hello {
  font-size: 20px;
  line-height: 20px;
  display: block;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.customer-account-login .col-main p,
.customer-account-login .col-main li {
  font-size: 16px;
  line-height: 24px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.customer-account-login a.forgot-password {
  text-align: right;
  font-size: 12px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: italic;
  text-decoration: underline;
}
.customer-account-login .registered-users li:last-child {
  text-align: right;
}
.customer-account-login .separator {
  width: 90%;
  border-top: 1px solid #da5488;
  margin: 40px auto 0 auto;
}
.customer-account-login .amajaxlogin-block.dashboard {
  margin-top: 30px;
}
.customer-account-login .amajaxlogin-block.dashboard .amajaxlogin-social-title.box-title {
  text-align: center;
}
.customer-account-login .amajaxlogin-block.dashboard .amajaxlogin-social-icon {
  width: initial;
  text-align: center;
}
.customer-account-login .amajaxlogin-block.dashboard .amajaxlogin-social-icon > div {
  display: inline-block;
}
.customer-account-login .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter {
  vertical-align: top;
}
.customer-account-login .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter #am-twitter-image {
  height: 32px;
  width: 115px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .customer-account-login .registered-users {
    border-left: 1px solid #da5488;
  }
  .customer-account-login .col-main h2, .customer-account-login .col-main .hello {
    text-align: center;
  }
  .customer-account-login .col2-set .col-1,
  .customer-account-login .col2-set .col-2 {
    padding: 0 90px;
  }
  .customer-account-login .col2-set .col-2 {
    border-left: 1px solid #da5488;
  }
  .customer-account-login input {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .customer-account-login .registered-users {
    border-top: 1px solid #da5488;
  }
  .customer-account-login .col2-set .col-1 {
    padding-bottom: 30px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-top: 30px;
  }
  .customer-account-login .col2-set p.required {
    display: none;
  }
}

.opc #opc-login p:not(.required) {
  font-style: italic;
  font-family: "BrownStd", Times, "Times New Roman", serif;
  font-size: 13px;
  color: #A0A0A0;
}

.remember-me-box a.hide {
  display: none;
}
.remember-me-box .link-tip {
  font-size: 13px;
  padding-left: 10px;
}

.remember-me-popup {
  display: none;
  border: 1px solid #CCCCCC;
  padding: 18px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup p {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 18px;
  font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}

.customer-account-create .account-create-colleft,
.customer-account-create .account-create-colright {
  width: 50%;
  display: inline-block;
  padding: 0 10px;
}
.customer-account-create .account-create-colleft .page-title {
  text-align: center;
}
.customer-account-create .account-create-colleft .scaffold-form .fieldset .form-instructions {
  width: 100%;
  text-align: center;
}
.customer-account-create .amajaxlogin-block.dashboard {
  margin-top: 50px;
}
.customer-account-create .amajaxlogin-block.dashboard .box-head {
  text-align: center;
}
.customer-account-create .amajaxlogin-block.dashboard .amajaxlogin-social-icon {
  width: initial;
  text-align: center;
  margin: 15px auto;
}
.customer-account-create .amajaxlogin-block.dashboard .amajaxlogin-social-icon > div {
  display: inline-block;
}
.customer-account-create .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter {
  vertical-align: top;
}
.customer-account-create .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter #am-twitter-image {
  height: 32px;
  width: 115px;
  margin: 0 auto;
}
.customer-account-create .amajaxlogin-block.dashboard .text-after-icons {
  margin-bottom: 35px;
}
.customer-account-create .amajaxlogin-block.dashboard .text-after-icons p {
  font-weight: 400;
  font-size: 12px;
}
.customer-account-create .account-create-colright {
  float: right;
}
.customer-account-create .form-list {
  width: 300px;
}
.customer-account-create .form-list li {
  margin-bottom: 18px;
}
.customer-account-create .form-list li .fields {
  margin: 0;
}
.customer-account-create .form-list li .field {
  margin-bottom: 18px;
}
.customer-account-create .buttons-set {
  width: 300px;
}
.customer-account-create .buttons-set .CTA {
  width: 300px;
}
.customer-account-create .fieldset .hidden {
  display: none;
}
.customer-account-create #remember-me-popup {
  max-width: 455px;
}

.customer-account-index .separator {
  width: 100%;
  border-top: 1px solid #da5488;
  margin: 40px auto 0 auto;
}
.customer-account-index .amajaxlogin-block.dashboard {
  margin-top: 30px;
}
.customer-account-index .amajaxlogin-block.dashboard .box-head,
.customer-account-index .amajaxlogin-block.dashboard .amajaxlogin-social-title.box-title {
  text-align: center;
}
.customer-account-index .amajaxlogin-block.dashboard .amajaxlogin-social-title.box-title {
  margin: 15px 0;
}
.customer-account-index .amajaxlogin-block.dashboard .amajaxlogin-social-icon {
  width: initial;
  text-align: center;
}
.customer-account-index .amajaxlogin-block.dashboard .amajaxlogin-social-icon > div {
  display: inline-block;
}
.customer-account-index .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter {
  vertical-align: top;
}
.customer-account-index .amajaxlogin-block.dashboard .amajaxlogin-social-icon #am-ajax-twitter #am-twitter-image {
  height: 32px;
  width: 115px;
  margin: 0 auto;
}

.customer-account-edit input,
.customer-address-form input {
  width: 100%;
}

.customer-account-edit .form-list li {
  margin-bottom: 18px;
}
.customer-account-edit .form-list li .fields {
  margin: 0;
}
.customer-account-edit .form-list li .field {
  margin-bottom: 18px;
}

.customer-address-form .form-list {
  width: 520px;
}
.customer-address-form .form-list > li {
  margin-bottom: 18px;
}
.customer-address-form .form-list > li .fields {
  margin: 0;
}
.customer-address-form .form-list > li .field, .customer-address-form .form-list > li.field {
  margin-bottom: 18px;
  width: 250px;
  float: left;
}
.customer-address-form .form-list > li .field + .field, .customer-address-form .form-list > li.field + .field {
  float: right;
}
.customer-address-form .form-list > li.alone {
  clear: both;
  float: none;
  width: 250px;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .customer-address-form .form-list > li .field, .customer-address-form .form-list > li.field, .customer-address-form .form-list > li.alone {
    width: 100%;
  }
}
/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .customer-account-login input,
  .customer-account-create input,
  .customer-account-index input,
  .customer-account-forgotpassword input {
    width: 300px;
  }

  .customer-account-edit #form-validate,
  .newsletter-manage-index #form-validate {
    width: 300px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .customer-account-login input,
  .customer-account-create input,
  .customer-account-index input,
  .customer-account-forgotpassword input {
    width: 100%;
  }

  .customer-account-create .scaffold-form {
    width: 100%;
  }
}
.customer-account-forgotpassword .col-main {
  padding: 0 10px;
}
.customer-account-forgotpassword .col-main h2,
.customer-account-forgotpassword .col-main .hello {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
  /**________________________________________________ MOBILE
  */
}
@media only screen and (max-width: 767px) {
  .customer-account-forgotpassword .fieldset,
  .customer-account-forgotpassword .buttons-set {
    margin-left: 0;
  }
}

/* ============================================ *
 * My Account Global Styles
 * ============================================ */
.customer-account .col-main {
  padding: 0 10px;
}
.customer-account .my-account {
  color: #383f47;
  font-size: 14px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.customer-account .my-account .messages {
  margin-top: 7px;
  margin-bottom: 28px;
}
.customer-account .my-account .title-buttons {
  position: relative;
}
.customer-account .my-account .title-buttons h1 {
  text-align: left;
  font-size: 16px;
}
.customer-account .my-account .title-buttons .button {
  position: absolute;
  right: 0;
  top: 0;
}
.customer-account .my-account .fieldset h2, .customer-account .my-account .fieldset .customer-account-login .col-main .hello, .customer-account-login .col-main .customer-account .my-account .fieldset .hello,
.customer-account .my-account .fieldset .customer-account-create .col-main .hello,
.customer-account-create .col-main .customer-account .my-account .fieldset .hello,
.customer-account .my-account .fieldset .customer-account-index .col-main .hello,
.customer-account-index .col-main .customer-account .my-account .fieldset .hello,
.customer-account .my-account .fieldset .customer-account-forgotpassword .col-main .hello,
.customer-account-forgotpassword .col-main .customer-account .my-account .fieldset .hello,
.customer-account .my-account .addresses-list h2,
.customer-account .my-account .addresses-list .customer-account-login .col-main .hello,
.customer-account-login .col-main .customer-account .my-account .addresses-list .hello,
.customer-account .my-account .addresses-list .customer-account-create .col-main .hello,
.customer-account-create .col-main .customer-account .my-account .addresses-list .hello,
.customer-account .my-account .addresses-list .customer-account-index .col-main .hello,
.customer-account-index .col-main .customer-account .my-account .addresses-list .hello,
.customer-account .my-account .addresses-list .customer-account-forgotpassword .col-main .hello,
.customer-account-forgotpassword .col-main .customer-account .my-account .addresses-list .hello,
.customer-account .my-account .order-details h2,
.customer-account .my-account .order-details .customer-account-login .col-main .hello,
.customer-account-login .col-main .customer-account .my-account .order-details .hello,
.customer-account .my-account .order-details .customer-account-create .col-main .hello,
.customer-account-create .col-main .customer-account .my-account .order-details .hello,
.customer-account .my-account .order-details .customer-account-index .col-main .hello,
.customer-account-index .col-main .customer-account .my-account .order-details .hello,
.customer-account .my-account .order-details .customer-account-forgotpassword .col-main .hello,
.customer-account-forgotpassword .col-main .customer-account .my-account .order-details .hello {
  width: 100%;
  display: inline-block;
}
.customer-account .my-account .addresses-list h3 {
  font-size: 14px;
  font-weight: 600;
}
.customer-account .my-account .fieldset {
  padding-top: 4px;
  margin-bottom: 10px;
}
.customer-account .my-account .pager .limiter {
  width: auto;
}
.customer-account .my-account .pager .limiter > label {
  float: left;
  line-height: 30px;
}
.customer-account .my-account #my-orders-table th.number {
  width: 13%;
}
.customer-account .my-account #my-orders-table th.date {
  width: 13%;
}
.customer-account .my-account #my-orders-table th.ship {
  width: 37%;
}
.customer-account .my-account #my-orders-table th.total {
  width: 13%;
}
.customer-account .my-account #my-orders-table th.status {
  width: 11%;
}
.customer-account .my-account #my-orders-table th.view {
  width: 13%;
}
.customer-account .my-account .button {
  margin: 0;
  padding: 7px 20px 2px;
  display: block;
  border: 1px solid #da5488;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  padding: 5px 16px 2px;
  background: #da5488;
  text-align: center;
  float: left;
  min-width: 130px;
}
.customer-account .my-account .button:hover {
  text-decoration: none;
  color: #da5488;
  background-color: #ffffff;
}
.customer-account .data-table {
  margin-top: 5px;
}
.customer-account .data-table td a {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-size: 13px;
}
.customer-account .data-table span.nobr {
  white-space: normal;
}
.customer-account .data-table span.nobr a {
  white-space: nowrap;
}
.customer-account .data-table td.view a {
  display: block;
}
.customer-account .data-table .separator {
  display: none;
}
.customer-account .sidebar .block ol#compare-items li {
  margin: 18px 0;
}
.customer-account .sidebar .block .block-content p.block-subtitle {
  margin-bottom: 15px;
}
.customer-account .sidebar .block .block-content .actions {
  margin-top: 30px;
}
.customer-account .sidebar ol#cart-sidebar-reorder li {
  margin-top: 18px;
  margin-bottom: 0;
}
.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
  display: inline-block;
  margin-bottom: 0;
}
.customer-account .sidebar .block-cart .summary {
  margin-bottom: 15px;
}
.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
  margin-top: 18px;
  margin-bottom: 0;
}
.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
  display: inline;
  margin-bottom: 0;
}
.customer-account .gdpr-information {
  margin: 40px 0 20px;
  font-size: 1.2rem;
  text-align: justify;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  padding: 10px 0;
}

#wishlist-view-form {
  margin-top: -34px;
}

.messages + #wishlist-view-form {
  margin-top: 0;
}

.fieldset .wishlist-empty {
  margin-top: 34px;
}

.customer-account .my-account .wishlist-empty + .buttons-set2 {
  border: 0;
  padding: 0;
}

/**________________________________________________ TABLET
*/
@media only screen and (max-width: 939px) {
  .customer-account-create .account-create-colright img {
    width: 100%;
  }

  .customer-account .data-table th,
  .customer-account .data-table td {
    padding: 10px 5px;
  }

  .customer-account .col-left {
    width: 100%;
    margin-bottom: 0;
  }
  .customer-account .col-main {
    width: 100%;
    margin-top: 10px;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .customer-account-create .col-main .page-title h1,
  .customer-account-forgotpassword .col-main .page-title h1 {
    padding: 10px 0;
  }

  .customer-account-create .account-create-colleft {
    width: 100%;
  }
  .customer-account-create .account-create-colright {
    display: none;
  }
  .customer-account-create p.required {
    float: right;
    margin: 0;
    line-height: 20px;
  }

  .customer-account .col-left {
    width: 100%;
    margin-bottom: 0;
  }
  .customer-account .col-main {
    width: 100%;
    margin-top: 10px;
  }
  .customer-account .my-account #my-orders-table th.number {
    width: 33%;
  }
  .customer-account .my-account #my-orders-table th.total {
    width: 34%;
  }
  .customer-account .my-account #my-orders-table th.view {
    width: 33%;
  }

  .customer-account-login .col-main {
    width: 100%;
    padding: 0 10px;
  }
  .customer-account-login .col-main .page-title h1 {
    padding-top: 8px;
    font-family: "BrownStd", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    border-bottom: 1px solid #da5488;
  }
}
.my-account .form-list,
.account-create .form-list {
  /*    width: 300px;*/
}
.my-account .form-list .customer-dob .dob-month,
.my-account .form-list .customer-dob .dob-day,
.my-account .form-list .customer-dob .dob-year,
.account-create .form-list .customer-dob .dob-month,
.account-create .form-list .customer-dob .dob-day,
.account-create .form-list .customer-dob .dob-year {
  width: 30%;
  display: inline-block;
  float: left;
  margin-right: 5%;
}
.my-account .form-list .customer-dob .dob-year,
.account-create .form-list .customer-dob .dob-year {
  margin-right: 0;
  float: none;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .scaffold-form .form-list,
  .scaffold-form .buttons-set {
    width: 100%;
  }
}
.block-account .block-title span {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  color: #da5488;
  display: inline-block;
  text-transform: uppercase;
}
.block-account li a {
  font-size: 14px;
  line-height: 18px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.block-account li.current a {
  color: #da5488;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .block-account .block-title span {
    padding-bottom: 10px;
  }
}
/* ============================================ *
 * Dashboard
 * ============================================ */
.dashboard a {
  font-size: 14px;
  display: block;
  color: #da5488;
}
.dashboard h2 + a, .dashboard .customer-account-login .col-main .hello + a, .customer-account-login .col-main .dashboard .hello + a,
.dashboard .customer-account-create .col-main .hello + a,
.customer-account-create .col-main .dashboard .hello + a,
.dashboard .customer-account-index .col-main .hello + a,
.customer-account-index .col-main .dashboard .hello + a,
.dashboard .customer-account-forgotpassword .col-main .hello + a,
.customer-account-forgotpassword .col-main .dashboard .hello + a {
  display: inline-block;
}
.dashboard .box-head {
  padding-bottom: 0;
}
.dashboard .box-head a {
  padding: 4px;
}
.dashboard .box-account:not(:first-child) {
  margin-top: 32px;
}
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
  padding-right: 20px;
  padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
  position: relative;
  padding-bottom: 8px;
}
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h3 {
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  padding-bottom: 2px;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
  line-height: 20px;
}
.dashboard .col2-set .col-1 .box-content address,
.dashboard .col2-set .col-2 .box-content address {
  line-height: 17px;
}
.dashboard .welcome-msg {
  margin-bottom: 36px;
}
.dashboard .box-reviews.box-account {
  padding-bottom: 0;
}
.dashboard .box-reviews li {
  padding: 18px 0;
  border-top: 1px solid #EDEDED;
}
.dashboard .box-reviews li:first-child {
  border-top: 0;
}
.dashboard .box-reviews li .number {
  margin-right: -20px;
  float: left;
  line-height: 1.4;
  font-size: 13px;
}
.dashboard .box-reviews li .details {
  margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
  float: left;
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-size: 13px;
  margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
  float: left;
  margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.my-account .addresses-list {
  font-family: "BrownStd", Times, "Times New Roman", serif;
  /**________________________________________________ MOBILE
  */
}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
  padding-bottom: 0;
}
.my-account .addresses-list .item {
  margin: 0 0 30px 0;
}
.my-account .addresses-list .item p {
  margin-top: 18px;
}
@media only screen and (max-width: 767px) {
  .my-account .addresses-list .col-1,
  .my-account .addresses-list .col-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .my-account .addresses-list .col-1 li.empty,
  .my-account .addresses-list .col-2 li.empty {
    width: 100%;
  }
  .my-account .addresses-list .addresses-additional p a {
    white-space: nowrap;
  }
}

/* ============================================ *
 * Order View
 * ============================================ */
.order-info {
  padding-bottom: 18px;
  border-bottom: 1px solid #EDEDED;
  width: 100%;
  margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
  display: inline;
}
.order-info dt {
  margin-right: 36px;
}
.order-info li {
  margin: 0 0 0 36px;
}
.order-info li.current {
  font-weight: 600;
}
.order-info li:first-child {
  margin-left: 0;
}

.order-date {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

.order-info-box {
  margin-bottom: 40px;
  margin-top: 20px;
}
.order-info-box + .order-info-box {
  padding-bottom: 40px;
  border-bottom: 1px solid #EDEDED;
}
.order-info-box .col-1 {
  padding-right: 0;
  width: 48%;
}
.order-info-box .col-2 {
  width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.order-info-box .box-title {
  width: 150px;
  padding-right: 18px;
  float: left;
}
.order-info-box .box-content {
  float: left;
  font-family: "BrownStd", Times, "Times New Roman", serif;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
  font-family: "BrownStd", Times, "Times New Roman", serif;
  line-height: 1.3;
}
.order-info-box .box-content th {
  padding-top: 18px;
}
.order-info-box .box-content td {
  padding-left: 15px;
}
.order-info-box .box-content strong {
  font-family: "BrownStd", Verdana, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

#my-orders-table .option-label {
  margin-left: 18px;
  font-weight: 600;
  font-style: italic;
}
#my-orders-table .option-value {
  margin-left: 36px;
}
#my-orders-table tr.bundle:not(:last-child) td {
  border-bottom: none;
  border-top: none;
}

ol#cart-sidebar-reorder li {
  margin-top: 18px;
  margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
  display: inline;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  #my-orders-table .option-label {
    margin-left: 20px;
  }
  #my-orders-table .option-value {
    margin-left: 35px;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr br {
    display: none;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr strong {
    margin-right: 18px;
  }
  #my-orders-table tr.bundle {
    border-color: #EDEDED;
  }
  #my-orders-table tr.bundle.child td[data-rwd-label] {
    padding-left: 60px;
  }
  #my-orders-table tbody:last-child tr:last-child td {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  #my-orders-table tbody:last-child tr:last-child td:last-child {
    padding-bottom: 15px;
  }
  #my-orders-table tfoot tr.shipping {
    margin-top: 0;
  }
}
.order-additional {
  margin: 40px 0;
}

.order-gift-message dd {
  margin-top: 18px;
}

/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    padding-right: 30px;
    padding-bottom: 0;
  }

  .customer-account .data-table td.view a {
    white-space: normal;
  }

  .customer-account .my-account .title-buttons {
    text-align: left;
  }
  .customer-account .my-account .title-buttons span.separator,
  .customer-account .my-account .title-buttons a {
    top: -12px;
  }

  .customer-account .data-table.orders th.ship,
  .customer-account .data-table.orders td.ship,
  .customer-account .data-table.orders td.status,
  .customer-account .data-table.orders th.status {
    display: none;
  }

  .order-info-box .box-content {
    clear: left;
  }

  .addresses-list .item {
    float: left;
    width: 50%;
    padding-right: 30px;
  }

  .order-info dt {
    display: none;
  }

  .dashboard .page-title {
    margin-top: 20px;
  }
  .dashboard .page-title h1 {
    margin-top: 0;
  }
  .dashboard .welcome-msg {
    font-family: "BrownStd", Times, "Times New Roman", serif;
  }
  .dashboard .welcome-msg .hello {
    font-style: italic;
  }
  .dashboard .box-account {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 48%;
    padding-right: 0;
    padding-left: 0;
  }
  .dashboard .col2-set .col-1 {
    float: left;
    margin-right: 4%;
  }
  .dashboard .col2-set .col-2 {
    float: right;
  }

  .customer-account .my-account .form-list .control {
    padding-left: 0;
  }

  .customer-account .my-account .page-title h1 {
    text-align: center;
    display: block;
  }
  .customer-account .my-account .title-buttons {
    text-align: center;
  }
  .customer-account .my-account .title-buttons .button {
    width: 100%;
    position: static;
    margin-bottom: 15px;
  }
  .customer-account .my-account .title-buttons .button + .button {
    margin-left: 0px;
  }
  .customer-account .my-account .fieldset h2, .customer-account .my-account .fieldset .customer-account-login .col-main .hello, .customer-account-login .col-main .customer-account .my-account .fieldset .hello,
  .customer-account .my-account .fieldset .customer-account-create .col-main .hello,
  .customer-account-create .col-main .customer-account .my-account .fieldset .hello,
  .customer-account .my-account .fieldset .customer-account-index .col-main .hello,
  .customer-account-index .col-main .customer-account .my-account .fieldset .hello,
  .customer-account .my-account .fieldset .customer-account-forgotpassword .col-main .hello,
  .customer-account-forgotpassword .col-main .customer-account .my-account .fieldset .hello {
    margin-bottom: 15px;
  }
  .customer-account .my-account .order-details h2, .customer-account .my-account .order-details .customer-account-login .col-main .hello, .customer-account-login .col-main .customer-account .my-account .order-details .hello,
  .customer-account .my-account .order-details .customer-account-create .col-main .hello,
  .customer-account-create .col-main .customer-account .my-account .order-details .hello,
  .customer-account .my-account .order-details .customer-account-index .col-main .hello,
  .customer-account-index .col-main .customer-account .my-account .order-details .hello,
  .customer-account .my-account .order-details .customer-account-forgotpassword .col-main .hello,
  .customer-account-forgotpassword .col-main .customer-account .my-account .order-details .hello {
    margin-bottom: 15px;
  }
  .customer-account .my-account .buttons-set {
    border-top: 0;
  }
  .customer-account .my-account .addresses-list .item {
    margin-bottom: 15px;
    padding-right: 0;
    float: none;
    width: auto;
  }
  .customer-account .my-account .addresses-list h2, .customer-account .my-account .addresses-list .customer-account-login .col-main .hello, .customer-account-login .col-main .customer-account .my-account .addresses-list .hello,
  .customer-account .my-account .addresses-list .customer-account-create .col-main .hello,
  .customer-account-create .col-main .customer-account .my-account .addresses-list .hello,
  .customer-account .my-account .addresses-list .customer-account-index .col-main .hello,
  .customer-account-index .col-main .customer-account .my-account .addresses-list .hello,
  .customer-account .my-account .addresses-list .customer-account-forgotpassword .col-main .hello,
  .customer-account-forgotpassword .col-main .customer-account .my-account .addresses-list .hello {
    margin-bottom: 15px;
  }

  .order-info {
    margin-top: 15px;
  }

  .data-table.orders .link-reorder,
  .data-table.orders .date {
    display: none;
  }
  .data-table.orders td.view {
    text-align: right;
  }

  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 100%;
    margin-top: 15px;
  }

  .order-info-box {
    margin: 0;
  }
  .order-info-box .col-1,
  .order-info-box .col-2 {
    width: 100%;
    border-bottom: 1px solid #EDEDED;
    padding: 15px 0;
  }
  .order-info-box + .order-info-box {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 30px;
  }

  #my-reviews-table .nobr {
    white-space: normal;
  }
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
.newsletter-manage-index .my-account .fieldset {
  margin-bottom: 20px;
}
.newsletter-manage-index .my-account .fieldset h2, .newsletter-manage-index .my-account .fieldset .customer-account-login .col-main .hello, .customer-account-login .col-main .newsletter-manage-index .my-account .fieldset .hello,
.newsletter-manage-index .my-account .fieldset .customer-account-create .col-main .hello,
.customer-account-create .col-main .newsletter-manage-index .my-account .fieldset .hello,
.newsletter-manage-index .my-account .fieldset .customer-account-index .col-main .hello,
.customer-account-index .col-main .newsletter-manage-index .my-account .fieldset .hello,
.newsletter-manage-index .my-account .fieldset .customer-account-forgotpassword .col-main .hello,
.customer-account-forgotpassword .col-main .newsletter-manage-index .my-account .fieldset .hello {
  display: none;
}
.newsletter-manage-index .my-account .form-list {
  border-top: 1px solid #EDEDED;
  padding-top: 10px;
}

/* label */
.customer-account .form-list .control label {
  min-width: 15px;
  max-width: 90%;
  padding: 0;
}

.sales-order-view .page-title .link-reorder,
.sales-order-view .page-title .link-print,
.sales-order-view .page-title .separator {
  float: right;
}
.sales-order-view .page-title .separator {
  padding: 0 6px;
}

/**________________________________________________ DESKTOP
*/
@media only screen and (min-width: 768px) {
  .sales-order-view .order-details thead th:first-child {
    width: 35%;
  }
}
/**________________________________________________ MOBILE
*/
@media only screen and (max-width: 767px) {
  .linearize-table-large tfoot td:nth-child(2n) {
    text-align: right;
  }
}
/**
    RMA Forms (for customers and guests)
 */
.enterprise-rma-return-create .main-container #rma_create_form .order-page .page-title h1, .enterprise-rma-return-create .main-container #rma_create_form .fieldset .page-title h1,
.enterprise-rma-guest-create .main-container #rma_create_form .order-page .page-title h1,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset .page-title h1 {
  text-align: center;
  width: 100%;
  border-bottom: 2px solid #db0a5b;
  margin-bottom: 25px;
}
.enterprise-rma-return-create .main-container #rma_create_form .order-page .form-list .legend, .enterprise-rma-return-create .main-container #rma_create_form .fieldset .form-list .legend,
.enterprise-rma-guest-create .main-container #rma_create_form .order-page .form-list .legend,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset .form-list .legend {
  border-bottom: 1px solid #383f47;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
}
.enterprise-rma-return-create .main-container #rma_create_form .order-page .form-list li, .enterprise-rma-return-create .main-container #rma_create_form .fieldset .form-list li,
.enterprise-rma-guest-create .main-container #rma_create_form .order-page .form-list li,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset .form-list li {
  border-bottom: none;
  margin-bottom: 20px;
}
.enterprise-rma-return-create .main-container #rma_create_form .order-page .form-list li label, .enterprise-rma-return-create .main-container #rma_create_form .fieldset .form-list li label,
.enterprise-rma-guest-create .main-container #rma_create_form .order-page .form-list li label,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset .form-list li label {
  font-size: 18px;
}
.enterprise-rma-return-create .main-container #rma_create_form .order-page .form-list li h5, .enterprise-rma-return-create .main-container #rma_create_form .fieldset .form-list li h5,
.enterprise-rma-guest-create .main-container #rma_create_form .order-page .form-list li h5,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset .form-list li h5 {
  font-size: 15px;
}
.enterprise-rma-return-create .main-container #rma_create_form .fieldset .legend,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset .legend {
  border-bottom: 1px solid #383f47;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
}
.enterprise-rma-return-create .main-container #rma_create_form .fieldset ul li .field,
.enterprise-rma-guest-create .main-container #rma_create_form .fieldset ul li .field {
  margin-bottom: 30px;
}
.enterprise-rma-return-create .main-container #rma_create_form #rma_comment,
.enterprise-rma-guest-create .main-container #rma_create_form #rma_comment {
  max-width: none;
}
.enterprise-rma-return-create .main-container #rma_create_form .buttons-set.form-buttons,
.enterprise-rma-guest-create .main-container #rma_create_form .buttons-set.form-buttons {
  margin-top: 20px;
}
.enterprise-rma-return-create .main-container #rma_create_form .buttons-set.form-buttons #submit\.save,
.enterprise-rma-guest-create .main-container #rma_create_form .buttons-set.form-buttons #submit\.save {
  float: right;
}

#rma_create_form #my-orders-table thead th,
#rma_create_form #my-orders-table thead td,
#rma_create_form #my-orders-table tbody td {
  padding-left: 5px;
  padding-right: 5px;
}
#rma_create_form #my-orders-table thead th:first-child,
#rma_create_form #my-orders-table thead td:first-child,
#rma_create_form #my-orders-table tbody td:first-child {
  width: auto;
}
#rma_create_form #my-orders-table thead th.info,
#rma_create_form #my-orders-table thead td.info,
#rma_create_form #my-orders-table tbody td.info {
  width: 200px;
}
#rma_create_form #my-orders-table thead th.info img,
#rma_create_form #my-orders-table thead td.info img,
#rma_create_form #my-orders-table tbody td.info img {
  float: left;
}
#rma_create_form #my-orders-table thead th.info label,
#rma_create_form #my-orders-table thead td.info label,
#rma_create_form #my-orders-table tbody td.info label {
  width: calc(100% - 64px);
  float: right;
}
#rma_create_form #my-orders-table thead th.info h3,
#rma_create_form #my-orders-table thead td.info h3,
#rma_create_form #my-orders-table tbody td.info h3 {
  padding-left: 10px;
  font-weight: 400;
  font-size: 13px;
  padding-right: 5px;
}
#rma_create_form #my-orders-table .input-box {
  margin-top: 0;
  padding-top: 0;
  position: relative;
}
#rma_create_form td.field-attribute label {
  display: none;
}
#rma_create_form input.qty {
  width: 34px;
  border: 1px solid #383f47;
  padding: 8px 3px;
}
#rma_create_form select {
  width: inherit;
}

.outofdate-return {
  background: #db0a5b;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
.outofdate-return a {
  color: #fff;
  text-decoration: underline;
}

.order-info {
  padding: 0;
  height: 42px;
  margin: 0 0 10px;
}

#order-info-tabs {
  height: 42px;
}
#order-info-tabs li {
  display: block;
  float: left;
  text-align: center;
  height: 42px;
  margin: 0;
  margin-right: -1px;
  border: 1px #EDEDED solid;
}
#order-info-tabs li a {
  padding: 10px 10px;
  background: #EDEDED;
  display: block;
  transition: All 200ms linear;
}
#order-info-tabs li a:hover {
  text-decoration: none;
  color: #000;
  background: #fff;
}
#order-info-tabs li.current {
  padding: 10px 10px;
  border-bottom: 1px #fff solid;
}

.sales-guest-form .page-title h1 {
  text-align: center;
  width: 100%;
  border-bottom: 2px solid #db0a5b;
  margin-bottom: 25px;
}
.sales-guest-form .fieldset .legend {
  border-bottom: 1px solid #383f47;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
}
.sales-guest-form .fieldset ul li {
  margin-bottom: 30px;
}
.sales-guest-form .fieldset ul li .help-label {
  margin-left: 15px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
}
.sales-guest-form .fieldset ul .wide {
  margin-bottom: 10px;
}

.sales-guest-view .page-title {
  margin: 30px 0 20px 0;
}
.sales-guest-view .page-title h1 {
  margin-right: 10px;
}
.sales-guest-view .page-title a {
  font-size: 17px;
  font-weight: 800;
  text-decoration: underline;
}
.sales-guest-view .order-date {
  margin: 40px 0;
}
.sales-guest-view .col2-set {
  padding: 10px;
  border: 1px solid #DB0A5B;
}
.sales-guest-view .order-items.order-details {
  margin-top: 50px;
}
.sales-guest-view .order-items.order-details h2.table-caption, .sales-guest-view .order-items.order-details .customer-account-login .col-main .table-caption.hello, .customer-account-login .col-main .sales-guest-view .order-items.order-details .table-caption.hello,
.sales-guest-view .order-items.order-details .customer-account-create .col-main .table-caption.hello,
.customer-account-create .col-main .sales-guest-view .order-items.order-details .table-caption.hello,
.sales-guest-view .order-items.order-details .customer-account-index .col-main .table-caption.hello,
.customer-account-index .col-main .sales-guest-view .order-items.order-details .table-caption.hello,
.sales-guest-view .order-items.order-details .customer-account-forgotpassword .col-main .table-caption.hello,
.customer-account-forgotpassword .col-main .sales-guest-view .order-items.order-details .table-caption.hello {
  margin-bottom: 10px;
}

.sales-order-view .page-title h1 {
  margin-right: 10px;
}
.sales-order-view .page-title a {
  font-size: 17px;
  font-weight: 800;
  text-decoration: underline;
}

.enterprise-rma-guest-create .order-page .page-title {
  margin: 30px 0 20px 0;
}

/**
    "My returns" page
 */
.rma-list .limiter {
  display: none;
}

.enterprise-rma-return-history .data-table thead .first.last th {
  width: 15%;
}
.enterprise-rma-return-history .data-table thead .first.last .ship-from {
  width: 40%;
}
.enterprise-rma-return-history .data-table thead .first.last .status {
  width: 18%;
}
.enterprise-rma-return-history .data-table thead .first.last .view {
  width: 12%;
}
.enterprise-rma-return-history .data-table tbody tr td.view a {
  text-decoration: underline;
}