[class^="ico-"],
[class^="figure-"],
.btn { display: inline-block; vertical-align: middle; }

.bag-item .bag-item-content:after,
.cart-item-cols:after,
.cols:after,
.filters:after,
.filters-bar:after,
.form-cols:after,
.form .form-row:after,
.list-links:after,
.nav ul:after,
.products:after,
.section-shop .section-body:after,
.socials-mobile ul:after { display: table; clear: both; line-height: 0; content: ''; }

/* ------------------------------------------------------------ *\
	1. Generic
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */


* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before,
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }


button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }


input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="submit"],
textarea,
button { -webkit-appearance: none; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { opacity: 1; color: inherit; }

input::-moz-placeholder,
textarea::-moz-placeholder { opacity: 1; color: inherit; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { opacity: 1; color: inherit; }

input::placeholder,
textarea::placeholder { opacity: 1; color: inherit; }


button,
input[type="button"],
input[type="reset"],
input[type="submit"]
label[for] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }
th,
td { padding: 0; }


/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_thin-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_thin-webfont.woff2') format('woff2'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_thin-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_thin-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_thin-webfont.svg#brandon_grotesquethin') format('svg');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_light-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_light-webfont.woff2') format('woff2'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_light-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_light-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_reg-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_reg-webfont.woff2') format('woff2'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_reg-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_reg-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_med-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_med-webfont.woff2') format('woff2'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_med-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_med-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_bld-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_bld-webfont.woff2') format('woff2'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_bld-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_bld-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.woff2') format('woff2'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon_reg';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_reg_400_normal_1441890383.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_reg_400_normal_1441890383.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_reg_400_normal_1441890383.svg#Brandon_reg') format('svg'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_reg_400_normal_1441890383.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_reg_400_normal_1441890383.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon_med';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_med_400_normal_1441890409.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_med_400_normal_1441890409.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_med_400_normal_1441890409.svg#Brandon_med') format('svg'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_med_400_normal_1441890409.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_med_400_normal_1441890409.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon_blk';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_blk_400_normal_1441890434.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_blk_400_normal_1441890434.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_blk_400_normal_1441890434.svg#Brandon_blk') format('svg'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_blk_400_normal_1441890434.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/Brandon_blk_400_normal_1441890434.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'helvetica_neue_lt_std55_roman';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/helveticaneueltstd-roman-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/helveticaneueltstd-roman-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/helveticaneueltstd-roman-webfont.svg#helvetica_neue_lt_std55_roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.eot');
    src: url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.woff') format('woff'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.ttf') format('truetype'),
    url('https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BrandonGrotesque";
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_500_normal_1452153991.eot");
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_500_normal_1452153991.eot?#iefix") format("embedded-opentype"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_500_normal_1452153991.svg#BrandonGrotesque") format("svg"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_500_normal_1452153991.woff") format("woff"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_500_normal_1452153991.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "BrandonGrotesque";
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_700_normal_1452153991.eot");
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_700_normal_1452153991.eot?#iefix") format("embedded-opentype"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_700_normal_1452153991.svg#BrandonGrotesque") format("svg"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_700_normal_1452153991.woff") format("woff"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_700_normal_1452153991.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "BrandonGrotesque";
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_300_normal_1452153991.eot");
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_300_normal_1452153991.eot?#iefix") format("embedded-opentype"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_300_normal_1452153991.svg#BrandonGrotesque") format("svg"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_300_normal_1452153991.woff") format("woff"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_300_normal_1452153991.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "BrandonGrotesque";
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_400_normal_1452153991.eot");
    src: url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_400_normal_1452153991.eot?#iefix") format("embedded-opentype"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_400_normal_1452153991.svg#BrandonGrotesque") format("svg"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_400_normal_1452153991.woff") format("woff"),
    url("https://bandier.ips.photos/skin/frontend/bandier/default/css/fonts/BrandonGrotesque_400_normal_1452153991.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}


/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Brandon Grotesque', sans-serif; font-size: 16px; line-height: 1.25; color: #000; }

a { color: inherit; text-decoration: none; }

a:hover { text-decoration: underline; cursor: pointer; }


h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 16px; }
h6 { font-size: 12.8px; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.625em; text-transform: uppercase; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.25em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

::-moz-selection { background: 0 0; color: #0dd; text-shadow: none; }

::selection { background: 0 0; color: #0dd; text-shadow: none; }

i { font-style: normal; }



/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */


/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

.hidden { display: none; }

.inline-space-left { margin-left: 5px; }
.inline-space-right { margin-right: 5px; }

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

/*  Notext  */

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }


[class^="ico-"] { background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") 0 0 no-repeat; font-size: 0; }
[class^="ico-bag"] { background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/bag.png") 0 0 no-repeat; font-size: 0; background-size:24px 27px; }
[class^="figure-"]  { font-size: 0; }

.mobile-show { display: none; }

/*.loading { opacity: 0; }*/

.ll-nav { display: none; }

#infscr-loading { position: absolute; z-index: -1000; opacity: 0; display: none !important; }

.ll-listing-block { transition: all .6s cubic-bezier(.165,.84,.44,1); /*-webkit-transform: translate3d(0,0vh,0);*/ transform: translate3d(0,0vh,0); }
.ll-item-loading { opacity: 0; /*-webkit-transform: translate3d(0,10vh,0);*/ transform: translate3d(0,10vh,0); }


/* Animations */

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
    }

    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
    }

    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}


/* ------------------------------------------------------------ *\
	2. Regions
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */


.wrapper { overflow: hidden; position: relative; min-height: 100%; background: #fff; transition: .5s opacity; }


/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}


/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1200px; margin: auto; }


/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */


.header { position: relative ; min-width: 320px; width: 100%; height: 59px; z-index: 10;  background: #fff; transition: none; }
.header.scrolled { position: fixed;}
.header-expanded { top: 110px; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { overflow: hidden; position: relative; z-index: 2; background: #fff; /*transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1);*/ transition: transform .6s cubic-bezier(.165,.84,.44,1); }

.main-inner { position: relative; z-index: 3; background: #fff; }


/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { height: 250px;/*height: 380px; /*transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1);*/ transition: transform .6s cubic-bezier(.165,.84,.44,1); }
.footer .cols { /*padding: 0 57px;*/ font-size: 0;}
.footer .col { float: none; display: inline-block; vertical-align: top; padding: 54px 19px 0px; font-size: 14px; }
.footer .col:first-child { padding-top: 68px; }
.footer .col:first-child + .col { float: left; }

.footer-inner { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1; height: auto; background: #1a1a1a; color: #fff; text-align: center; }

.footer-title { font-size: 13px; line-height: 1.38; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }

.footer-top { min-height: 260px; }

.footer-bottom { height: 115px; padding: 53px 76px 0; border-top: 1px solid #727272; font-size: 10px; text-transform: uppercase; font-weight: 500; }

.footer-links { padding: 0px 22px 0; font-size: 10px; text-transform: uppercase; font-weight: 500; }
.footer-nav { float: left; line-height: 2; }
.footer-nav ul { margin: 0 -6px; list-style: none outside none; overflow: hidden; }
.footer-nav li { float: left; padding: 0 6px; line-height: 2; }
.footer-nav a { display: block; padding: 6px 0; }
.footer-nav span { display: block; padding: 6px 0; }
.footer-nav a:hover { text-decoration: none; }
/* custom */
.footer-inner .validation-advice { display: none; }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	3. Modules
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	Address
\* ------------------------------------------------------------ */

.addresses { margin-top: 88px; }

.addresses .cols { overflow: hidden; margin: 0; }
.addresses .col-1of2 { float: left; width: 45%; }
.addresses .col-1of2 + .col-1of2 { float: right; }

.address { margin-bottom: 50px; }
.address h4 { margin-bottom: 37px; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.address p { margin-bottom: 32px; font-size: 14px; line-height: 1.45; }
.address a { font-size: 10px; line-height: 1.1; border-bottom: 1px solid #0dd; text-transform: uppercase; }
.address a:hover { text-decoration: none; }
.address .address-empty { font-size: 16px; }
.address .address-highlight { font-size: 16px; }

.content-mobile { display: none; }

/* ------------------------------------------------------------ *\
	Section CTA
\* ------------------------------------------------------------ */

.section-cta { position: relative; padding-top: 100%; color: #00dddd; }
.section-cta .section-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.section-cta .section-content { position: absolute; top: 50%; left: 15px; right: 15px; text-align: center; text-transform: uppercase; transform: translateY(-50%); }
.section-cta .section-title { margin-bottom: 25px; font-size: 29px; line-height: 1; font-weight: bold; letter-spacing: 0.08em; }
.section-cta .section-title small { font-size: 17px; line-height: 1; }

.section-cta .actions a { font-size: 11px; letter-spacing: 0.12em; font-weight: bold; }
.section-cta .actions a:hover { text-decoration: none; }


/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

@media(min-width: 1024px) {
    .animation-element { opacity: 0; -webkit-transform: translate3d(0,10vh,0); transform: translate3d(0,10vh,0); transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1), opacity .4s linear .1s; transition: transform .6s cubic-bezier(.165,.84,.44,1), opacity .4s linear .1s; }

    .animation-start .animation-element,
    .animation-start.animation-element { opacity: 1; -webkit-transform: translate3d(0,0vh,0); transform: translate3d(0,0vh,0); }
}

/* ------------------------------------------------------------ *\

	Article

\* ------------------------------------------------------------ */

.section-title a.mag-title:hover { text-decoration: none}

.article { font-size: 14px; }
.article h1 { margin-bottom: 25px; font-size: 17px; font-weight: 700; }
.article h1:first-child { margin-bottom: 65px; }
.article h2 { margin-bottom: 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; }
.article h3 { margin-bottom: 25px; font-size: 16px; font-weight: 700; text-transform: none; }
.article p { margin-bottom: 25px; }
.article a { color: #0dd; }
.article a:hover { text-decoration: none; }
.article dl { overflow: hidden; margin-bottom: 25px; }
.article dt { float: left; margin-bottom: 25px; clear: both; }
.article dd { float: left; }
.article .underline { text-decoration: underline; }
.article .socials { margin-left: -9px; }
.article .socials li { padding: 0; }
.article .stores { padding-bottom: 65px; }

/* ------------------------------------------------------------ *\
	Article Post
\* ------------------------------------------------------------ */

.article-post { padding-top: 100px; }
.article-post .article-head-image img { width: 100%; height: auto; }
.article-post .article-head { position: relative; max-width: 824px; padding: 28px 0 41px; margin: 0 auto; background: #fff; text-align: center; }
.article-post .article-head-image + .article-head { margin-top: -100px; }
.article-post .article-head p { margin-bottom: 22px; font-size: 20px; }

.article-post .article-subtitle { margin-bottom: 20px; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
.article-post .article-title { margin-bottom: 29px; font-size: 38px; letter-spacing: .1em; }
.article-post .article-title-big { font-size: 52px; font-weight: 800;  }
.article-post .article-date { color: #727272; font-weight: 500; font-size: 11px; letter-spacing: .1em; }
.article-post .article-body { position: relative; }
.article-post .article-entry { max-width: 880px; margin: 0 auto; }
.article-post .article-entry .aligncenter { text-align: center; }
.article-post .article-entry img { max-width: 100%; height: auto; }
.article-post .article-entry p { max-width: 618px; margin: 0 auto; padding: 18px 20px 0; font-size: 20px; line-height: 1.5; }
.article-post .article-entry p:first-child { padding-top: 0; }
.article-post .article-entry p a { text-decoration: underline; }
.article-post .article-entry blockquote { padding-top: 48px; text-align: center; }
.article-post .article-entry blockquote p { font-size: 48px; line-height: 1.5; }
.article-post .article-entry iframe { max-width: 100%; height: auto; }
.article-post .article-entry iframe.instagram-media { max-width: 100%; height: 780px; }
.article-post .article-entry .playlist { padding: 50px 0 140px; }
.article-post .article-entry .playlist iframe { display: block; height: 600px; margin: 0 auto; }
.article-post .article-entry h4 { max-width: 618px; padding: 48px 20px 0; margin: 0 auto; font-size: 20px; line-height: 1.5; }
.article-post .article-entry h3 { max-width: 618px; padding: 48px 20px 0; margin: 0 auto; letter-spacing: .1em; font-size: 35px; }
.article-post .article-entry h3 span { display: inline-block; vertical-align: middle; width: 39px; height: 39px; margin: -14px 2px 0 0; border-radius: 50%; line-height: 36px; font-weight: bold; font-size: 20px; border: 2px solid #0dd; color: #0dd; letter-spacing: 0; text-align: center; }

.article-post .get-the-look { text-align: center; }
.article-post .get-the-look .get-look-content { text-align: center; }
.article-post .get-the-look a.look-drop { font-size: 24px; margin-top: 10px; display: inline-block; width: 170px; text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #0dd; }
.article-post .get-the-look a:hover { text-decoration: none; }
.article-post .get-the-look .listing { list-style: none; margin: 0 auto; max-width: 600px; padding-top: 25px; }
.article-post .get-the-look .listing li { width: 133px; display: inline-block; margin: 0 10px; }
.article-post .get-the-look:after { clear: both; display:block; content: ''}

.article-post .article-image { padding-top: 48px; }
.article-post .article-image img { width: 100%; height: auto; }
.article-post .article-image-small { max-width: 618px; margin: 0 auto; padding: 0 20px; }

.article-post .article-share { position: absolute; left: 48px; top: 30px; text-align: center; }
.article-post .article-share.sticky { position: fixed; top: 65px; }
.article-post .article-share.past-bottom { position: absolute; top: auto; bottom: 100vh; margin-bottom: -420px; }
.article-post .article-share span { display: block; margin-bottom: 12px; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.article-post .article-share ul { display: inline-block; vertical-align: top; list-style: none outside none; }
.article-post .article-share li { position: relative; width: 40px; height: 40px; border: 1px solid #0dd; margin-bottom: -1px; }
.article-post .article-share li:after { content: ''; position: absolute; z-index: 3; width: 14px; height: 1px; left: 13px; top: 100%; background: #0dd; visibility: hidden; opacity: 0; transition: all .6s linear; }
.article-post .article-share li:hover:after { visibility: visible; opacity: 1; }
.article-post .article-share a { position: relative; display: block; height: 38px; width: 38px; margin-right: 0; line-height: 35px; background: #fff; text-align: center; }
.article-post .article-share a:before { content: ''; position: absolute; width: 14px; top: -1px; left: 13px; bottom: -1px; background: #fff; transition: all .6s linear; }
.article-post .article-share a:after { content: ''; position: absolute; height: 14px; left: 0; right: -1px; top: 13px; background: #fff; transition: all .6s linear; }
.article-post .article-share a:hover:before,
.article-post .article-share a:hover:after { visibility: hidden; opacity: 0; }
.article-post .article-share i { position: relative; z-index: 5; }

.article-post .article-foot { padding: 60px 0 80px; text-align: center; }
.article-post .article-foot h3 { font-size: 22px; letter-spacing: .1em; text-transform: uppercase; }
.article-post .article-foot ul { list-style-type: none; }
.article-post .article-foot ul span { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; }
.article-post .article-foot ul h4 { display: inline; font-size: 20px; padding-left: 3px; text-transform: none; font-weight: normal; }
.article-post .article-foot li { line-height: 30px; }

.article-post .videoWrapper { margin-top: 38px; padding-bottom: 56.25%; position: relative; }
.article-post .videoWrapper iframe { width: 100%; height: 100%; position: absolute }

/* ------------------------------------------------------------ *\

	Article Post Alt

\* ------------------------------------------------------------ */

.article-post-alt .article-share.sticky { top: 95px; }
.article-post-alt .article-share.past-bottom { top: auto; margin-bottom: -397px; }

/* ------------------------------------------------------------ *\

	Article Post Q&A

\* ------------------------------------------------------------ */

.article-post-qa { position: relative; }
.article-post-qa .article-body { position: static; }
.article-post-qa .article-share { top: 100px; }
.article-post-qa .article-share.sticky { top: 100px; }
.article-post-qa .article-share.past-bottom { top: auto; margin-bottom: -245px; }
.article-post-qa .article-inner { max-width: 1200px; margin: 0 auto; padding-left: 100px; }
.article-post-qa .article-head-image { position: fixed; left: 50%; margin-left: -560px; top: 100px; }
.article-post-qa .article-head-image.at-bottom { position: absolute; top: auto; bottom: 105px; }
.article-post-qa .article-content { padding-left: 400px; }
.article-post-qa .article-head { max-width: 618px; padding: 0 20px; margin-bottom: 50px; text-align: left; }

/* ------------------------------------------------------------ *\

	Bag

\* ------------------------------------------------------------ */

.bag { position: fixed; top: 0; right: 0; height: 100%; z-index: 10; }
.bag .bag-inner { position: absolute; top: 0; right: 0; width: 430px; height: 100%; background: #fff; border-left: 3px solid #ebebeb; -webkit-transform: translate3d(433px,0,0); -ms-transform: translate(433px,0); transform: translate3d(433px,0,0); transition: -webkit-transform .9s cubic-bezier(.165,.84,.44,1); transition: transform .9s cubic-bezier(.165,.84,.44,1); }
.bag .bag-head { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 90px; background: #fff; padding: 22px 25px 0; border-bottom: 1px solid #cccccb; }
.bag .bag-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; }
.bag .bag-foot { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; }
.bag .bag-close { position: absolute; top: 6px; right: 6px; }
.bag .bag-title { font-size: 17px; line-height: 1.18; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; }
.bag .bag-items-count { display: block; font-size: 10px; padding-top: 10px; text-transform: uppercase; }
.bag .bag-total { margin: 0 20px; }
.bag .bag-actions .btn { height: 72px; border-bottom-width: 4px; line-height: 68px; }

/* ------------------------------------------------------------ *\
	Bag Item
\* ------------------------------------------------------------ */

.bag-items { padding: 90px 0 182px; list-style: none outside none; }
.bag-item { position: relative; overflow: hidden; padding: 0 0 0 20px; border-bottom: 1px solid #cccccb; font-size: 10px; font-weight: 500; text-transform: uppercase; transition: background .6s cubic-bezier(.165,.84,.44,1); }
.bag-item:hover { background: #ebebeb;  }
.bag-item .bag-item-image { float: left; width: 78px; }
.bag-item .bag-item-image img { width: 100%; height: auto; }
.bag-item .bag-item-content { position: relative; padding: 15px 0 0 20px; margin-left: 83px; }
.bag-item .bag-item-content:after { }
.bag-item .bag-item-content-inner { min-height: 60px; }
.bag-item .bag-item-title { font-size: 16px; line-height: 1.25; text-transform: none; font-weight: 500; }
.bag-item .bag-item-title a:hover { text-decoration: none; }
.bag-item .bag-item-properties { font-size: 12px; text-transform: uppercase; }
.bag-item .bag-item-properties span { margin-left: 6px; padding-right: 12px; }
.bag-item .bag-item-remove { position: absolute; top: 15px; right: 13px; opacity: .5; }
.bag-item .bag-item-prices { position: absolute; bottom: 17px; right: 13px; font-size: 16px; }
/* custom*/
.bag-item-prices .price.old { display:none; }
.bag-item .bag-item-qty { margin-left: -10px; }


.bag-item-qty .bag-item-qty-action { display: inline-block; vertical-align: top; width: 24px; color: #727272; font-size: 22px; text-align: center; font-weight: 500; }
.bag-item-qty .bag-item-qty-action:hover { color: #0dd; text-decoration: none; }
.bag-item-qty .bag-item-qty-label { display: inline-block; vertical-align: top; padding-top: 6px; font-size: 12px; text-transform: uppercase; }
.bag-item-qty .bag-item-qty-field { display: inline-block; vertical-align: top; width: 15px; padding-top: 4px; border: 0; border-radius: 0; background: transparent; font-size: 12px; text-align: center; font-weight: 600; }
.bag-item .bag-item-qty-cart { margin-left: -10px; }

.bag-item-qty-cart .bag-item-qty-cart-action { display: inline-block; vertical-align: top; width: 24px; color: #727272; font-size: 22px; text-align: center; font-weight: 500; }
.bag-item-qty-cart .bag-item-qty-cart-action:last-of-type { padding-top: 1px; }
.bag-item-qty-cart .bag-item-qty-cart-action:hover { color: #0dd; text-decoration: none; }
.bag-item-qty-cart .bag-item-qty-cart-label { display: inline-block; vertical-align: top; padding-top: 6px; font-size: 12px; text-transform: uppercase; }
.bag-item-qty-cart .bag-item-qty-cart-field { display: inline-block; vertical-align: top; width: 15px; padding-top: 4px; border: 0; border-radius: 0; background: transparent; font-size: 12px; text-align: center; font-weight: 600; }


/* ------------------------------------------------------------ *\
	Bag Total
\* ------------------------------------------------------------ */

.bag-total { padding: 20px 10px; max-width: 348px; border-top: 1px solid #ccc; font-size: 16px; text-transform: uppercase; font-weight: 700; }
.bag-total dl { overflow: hidden;}
.bag-total dt { float: left; clear: both; }
.bag-total dd { float: right; }

/* ------------------------------------------------------------ *\
	Breadcrumb
\* ------------------------------------------------------------ */

.breadcrumbs {  margin-bottom: 0; font-size: 11px; line-height: 1.82; color: #727272; text-transform: uppercase; letter-spacing: .1em; text-align: center;  }
.catalog-category-view  .breadcrumbs { margin-left: 340px; text-align: left;}


/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { height: 44px; padding: 0 30px; border: 0; border-radius: 0; border-bottom: 2px solid #0dd; background: rgba(255,255,255, .75); font-size: 11px; line-height: 42px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; text-align: center; /*-webkit-appearance: none;*/ cursor: pointer; transition: all .6s cubic-bezier(.165,.84,.44,1); }
.btn .figure-caret { position: relative; top: -3px;  }
.btn:hover { text-decoration: none; color: #0dd; }

.btn-large { height: 72px; line-height: 70px; }

.btn-transparent { background: transparent; }

.btn-error { border-bottom-color: red; }

.btn-block { width: 100%; }

.btn-dark { background: #353132; color: #fff; }
.btn-light { background: #eee; color: #000; }
.btn-color-dark { color: #000; }

.btn-dashed { height: 38px; padding: 0; border: 1px solid transparent; background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") -1px -111px no-repeat; font-size: 12px; line-height: 38px; color: #0dd; transition: all .6s linear; }
.btn-dashed:hover { border-color: #0dd; }
#CoverPop-cover .btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#CoverPop-cover .form-btn { font-family: 'Brandon_reg', sans-serif; }
.paypal-express-review .btn-shipping { max-width: 240px; }
/* ------------------------------------------------------------ *\
	Btn Menu
\* ------------------------------------------------------------ */

.btn-menu { display: none; position: absolute; top: 50%; left: 8px; z-index: 10; width: 54px; height: 46px; padding: 13px 16px; margin-top: -23px; }
.btn-menu span { display: block; width: 21px; height: 2px; margin: 2px 0 5px; background: #000; }

.btn-bag { display: none; position: absolute; top: 5px; right: 15px; z-index: 10; }
@media(max-width: 767px) {
    .btn-menu { margin-top: -13px; }
}
/* ------------------------------------------------------------ *\
	Callout Home
\* ------------------------------------------------------------ */

.callout-home { position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; height: 70px; background: #000; color: #0dd; text-align: center; -webkit-animation: slideUp 1s forwards .5s; animation: slideUp 1s forwards .5s; }
.callout-home h2 { font-size: 28px; font-weight: 700; line-height: 70px; }

.callout-home .callout-close { position: absolute; top: 0; right: 0; padding: 25px 16px; font-size: 0; }
.callout-home.closed { -webkit-animation: slideDown 1s forwards .5s; animation: slideDown 1s forwards .5s; }
.white { color: white; }

.callout-home { display: none; }


/* ------------------------------------------------------------ *\
	Cart
\* ------------------------------------------------------------ */

.cart .cart-head { margin-bottom: 30px; }
.cart .cart-head h2 { font-size: 16px; font-weight: 700; }
.cart .cart-foot { padding-top: 30px; }


.cart-items { list-style: none outside none; }
.cart-items-head { padding-bottom: 10px; }
.cart-items-head h3 { font-size: 14px; line-height: 2; font-weight: 400; color: #000000; }
.cart-item-cols { margin: 0 -10px; }
.cart-item-cols:after { }
.cart-item-col { float: left; padding: 0 10px; }

.cart-item { position: relative; padding: 25px 0; border: solid #e3f5f8; border-width: 1px 0; }
.cart-item ~ .cart-item { margin-top: -1px; }
.cart-item-details { width: 51%; }
.cart-item-qty { width: 24%; text-align: center; }
.cart-item-prices { width: 15%; font-size: 12px; font-weight: 500; text-align: center; }
.cart-item-actions { width: 10%; text-align: right; }

.cart-item-image { float: left; padding: 0 10px; }
.cart-item-image a { display: block; }
.cart-item-image img { max-width: 100%; height: auto; }

.cart-item-content { overflow: hidden; padding: 0 10px; }
.cart-item-title { padding-bottom: 30px; font-size: 16px; font-weight: 500; text-transform: none; }
.cart-item-title a:hover { text-decoration: none; }
.cart-item-preorder { font-size: 11px; line-height: 1.82; font-weight: 500; text-transform: uppercase; margin: -30px 0 20px; }
.cart-item-preorder-message { font-size: 11px; line-height: 1.82; font-weight: 500; text-transform: uppercase; }

.cart-item-properties { text-transform: uppercase; }
.cart-item-properties ul { overflow: hidden; list-style: none outside none; }
.cart-item-properties li { float: left; padding-right: 30px; }
.cart-item-properties strong { display: block; font-size: 14px; line-height: 2; font-weight: 300;color: #000000; }
.cart-item-properties span { display: block; font-size: 11px; line-height: 1.82; font-weight: 500; }

.cart-item-qty .bag-item-qty-action { width: 24px; height: 24px; font-size: 14px; line-height: 24px; font-weight: 400; }
.cart-item-qty .bag-item-qty-label { display: none;  }
.cart-item-qty .bag-item-qty-field { width: 30px; padding: 5px 0; border-bottom: 1px solid #0dd; font-weight: normal; }

.cart-item-edit { position: absolute; bottom: 25px; right: 10px; font-size: 10px; text-transform: uppercase; text-decoration: underline; }

.cart-actions { font-size: 11px; font-weight: 700; text-transform: uppercase; }
.cart-actions a { text-decoration: none; }
.cart-actions a i { position: relative; top: -2px; }

.cart-summary { font-size: 10px; text-transform: uppercase; }
.cart-summary h3 { font-size: 16px; font-weight: 700; }
.cart-summary dl { overflow: hidden; padding: 25px 0 0 0; }
.cart-summary dt { float: left; clear: both; padding-bottom: 10px; }
.cart-summary dd { float: right; }
.cart-summary strong { font-size: 12px; }

.cart-alert { display: block; padding: 20px 0; font-size: 12px; text-transform: uppercase; }
.cart-alert-error { color: red; }
.cart-item-price .old-price { display:none; }
.section-cart li { list-style: none;}
.section-cart .messages span { color:red; }

/* ------------------------------------------------------------ *\
	Cart Wishlist
\* ------------------------------------------------------------ */

.cart-wishlist .cart-item-details { width: 50%; }

.cart-wishlist .cart-item-properties { text-align: right; }
.cart-wishlist .cart-item-properties ul { display: inline-block; width: 65%; text-align: left; }

.cart-wishlist .cart-item-add-on { width: 20%; }
.cart-wishlist .cart-item-add-on .bag-item-add-on-label { display: none; }
.cart-wishlist .cart-item-add-on p { font-size: 12px; text-transform: uppercase;}

.cart-wishlist .cart-item-prices { width: 30%; font-weight: normal; }
.cart-wishlist .cart-item-prices span { display: block; }
.cart-wishlist .cart-item-prices p { font-size: 16px; line-height: 1.25; }
.cart-wishlist .cart-item-prices .btn { width: 140px; padding: 0; margin-top: 50px; border-bottom-width: 4px; }

.cart-wishlist .cart-item-actions { position: absolute; right: 0; top: 20px; }
.cart-wishlist .cart-item-properties li { float: none; }


/* Mobile */


@media (max-width: 500px) {
    .cart-wishlist .cart-item-details { width: 65%; }
    .cart-wishlist .cart-item-prices { width: 35%; padding-top: 35px; text-align: right; }
    .cart-wishlist .cart-item-prices .btn { margin-top: 5px; }
    .cart-wishlist .cart-item-add-on { display: none; }
}

/* ------------------------------------------------------------ *\
	Cart Ordered
\* ------------------------------------------------------------ */

.cart-ordered .cart-item-image { float: left; width: 35%; padding-left: 0; }
.cart-ordered .cart-item-content { float: left; width: 65%; overflow: visible; }

.cart-ordered .cart-head { margin-bottom: 20px; }

.cart-ordered .cart-head h2 { font-size: 12px; line-height: 15px; }
.cart-ordered .cart-head h2 a { font-size: 10px; }
.cart-ordered .cart-head h2 a:hover { text-decoration: none; }

.cart-ordered .cart-items-head { padding: 8px 0; border-top: 1px solid #e3f5f8; }
.cart-ordered .cart-items-head h3 { font-size: 12px; font-weight: 500; }

.cart-ordered .cart-item { padding: 10px 0; }

.cart-ordered .cart-item-details { width: 50%; }
.cart-ordered .cart-item-qty { width: 15%; text-align: center; }
.cart-ordered .cart-item-prices { width: 15%; padding-top: 0; font-size: 12px; text-align: center; }
.cart-ordered .cart-item-subtotal { width: 20%; text-align: right; font-size: 12px; }
.cart-ordered .cart-item-subtotal p { font-weight: 500; }

.cart-ordered .cart-item-properties li { width: 50%; }

.cart-ordered .cart-foot { overflow: hidden; }

.cart-ordered .cart-summary { float: right; width: 50%; list-style: none outside none; text-align: left; }
.cart-ordered .cart-summary li { padding: 6px 0; overflow: hidden; }
.cart-ordered .cart-summary span { float: left; width: 45%; }
.cart-ordered .cart-summary span + span { float: right; text-align: right; }

/* ------------------------------------------------------------ *\
	Checkout
\* ------------------------------------------------------------ */

.checkout { padding-bottom: 100px; padding-right: 64px; }
@media (max-width: 1024px) {
    .checkout { padding-right: 0; }
}
.checkout-head h2 { font-size: 16px; font-weight: 700; }
.checkout-head .continue-shopping { text-transform: uppercase; text-decoration: underline; font-size: 14px; }

.checkout-steps { padding: 25px 0 20px; }
.checkout-steps ol { overflow: hidden; border-bottom: 1px solid #ebebeb; list-style: none outside none; }
.checkout-steps li { float: left; width: 33.33%; height: 75px; padding: 20px 20px 10px; font-size: 12px; line-height: 1.67; font-weight: 700; text-transform: uppercase; color: #939598; }
.checkout-steps i { display: none; position: relative; top: -3px; }

.checkout-steps .current { border-bottom: 2px solid #0dd; background: #f9f9f9; color: #000; }
.checkout-steps .done .checkout-step-number { display: none; }
.checkout-steps .done i { display: inline-block; }
.checkout-steps .checkout-step-number:hover { cursor: pointer; }

.opc a { text-decoration: none; display: block; line-height: 1.25; }
.opc .section:not(.current) a { cursor: default; }
.opc .current a:hover > h2 { display: inline; border-bottom: 2px solid #0ddddd; }

.checkout-alert { display: block; padding-bottom: 20px; font-size: 12px; text-transform: uppercase; }

.checkout-alert-error { color: red; }
.form-checkout li.no-display { list-style-type: none; }

.checkout-body.top-gutter { padding-top: 70px; }

.paypal-express-review .submit-action { padding-top: 20px;}
.paypal-express-review .submit-action .btn-checkout { max-width: 240px; width: 100%; }
/* ------------------------------------------------------------ *\
	Col
\* ------------------------------------------------------------ */

.cols { margin: 0 -15px;  }
.cols:after { }

.col { padding: 0 15px; margin-bottom: 10px; }

.col-1of2 { width: 50%; }
.col-1of3 { width: 33.3%; }
.col-2of3 { width: 66.66%; }
@media (max-width: 767px){
    .cols {
        margin: 0;
    }
}
/* ------------------------------------------------------------ *\
	Contact Info
\* ------------------------------------------------------------ */

.contact-info { max-width: 320px; }

.contact-info .contact-info-head { margin-bottom: 50px; padding-top: 70px; }
.contact-info .contact-info-head p { margin-bottom: 33px; }
.contact-info .contact-info-head h3 { margin-bottom: 35px; font-size: 12px; overflow: hidden; }
.contact-info .contact-info-head a { border-bottom: 1px solid #0dd; font-weight: normal; font-size: 10px; text-transform: uppercase; }
.contact-info .contact-info-head a:hover { text-decoration: none; }
.contact-info .contact-info-head h3 span { float: left; }
.contact-info .contact-info-head h3 a { float: right; }

.contact-info .contact-info-body h3 { margin-bottom: 16px; font-size: 12px; overflow: hidden; }
.contact-info .contact-info-body h3 a:hover { text-decoration: none; }

.contact-info .contact-info-content { padding: 22px 0 18px; border-top: 1px solid #c6c5c5; }
.contact-info .contact-info-content h4 { margin-bottom: 4px; font-weight: normal; font-size: 10px; overflow: hidden; }
.contact-info .contact-info-content h4 span { float: left; }
.contact-info .contact-info-content h4 a { float: right; }
.contact-info .contact-info-content a { border-bottom: 1px solid #0dd; font-weight: normal; font-size: 10px; text-transform: uppercase; }
.contact-info .contact-info-content a:hover { text-decoration: none; }
.contact-info .contact-info-content p { font-size: 14px; line-height: 1.45; }


/* ------------------------------------------------------------ *\
	Contacts Footer
\* ------------------------------------------------------------ */

.contacts-footer { font-size: 14px; line-height: 1.57; }

/* ------------------------------------------------------------ *\
	Copyright Mobile
\* ------------------------------------------------------------ */

.copyright-mobile { display: block; padding: 60px 40px 16px; font-size: 10px; font-weight: 200; line-height: 1.4; color: #fff; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Designer
\* ------------------------------------------------------------ */

.designer-items { font-size: 0; list-style: none outside none; }
.designer-item { display: inline-block; vertical-align: top; width: 50%; font-size: 16px; padding: 5px; }
.designer-item a { display: block; position: relative; }
.designer-item .designer-item-image { background: #1a1a1a; }
.designer-item .designer-item-image img { width: 100%; height: auto; opacity: .7; }
.designer-item .designer-item-content { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; color: #fff; }
.designer-item .designer-item-title { font-size: 38px; font-weight: 800; line-height: 1.18; letter-spacing: .05em; }
.designer-item .designer-item-actions .btn { padding: 0; background: transparent; }


/* ------------------------------------------------------------ *\
	Designer Single
\* ------------------------------------------------------------ */

.designer-single h1 { margin-bottom: 18px; font-size: 38px; font-weight: 800; line-height: 1.18; letter-spacing: .1em; }
.designer-single p { padding-bottom: 15px; font-weight: 500; line-height: 1.63; }
.designer-single .designer-actions a { font-size: 18px; text-transform: uppercase; font-weight: 500; border-bottom: 2px solid #0dd; }
.designer-single .designer-actions a:hover { text-decoration: none; }



/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */

.dropdown { position: fixed; top: 59px; left: 0; width: 100%; z-index: 5; display: none; }
.dropdown.visible { display: block; }
.dropdown .dropdown-inner { width: 100%; border-bottom: 2px solid #727272; background: #1a1a1a; text-align: center; }
.dropdown .dropdown-close { position: absolute; top: 24px; right: 28px; font-size: 0; }


/* ------------------------------------------------------------ *\
	Dropdown Search
\* ------------------------------------------------------------ */

.dropdown-search .dropdown-inner { height: 132px; }
.dropdown-search .search { max-width: 595px; padding-top: 48px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Dropdown Subscribe
\* ------------------------------------------------------------ */

.dropdown-subscribe .dropdown-inner { height: 174px; }
.dropdown-subscribe .subscribe { padding-top: 28px; }
.dropdown-subscribe .subscribe h5 { padding-bottom: 16px; font-size: 13px; font-weight: 500; letter-spacing: .05em; color: #fff; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Dropdown Signin
\* ------------------------------------------------------------ */

.dropdown-signin .dropdown-inner { height: 192px; color: #fff; }


/* ------------------------------------------------------------ *\
	Dropdown Signup
\* ------------------------------------------------------------ */

.dropdown-signup .dropdown-inner { height: 192px; color: #fff; }


/* ------------------------------------------------------------ *\
	Feed
\* ------------------------------------------------------------ */

.feed-item .feed-item-image { overflow: hidden; }
.feed-item .feed-item-image img { width: 100%; height: auto; transition: .6s ease-in-out; }
.feed-item .feed-item-image:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

/* ------------------------------------------------------------ *\
	Figure
\* ------------------------------------------------------------ */

.figure-x { width: 22px; height: 20px; }
.figure-x:after,
.figure-x:before { content: ''; display: block; width: 21px; height: 2px; background: #d4d6d6; margin: 2px 0 5px; transition: all .8s $tranisiton-cubic; }
.figure-x:before { -webkit-transform: translate3d(0,3.5px,0) rotate(45deg); transform: translate3d(0,3.5px,0) rotate(45deg); }
.figure-x:after { -webkit-transform: translate3d(0,-3.5px,0) rotate(-45deg); transform: translate3d(0,-3.5px,0) rotate(-45deg); }

.figure-caret { width: 0; height: 0; border-style: solid; vertical-align: middle;  }
.figure-caret-right { border-width: 4px 0 4px 4px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.figure-caret-left { border-width: 4px 4px 4px 0; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; }

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */

.filters { position: relative; list-style: none outside none; }
.filters-holder { display: none; }
.filters:after { }
.filter-type { float: left; width: 16.666667%; padding: 0 5px; }
.filter-type > a { display: block; height: 66px; font-size: 18px; line-height: 66px; font-weight: 500; letter-spacing: .1em; text-align: center; }
.filter-type > a:hover { text-decoration: none; }
.filter-type.open > a { background: #ebebeb; }
.filter-type.open .filters-dropdown { display: block; }

.filters-dropdown { display: none; position: absolute; top: 100%; left: -35px; right: -35px; padding: 25px 45px 20px; z-index: 100; background: #ebebeb; }
.filters-dropdown .checkbox-color { padding-bottom: 15px; }

.filters-bar { padding-top: 10px; }
.filters-bar:after { }

.filters-selected { float: left; }
.filters-selected ul { overflow: hidden; list-style: none outside none; font-size: 11px; line-height: 1.36; text-transform: uppercase; }
.filters-selected li { float: left; padding-right: 10px; }
.filters-selected a { opacity: 0.8; }
.filters-selected a:hover { opacity: 1; text-decoration: none; }
.filters-selected i { margin-top: -2px; }
.filters-selected .selected-filter {display: none;}

.filters-options { float: right; }
.filters-options ul { overflow: hidden; list-style: none outside none; font-size: 11px; line-height: 1.36; text-transform: uppercase; }
.filters-options li { float: left; padding-left: 10px; }
.filters-options a { text-decoration: underline; }
.filters-options span { opacity: 0.8; }

.filters-clear { display: none; /*position: absolute;*/ top: 16px; right: 20px; opacity: 0.8; text-decoration: underline; }


/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

.field::-webkit-input-placeholder { opacity: 0.7; }
.field::-moz-placeholder { opacity: 0.7; }
.field:-ms-input-placeholder { opacity: 0.7; }
.field::placeholder { opacity: 0.7; }

/* form cols */
.form-cols { margin: 0 -10px; }
.form-cols:after { }
.form-col { float: left; padding: 0 10px; min-height: 1px; }
.form-col-1of2 { width: 50%; }
.form-col-1of3 { width: 33.33%; }
.form-col-1of4 { width: 25%; }

/* checkbox transparent */
.checkbox-transparent { text-align: left; }
/*.checkbox-transparent input { position: absolute; z-index: -1; opacity: 0; }*/
.checkbox-transparent label { cursor: pointer; display: inline-block; font-size: 11px; line-height: 1.18; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
/*.checkbox-transparent label:before { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; border-bottom: 1px solid #fff; margin-right: 5px;  }*/
/*.form-sign-up .checkbox-transparent label:before { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; border-bottom: 1px solid #000; margin-bottom: 7px; margin-right: 5px}*/
.form-sign-in .login-msg{ color: #ff392a }
/*.checkbox-transparent input:checked + label:before { background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") -103px -203px no-repeat; }*/

/* checkbox */
.checkbox input { position: absolute; z-index: -1; opacity: 0; }
.checkbox label { cursor: pointer; display: inline-block; font-size: 12px; line-height: 1.17; text-transform: uppercase; font-weight: 500; }
.checkbox label:before { content: ''; display: inline-block; width: 11px; height: 11px; vertical-align: top; border: 1px solid #000; margin-right: 5px; transition: background .6s cubic-bezier(.165,.84,.44,1); }
.checkbox input:checked + label:before { background: #0dd; }

/* checkbox color */
.checkbox-color input { position: absolute; z-index: -1; opacity: 0; }
.checkbox-color label { position: relative; display: inline-block; font-size: 12px; line-height: 1.17; text-transform: uppercase; font-weight: 500; cursor: pointer; }
.checkbox-color label:before { content: ''; position: absolute; bottom: -8px; left: 0; width: 33px; height: 3px; }
.checkbox-color input:checked + label:before { background: #0dd; }
.checkbox-color img { margin-right: 16px; }

/* checkbox size */
.checkbox-size input { position: absolute; z-index: -1; opacity: 0; }
.checkbox-size label { position: relative; display: inline-block; width: 40px; height: 32px; border: 1px solid #ebebeb; cursor: pointer; text-align: center; line-height: 30px; font-size: 10px; letter-spacing: .1em; font-weight: 500; transition: .6s all; }
.checkbox-size label:after,
.checkbox-size label:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 2; background: #fff; transition: .6s; }
.checkbox-size label:before { width: 37px; height: 12px; margin: -6px 0 0 -18px; }
.checkbox-size label:after { width: 12px; height: 37px; margin: -18px 0 0 -6px; }
.checkbox-size span { position: relative; z-index: 4; display: inline-block; }
.checkbox-size input:checked + label { border-color: #0dd; }
.checkbox-size input:checked + label:after,
.checkbox-size input:checked + label:before { opacity: 0; }
.product-options #advice-required-entry-size_att { padding-top: 0; display: inline-block;}
.catalog-product-view .product-options [id^='advice-required-entry-size_att'] { display:none; }

#CoverPop-cover input::-webkit-input-placeholder { color: inherit; opacity: 1; }
#CoverPop-cover input::-moz-placeholder { color: inherit; opacity: 1; }
#CoverPop-cover input:-ms-input-placeholder { color: inherit; opacity: 1; }

#CoverPop-cover input::placeholder { color: inherit; opacity: 1; }
#CoverPop-cover textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
#CoverPop-cover textarea::-moz-placeholder { color: inherit; opacity: 1; }
#CoverPop-cover textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
#CoverPop-cover textarea::placeholder { color: inherit; opacity: 1; }

#CoverPop-cover input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #cccccc inset; }

.login-msg {color: #fff; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form .form-head h2 { margin-bottom: 15px; font-size: 14px; font-weight: 700; }
.form .form-section ~ .form-section { padding-top: 35px; }
.form .form-section-head h4 { margin-bottom: 12px; font-size: 12px; font-weight: 700; }

.form .form-actions { overflow: hidden; text-align: right; }
.form .form-actions .link-back { float: left; margin-top: 15px; }
.form .form-actions .btn { min-width: 176px; }

.form .form-help { font-size: 10px; color: #8f8f8e; text-transform: uppercase; }
.form .form-help-block { display: block; padding-top: 10px; text-align: right; }

.form .form-cols { margin: 0 -24px; }
.form .form-col { padding: 0 24px; }
.paypal-express-review .form .form-col { padding: 0 0 0 24px; }
.paypal-express-review .form .form-row { padding-bottom: 10px; }

.form .form-col .form-cols { margin: 0 -10px; }
.form .form-col .form-cols .form-col { padding: 0 10px; }

.form .form-row { padding-bottom: 30px; }
.form .form-row:after { }
.form .form-label { display: block; padding-bottom: 9px; font-size: 10px; font-weight: 500; text-transform: uppercase; }

.form .field { width: 100%; height: 40px; padding: 0 8px; border: 2px solid #ebebeb; font-size: 14px; color: #000; }
.form .field:focus { border-color: #000; }
.form .field-error, .form .validation-failed { border-bottom-color: red; }

.form.form-checkout .form-cols { margin: 0 -12px; }
.form.form-checkout .form-col { padding: 0 12px; position: relative; }
.form.form-checkout .form-row { padding-bottom: 30px; position: relative; }
.form.form-checkout .form-controls { position: relative; }
.form.form-checkout .form-label { display: block; padding-bottom: 0; position:absolute; top: 15px; left: 8px; font-size: 10px; font-weight: 500; text-transform: uppercase; transition: transform .3s ease-in-out; z-index: 1; }
.form.form-checkout .form-label.form-label-select { display: none; }
.form .form-label.floating { transform: translateY(-8px) scale(0.7); transform-origin: 0 0; opacity: 1; }
.form .form-label.floating + .field { padding: 12px 8px 4px; }
.form.form-checkout .field { width: 100%; height: 40px; padding: 0 8px; border: 2px solid #aaa; font-size: 14px; color: #000; }
/*.validation-advice { display:none; }*/
.popup .validation-advice { display: block; color: red; font-size: 10px; padding-top: 5px;  position: absolute; text-transform: uppercase; }
.popup .sendfriend-success{ visibility: hidden }
.form .textarea { height: 85px; padding-top: 6px; }

.form .form-notice, .validation-advice { display: block; padding-top: 10px; font-size: 10px; text-transform: uppercase; }
.form .form-notice-error, .validation-advice { color: red; }

.form .select { position: relative; }
.form .select:after { content: ''; position: absolute; top: 2px; right: 2px; z-index: 0; width: 30px; height: 36px; border-left: 1px solid #a9a9a9; background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") 5px -280px no-repeat; }
.form .select select { position: relative; z-index: 1; width: 100%; height: 40px; padding: 0 35px 0 8px; border: 2px solid #a9a9a9;  background: transparent; font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form .select-error select { border-bottom-color: red; }

.form .checkboxes .checkbox-transparent { padding-bottom: 20px; }
.form .checkbox-transparent label { font-size: 12px; letter-spacing: 0; margin-right:15px; position: relative; padding-left: 11px; vertical-align: middle; }
.form .checkbox-transparent label { max-width: calc(100% - 35px) }
/*.form .checkbox-transparent label:before { margin-top: -2px; border-bottom-color: #000; }*/
.form .checkbox-transparent .form-shipping-method { padding-bottom: 12px; }
.form .checkbox-transparent input[type="checkbox"]{
    border-radius: 50%;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    -ms-appearance: radio;
}
.form .check-target { display: none; }
.form .check-target.show { display: block; }

.form .link-back { font-size: 11px; text-transform: uppercase; }
.form .link-back:hover { text-decoration: none; }
.form .link-back span { text-decoration: underline; }
.form .link-back i  { position: relative; top: -2px; }

.form .form-cvv-help { display: inline-block; margin: 33px 0 0 -35px; font-size: 10px; text-transform: uppercase; }
.form .form-cvv-help:hover { text-decoration: none; }

.form .form-cvv-popup { position: fixed; display: none; top: 50%; left: 50%; z-index: 100; width: 100%; max-width: 400px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px; border: 1px solid #e4e4e4; background: #fff; }
.form .form-cvv-popup.visible { display: block; }
.form .form-cvv-popup img { width: 100%; height: auto; }
.form .form-cvv-popup-close { position: absolute; top: 10px; right: 10px; }

/* ------------------------------------------------------------ *\
	coverPop
\* ------------------------------------------------------------ */

.CoverPop-open #CoverPop-cover { display: table; width: 100%; height: 100%; }

.CoverPop-open #CoverPop-cover { display: table; width: 100%; height: 100%; *position: absolute; *top: 50%; *height: auto; }
.CoverPop-open #CoverPop-cover .CoverPop-inner { display: table-cell; vertical-align: middle; *position: relative; *top: -50%; }

/* ------------------------------------------------------------ *\
	Form Newsletter
\* ------------------------------------------------------------ */

.form-newsletter { max-width: 980px; background-color: #fff; margin: auto; padding: 70px 90px 90px 90px; border: 1px solid #232020; text-align: center; letter-spacing: .5px; position: relative; min-height: 530px; }
.form-newsletter .form-head { font-size: 25px; line-height: 1.6; padding-bottom: 50px; color: #000; font-family: 'Brandon_reg', sans-serif; }
.form-newsletter .form-title { text-transform: uppercase; font-size: 70px; line-height: 0.86; color: #000; letter-spacing: 5px; color: #53e0dc; padding-bottom: 70px; font-family: 'Brandon_blk', sans-serif;  }
.form-newsletter .form-body { }
.form-newsletter .form-row { font-size: 0; line-height: 0; text-align: center; }
.form-newsletter .field { display: inline-block; vertical-align: middle; max-width: 385px; width: 100%; border: 2px solid #e9e9e9; font-size: 16px; line-height: 1.5; padding: 10px 20px; border-radius: 0; margin: auto; font-family: 'Brandon_med', sans-serif; color: #494545; }
.form-newsletter .form-btn { width: 145px; display: inline-block; vertical-align: middle; color: #494545; text-transform: uppercase; background-color: #e9e9e9; font-size: 12px; line-height: 3.8; border: 0; border-radius: 0; -webkit-appearance: none; border-bottom: 2px solid #53e0dc; font-family: 'Windings3'; transition: .2s; }
.form-newsletter .form-btn .caret { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 3px solid #494545; display: inline-block; }
.form-newsletter .form-btn:hover { background-color: #53e0dc;  }
.form-newsletter .form-alert { text-align: center; color: #53e0dc; font-size: 16px; line-height: 1.25; font-family: 'Brandon_reg', sans-serif; padding-top: 20px; }

.form-newsletter input::-webkit-input-placeholder { /* WebKit browsers */ color: #e9e9e9; }
.form-newsletter input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e9e9e9; opacity: 1; }
.form-newsletter input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e9e9e9; opacity: 1; }
.form-newsletter input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #e9e9e9; }

.form-newsletter .CoverPop-close { display: block; width: 25px; height: 26px; background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-close.png") no-repeat 0 0; position: absolute; top: 30px; right: 40px; }

/* ------------------------------------------------------------ *\
	Form Newsletter Confirmation
\* ------------------------------------------------------------ */

.form-newsletter.confirmation { padding: 215px 90px; }

/* ------------------------------------------------------------ *\
	Form Checkout Signin
\* ------------------------------------------------------------ */

.form-checkout-signin { padding-bottom: 30px; border-bottom: 1px solid #000000; margin-bottom: 40px; }

/* ------------------------------------------------------------ *\
	Form Checkout Shipping
\* ------------------------------------------------------------ */

.form-checkout-shipping .form-section-head { padding-bottom: 20px; }
.form-checkout-shipping .form-section { padding-bottom: 75px; }
.form-checkout-shipping .form-section ~ .form-section { padding-top: 0; }
.form-checkout-shipping .checkbox-transparent { padding-bottom: 5px; }

/* ------------------------------------------------------------ *\
	Form Checkou Payment
\* ------------------------------------------------------------ */

.form-checkout-payment .checkbox-transparent { padding-bottom: 10px; }
.form-checkout-payment .form-section-head { padding-bottom: 20px; }
.form-checkout-payment .form-section { padding-bottom: 50px; }
.form-checkout-payment .form-section ~ .form-section { padding-top: 0; }

/* ------------------------------------------------------------ *\
	Form Signin
\* ------------------------------------------------------------ */

.form-signin { font-size: 0; }
.form-signin h4 { margin-bottom: 16px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; text-align: left;  }
.form-signin .form-section,
.form-signin .form-separator { display: inline-block; vertical-align: top; width: 176px; padding-top: 40px; font-size: 16px; }
.form-signin .form-section-head { padding-left: 2px; }
.form-signin .form-section:first-child { width: 588px; }
.form-signin .form-separator { padding-top: 84px; font-size: 12px; text-transform: uppercase; text-align: center; }
.form-signin .field { width: 100%; height: 44px; padding: 0 6px; border: 2px solid #1a1a1a; color: #000; margin-bottom: 10px; border-radius: 0; }
.form-signin .field:focus { border-color: #0dd; }
.form-signin .field-error:focus, .form-signup .validation-failed:focus,
.form-signin .field-error,.form-signin .validation-failed { border-bottom: 2px solid red !important; }
.form-signin .form-help { display: block; text-align: right; margin-top: -5px; }
.form-signin .form-help a { font-size: 11px; color: #727272; text-transform: uppercase; letter-spacing: .1em; text-decoration: underline;}
.form-signin .form-help a:hover { text-decoration: none; }
.form-signin .form-alert { padding-top: 10px; font-size: 12px; text-transform: uppercase; }
.form-signin .form-alert-error { color: red; }
.form-signin .btn { border-bottom-width: 4px; margin-top: 2px; }
.form-signin .field::-webkit-input-placeholder { opacity: .7; }
.form-signin .field::-moz-placeholder { opacity: .7; }
.form-signin .field:-ms-input-placeholder { opacity: .7; }
.form-signin .field::placeholder { opacity: .7; }


/* ------------------------------------------------------------ *\
	Form Signup
\* ------------------------------------------------------------ */

.form-signup { font-size: 0; }
.form-signup .form-head,
.form-signup .form-body { display: inline-block; vertical-align: top; font-size: 16px; }
.form-signup .form-head { padding: 64px 28px 0 0; text-align: right; letter-spacing: .1em; text-transform: uppercase; }
.form-signup .form-head h4 { margin-bottom: 11px; font-size: 14px; font-weight: 500; }
.form-signup .form-head p { font-size: 11px; color: #717171; }
.form-signup .form-head p a { color: #fff; text-decoration: underline; }
.form-signup .form-body { width: 784px; padding-top: 40px; }
.form-signup .field { width: 100%; height: 44px; padding: 0 6px; border: 2px solid #1a1a1a; color: #000; margin-bottom: 10px; border-radius: 0; }
.form-signup .field:focus { border-color: #0dd; }
.form-signup .field-error:focus, .form-signup .validation-failed:focus,
.form-signup .field-error,.form-signup .validation-failed { border-bottom: 2px solid red !important; }
.form-signup .form-cols { font-size: 0; }
.form-signup .form-col { float: none; display: inline-block; vertical-align: top; font-size: 16px; }
.form-signup .checkbox-transparent { padding-top: 10px; }
.form-signup .form-alert { padding-top: 10px; font-size: 12px; text-transform: uppercase; }
.form-signup .form-alert-error { color: red; }
.form-signup .btn { border-bottom-width: 4px; margin-top: 2px; }
.form-signup .field::-webkit-input-placeholder { opacity: .7; }
.form-signup .field::-moz-placeholder { opacity: .7; }
.form-signup .field:-ms-input-placeholder { opacity: .7; }
.form-signup .field::placeholder { opacity: .7; }
.form-signup .msg { display:none; color: red; }


/* ------------------------------------------------------------ *\
	Form Product
\* ------------------------------------------------------------ */

.form-product .form-row { padding-bottom: 30px; }
.form-product .form-label { display: block; padding-bottom: 20px; font-size: 9px; line-height: 1.33; text-transform: uppercase; letter-spacing: .2em; font-weight: 500; }
.form-product .checkbox-color img { margin-right: 0; }
.form-product .btn { max-width: 236px; height: 72px; line-height: 70px; }
.form-product .checkbox-colors { max-width: 210px; margin: 0 auto; font-size: 0; }
.form-product .checkbox-color { display: inline-block; margin: 0 8px 20px; vertical-align: top; }
.form-product .checkbox-size { display: inline-block; margin: 0 5px 20px; }
.form-product .form-help { font-size: 9px; line-height: 1.33; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; color: #727272; }
.form-product .form-help a { text-decoration: underline; }

.form-waitlist-email { margin-bottom: -22px; }
.form-waitlist-email .field { max-width: 240px; width: 100%; border: 0; }
.oos-color { color:#ebebeb; }

/* ------------------------------------------------------------ *\
	Form Email Friend
\* ------------------------------------------------------------ */

.form-email-friend h2 { font-size: 17px; font-weight: normal; }
.form-email-friend h5 { margin-bottom: 20px; font-size: 12px; font-weight: 700; }
.form-email-friend .form-head { margin-bottom: 20px; }
.form-email-friend .form-row { padding-bottom: 30px; }
.form-email-friend .form-label { display: block; margin-bottom: 9px; font-size: 10px; font-weight: 400; text-transform: uppercase; }
.form-email-friend .field { width: 100%; height: 40px; padding: 0 8px; border: 2px solid #ebebeb; font-size: 14px; color: #000; }
.form-email-friend .field:focus { border-color: #000; }
.form-email-friend .textarea { width: 100%; height: 150px; padding: 5px 8px; border: 2px solid #ebebeb; font-size: 14px; color: #000; }
.form-email-friend .textarea:focus { border-color: #000; }
.form-email-friend .form-notice { position: absolute; display: block; padding-top: 5px; font-size: 10px; color: red; text-transform: uppercase; }
.form-email-friend .form-controls { position: relative; }
.form-email-friend .field-error,.form-email-friend .validation-failed  { border-bottom-color: red; }



/* ------------------------------------------------------------ *\
	Form Promo Code
\* ------------------------------------------------------------ */

.form-promo-code { padding: 20px 0 5px; }
.form-promo-code .form-toggle .btn { width: 100%; height: 62px; border: 1px solid #0dd; background: transparent; line-height: 60px; }
.form-promo-code .form-toggle .btn:hover { background: #353132; color: #fff; }
.form-promo-code .form-body { position: relative; }
.form-promo-code .form-controls { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.form-promo-code .form-controls .field { display: block; width: 100%; height: 62px; padding: 0 55px 0 20px; border: 2px solid #000; font-size: 14px; font-style: italic; font-weight: 500; color: #58595b; }
.form-promo-code .form-btn { position: absolute; top: 2px; right: 2px; width: 56px; height: 56px; border: 0; border-radius: 0; background: transparent; text-decoration: underline; font-size: 14px; }

.form-promo-code-open .form-controls { display: block; }
.coupon-message { color: #0dd; font-family: "Brandon Grotesque", sans-serif; font-size: 10px; text-transform: uppercase; }
.coupon-message.error { color: #f00; }

/* ------------------------------------------------------------ *\
	Form Account
\* ------------------------------------------------------------ */

.form-account { max-width: 500px; margin-top: 24px; }
.form-account .form-actions { text-align: left; }
.form-account .form-section-head h4 { margin-bottom: 25px; }
.form-account .form-cols { margin: 0 -15px; }
.form-account .form-col { padding: 0 15px; }
.my-account li.success-msg { display:none; }


/* ------------------------------------------------------------ *\
	Form Share
\* ------------------------------------------------------------ */

.form-share .btn { border-bottom-width: 4px; }
.form-share .btn:hover .ico-email-dark { background-position: -138px -200px; }

.form-share .form-head { margin-bottom: 20px; text-align: left; }
.form-share .form-head .btn { padding: 0; }
.form-share .form-head .btn i { margin: -5px 0 0 18px; }

.form-share .form-body { text-align: left; }

.form-share .form-label span { font-weight: 200; }

/* ------------------------------------------------------------ *\
	Form Forgot Password
\* ------------------------------------------------------------ */

.form-forgot-password .form-head { margin-bottom: 14px; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.form-forgot-password .form-head h4 { margin-bottom: 20px; font-size: 17px; font-weight: 700; }
.form-forgot-password .form-actions { text-align: left; }

/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */

.form-login .form-head { margin-bottom: 14px; }
.form-login .form-head p { min-height: 42px; font-size: 14px; line-height: 1.45; font-weight: 500; text-transform: uppercase; }
.form-login .form-head h4 { margin-bottom: 20px; font-size: 17px; font-weight: 700; letter-spacing: .05em; }

.form-login .form-row-alt { padding-bottom: 20px; }
.form-login .form-row a { font-size: 10px; text-transform: uppercase; font-weight: 200; color: #8f8f8e; }
.form-login .form-row a:hover { text-decoration: none; }

.form-login .form-label { color: #58595b; }

.form-login .form-body { max-width: 300px; }

.form-login .form-actions { text-align: left; }
.form-login .form-actions .btn { border-bottom-width: 4px; }


/* ------------------------------------------------------------ *\
	Ico
\* ------------------------------------------------------------ */

.ico-search { width: 20px; height: 20px; background-position: 0 -20px; }
.ico-search-white { width: 20px; height: 20px; background-position: -180px -20px; }
.ico-bag { width: 48px; height: 44px; background-position: 8px 8px; z-index: 1009 }
.ico-plus { width: 20px; height: 20px; font-size: 20px; font-weight: 400; background: transparent; line-height: 20px; color: #ebebeb; text-align: center; }
.ico-facebook-light { width: 20px; height: 20px; background-position: 0 0; }
.ico-twitter-light { width: 20px; height: 20px; background-position: -20px 0; }
.ico-instagram-light { width: 20px; height: 20px; background-position: -40px 0; }
.ico-pinterest-light { width: 20px; height: 20px; background-position: -60px 0; }
.ico-close { width: 44px; height: 40px; background-position: 0 -220px; }
.ico-close-small { width: 20px; height: 20px; background-position: -80px -200px; }
.ico-close-white { width: 44px; height: 40px; background-position: -44px -220px; }
.ico-wave { width: 80px; height: 20px; background-position: 0 -40px; }
.ico-caret-left { width: 20px; height: 20px; background-position: -80px -20px; }
.ico-caret-right { width: 20px; height: 20px; background-position: -40px -20px; }
.ico-caret-down { width: 20px; height: 20px; background-position: -20px -20px; }
.ico-facebook-dark { width: 20px; height: 20px; background-position: 0 -200px; }
.ico-twitter-dark { width: 20px; height: 20px; background-position: -20px -200px; }
.ico-instagram-dark { width: 20px; height: 20px; background-position: -80px 0; }
.ico-pinterest-dark { width: 20px; height: 20px; background-position: -40px -200px; }
.ico-down { width: 44px; height: 44px; background-position: 0 -60px; }
.ico-heart { width: 44px; height: 44px; background-position: -44px -60px; }
.ico-heart-full { width: 44px; height: 44px; background-position: -88px -60px; }
.ico-check-grey { width: 20px; height: 20px; background-position: -120px -200px; }
.ico-email-dark { width: 20px; height: 20px; background-position: -60px -200px; }

.ico-facebook-blue { width: 20px; height: 20px; background-position: 0 -260px; }
.ico-twitter-blue { width: 20px; height: 20px; background-position: -20px -260px; }
.ico-pinterest-blue { width: 20px; height: 20px; background-position: -60px -260px; }
.ico-instagram-blue { width: 20px; height: 20px; background-position: -40px -260px; }
.ico-exclusive { width: 28px; height: 20px; background-position: 0px -320px; }

/* ------------------------------------------------------------ *\
	Info
\* ------------------------------------------------------------ */

.info h6 { padding-bottom: 5px; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; font-weight: 400; }
.info p { font-size: 14px; line-height: 1.43; }
.info address { font-style: normal; font-size: 14px; line-height: 1.43; }

.info a { font-size: 10px; text-transform: uppercase; text-decoration: underline; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { padding-top: 76px; overflow: hidden; }

.intro-image { position: relative; }
.intro-image img { width: 100%; height: auto; }
.intro + .section-shop { padding-top: 20px; }
.intro .scroll-to { position: absolute; bottom: 30px; left: 50%; margin-left: -22px; }
.intro-parallax {-webkit-backface-visibility: hidden;}
.intro-parallax .intro-image {transition: linear; -webkit-transition: linear; will-change: transform;}
.intro-parallax * {-webkit-transform: translate3d(0, 0, 0) translateZ(0);}
.catalog-category-view .intro-image { height: 360px; }

/* ------------------------------------------------------------ *\
	List Songs
\* ------------------------------------------------------------ */

.list-songs { list-style: none outside none; font-size: 18px; }
.list-songs li { margin-bottom: 14px; }
.list-songs a { position: relative; display: block; padding: 10px 0 14px 66px; }
.list-songs a:hover { text-decoration: none; }
.list-songs img { position: absolute; top: 0; left: 0; display: block; width: 46px; height: 46px;  }


/* ------------------------------------------------------------ *\
	List Filters
\* ------------------------------------------------------------ */

.list-filters { font-size: 0; }
.list-filters li { display: inline-block; vertical-align: top; width: 16.66667%; font-size: 16px; }
.list-filters .checkbox { padding: 7px 20px; cursor: pointer; }



/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.list-links { font-size: 0; list-style: none outside none;  }
.list-links:after { }
.list-links li { width: 16.66667%; padding: 0 5px; font-size: 12px; font-weight: 500; letter-spacing: .1em; line-height: 1.5; display: inline-block; vertical-align: top; text-transform: uppercase; }
.list-links a { display: block; padding: 5px 0; }


/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: block; width: 138px; height: 57px; margin: 0 auto; padding: 18px 0; font-size: 0; transition: opacity .6s cubic-bezier(.165,.84,.44,1); }

/* ------------------------------------------------------------ *\
	Menu Mobile
\* ------------------------------------------------------------ */

.menu-mobile { display: none; }

.menu-mobile-overlay { display: none; position: fixed; left: 257px; right: 0; height: 100%; z-index: 100; }


/* ------------------------------------------------------------ *\
	Music Playlist
\* ------------------------------------------------------------ */

.music-playlist a { display: block; text-align: center; }
.music-playlist img { max-width: 100%; height: auto; }


/* ------------------------------------------------------------ *\
	Music Featured
\* ------------------------------------------------------------ */

.music-featured { text-align: center; }
.music-featured .music-logo { margin-bottom: 35px; }
.music-featured .music-entry { margin-bottom: 13px; }
.music-featured .btn { padding: 0; height: 35px; line-height: 33px; }


/* ------------------------------------------------------------ *\
	Music Top
\* ------------------------------------------------------------ */

.music-top { max-width: 360px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { position: absolute; top: 0; font-size: 11px; line-height: 1.82; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; }
.nav ul { list-style: none outside none; }
.nav ul:after { }
.nav a:hover { text-decoration: none; }
.nav > ul > li { position: relative; float: left; }
.nav > ul > li > a { display: block; padding: 6px 0; margin: 13px 0; border-bottom: 2px solid transparent; transition: all .6s cubic-bezier(.165,.84,.44,1); }
.nav > ul > li:hover > a { border-color: #0dd; }
.nav > ul > li:hover .nav-dropdown { height: auto; opacity: 1; visibility: visible; transition: opacity .6s linear, visibility 0s linear 0s; }
.nav .ico-search { vertical-align: top; margin-right: 7px; }

.nav-left { left: 38px; }
.nav-left li { margin-right: 30px; }

.nav-right { right: 38px; }
.nav-right li { margin-left: 30px; }
.nav-right ul ul li { margin-left: 0; }


/* ------------------------------------------------------------ *\
	Nav Dropdown
\* ------------------------------------------------------------ */

.nav-dropdown { position: absolute; top: 100%; left: -38px; overflow: hidden; height: 0; opacity: 0; visibility: hidden; /*transition: opacity .6s linear, visibility 0s linear .6s;  */ }
.nav-dropdown h6 { margin-bottom: 6px; font-size: 9px; font-weight: 500; text-transform: uppercase; }
.nav-dropdown a { display: inline-block; padding: 6px 0 4px; border-bottom: 2px solid transparent; transition: border-color .6s cubic-bezier(.165,.84,.44,1); }
.nav-dropdown a:hover { border-color: #0dd; }
.nav-dropdown .cols { margin: 0; }
.nav-dropdown .col { padding: 0; }

.nav-dropdown-inner { width: 466px; padding: 38px; background: rgba(255,255,255,.95); }


/* ------------------------------------------------------------ *\
	Nav Mobile
\* ------------------------------------------------------------ */

.nav-mobile { padding-top: 62px; }
.nav-mobile ul { list-style: none outside none; }
.nav-mobile ul > li { border-bottom: 1px solid #333; }
.nav-mobile ul > li > a { position: relative; display: block; padding: 16px 40px; font-size: 11px; line-height: 1.27; font-weight: 500; color: #fff; text-transform: uppercase; letter-spacing: .1em; }
.nav-mobile ul ul { display: none; }
.nav-mobile ul ul li { border: 0; }
.nav-mobile ul ul a { font-size: 9px; }
.nav-mobile i { position: absolute; top: 50%; right: 10px; margin-top: -10px; transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1); transition: transform .6s cubic-bezier(.165,.84,.44,1); }
.nav-mobile a:hover { text-decoration: none; }
.nav-mobile-expanded > a i { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }


/* ------------------------------------------------------------ *\
	Nav Mobile Secondary
\* ------------------------------------------------------------ */

.nav-mobile-secondary { padding-top: 15px; }
.nav-mobile-secondary ul { list-style: none outside none; }
.nav-mobile-secondary-item, .nav-mobile-secondary a { display: block; padding: 16px 40px; font-size: 10px; line-height: 1.4; color: #fff; font-weight: 200; letter-spacing: .05em; text-transform: uppercase; }
.nav-mobile-secondary a:hover { text-decoration: none; }
.nav-mobile-secondary li p { padding-left: 40px; font-size: 10px; text-transform: uppercase; margin-bottom: 10px; }
.nav-mobile-secondary li span a { padding: 0 40px 2px; font-size: 10px; color: #bbb; }


/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */

.nav-secondary { text-align: left; }
.nav-secondary  ul  { list-style: none outside none; }
.nav-secondary > ul { margin-bottom: 28px; }
.level_3_nav.open {  margin-bottom: 5px; }
.nav-secondary li { padding-bottom: 5px; }
.nav-secondary a { display: inline-block; padding: 13px 0 6px; border-bottom: 2px solid transparent; font-size: 10px; line-height: 1.4; text-transform: uppercase; letter-spacing: .2em; font-weight: 500; transition: all .6s cubic-bezier(.165,.84,.44,1); }
.nav-secondary .current > a,
.nav-secondary a:hover { text-decoration: none; border-bottom-color: #0dd; }
.nav-secondary ul ul { padding: 10px 0 0 25px; }
.nav-secondary ul ul a { padding: 0; font-size: 12px; letter-spacing: .05em; text-transform: none; }



/* ------------------------------------------------------------ *\
	Nav Shop Mobile
\* ------------------------------------------------------------ */

.nav-shop-mobile { position: relative; display: none; }
.nav-shop-mobile-alt { margin: 18px 20px; }
.nav-shop-mobile select { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.nav-shop-mobile label { position: relative; display: block; width: 100%; height: 49px; padding: 0 16px; border: 1px solid #727272; font-size: 11px; line-height: 47px; text-transform: uppercase; font-weight: 500; letter-spacing: .1em; }
.nav-shop-mobile label span { display: block; margin-right: 14px; border-right: 1px solid #727272; }
.nav-shop-mobile label i { position: absolute; top: 50%; right: 5px; margin-top: -10px; }
.nav-shop-mobile h3 { margin: -8px 0 36px; font-size: 16px; text-align: center; }



/* ------------------------------------------------------------ *\
	Nav Magazine
\* ------------------------------------------------------------ */

.nav-magazine { position: fixed; z-index: 4; top: 97px; left: 0; width: 100%; height: 63px; padding-top: 31px; background: #fff; text-align: center; border-bottom: 1px solid #727272;}

.nav-magazine .current-link { display: none; }

.nav-magazine ul { display: inline-block; vertical-align: top; }
.nav-magazine li { display: inline-block; vertical-align: top; font-size: 11px; line-height: 15px; margin: 0 8px; letter-spacing: .1em; text-transform: uppercase; }
.nav-magazine a { display: block; padding: 0 5px 14px; border-bottom: 2px solid transparent; transition: border-color .6s cubic-bezier(.165,.84,.44,1); }
.nav-magazine .current a,
.nav-magazine a:hover { border-color: #0dd; text-decoration: none; }


/* ------------------------------------------------------------ *\
	Order Summary
\* ------------------------------------------------------------ */

.order-summary h2 { margin-bottom: 0; font-size: 16px; text-transform: uppercase; float: left; }
.order-summary .cart-edit { text-transform: uppercase; text-decoration: underline; float: right; font-size: 14px; }
.order-summary .bag-items-count { display: block; padding: 30px 10px 20px; font-size: 10px; font-weight: 200; text-transform: uppercase; }
.order-summary .bag-items { padding: 0; margin-bottom: 0; }
.order-summary .bag-item { padding: 10px; border: solid #ebebeb; border-width: 1px 0; }
.order-summary .bag-item .bag-item-content { padding: 0px 0 0 10px; }
.order-summary .bag-item .bag-item-properties { padding-top: 10px; }
.order-summary .bag-item .bag-item-properties div { margin: 2px 0; }
.order-summary .bag-item .bag-item-prices { bottom: 10px; font-size: 10px; font-weight: normal; }
.order-summary .cart-summary { padding: 0 20px; }
.order-summary .afterpay-installments { padding: 0 20px; }
.afterpay-installments { font-size: 12px; }

/* ------------------------------------------------------------ *\
	Page
\* ------------------------------------------------------------ */

.page-menu-mobile-open .menu-mobile { width: 257px; transition: width 0s linear 0s; }
.page-menu-mobile-open .wrapper:before,
.page-menu-mobile-open .header,
.page-menu-mobile-open .main,
.page-menu-mobile-open .footer { -webkit-transform: translate3d(257px,0,0); -ms-transform: translate(257px,0); transform: translate3d(257px,0,0); }
.page-menu-mobile-open .menu-mobile-overlay { display: block; }

.page-menu-mobile-open .btn-menu span:nth-child(1) { -webkit-transform: translate3d(0,7px,0) rotate(45deg); transform: translate3d(0,7px,0) rotate(45deg); }
.page-menu-mobile-open .btn-menu span:nth-child(2) { -webkit-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2); opacity: 0; }
.page-menu-mobile-open .btn-menu span:nth-child(3) { -webkit-transform: translate3d(0,-7px,0) rotate(-45deg); transform: translate3d(0,-7px,0) rotate(-45deg); }

.page-bag-open .bag .bag-inner { -webkit-transform: translate3d(0,0,0); -ms-transform: translate(0,0); transform: translate3d(0,0,0); }

.page-product-images-zoom { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; }
.page-product-images-zoom .product .product-images-zoom { display: block; }


/* ------------------------------------------------------------ *\
	Payment Method
\* ------------------------------------------------------------ */

.payment-method .col-size-1 { width: 72%; }
.payment-method .col-size-2 { width: 28%; }
.payment-method .col-size-3 { width: 28%; float: right;}
.form-checkout-payment .col-size4 { margin-top: -20px; margin-bottom: 14px; }


.payment-method-paypal-image { padding-left: 10px; display: inline; }
.payment-method-paypal-image img { width: 50px; }


.payment-method-paypal-entry { padding-bottom: 20px; }


/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup { position: relative; max-width: 900px; padding: 20px 60px 20px 40px; background: #fff; margin: 0 auto; }
.popup .popup-action { position: absolute; top: 10px; right: 10px; }


/* ------------------------------------------------------------ *\
	Popup Quickvew
\* ------------------------------------------------------------ */

.popup-quickview { padding: 60px 20px; }



/* ------------------------------------------------------------ *\
	Products
\* ------------------------------------------------------------ */


.products { list-style: none outside none; }
.products:after { }

.products-4-in-row .product-compact { width: 25%; }
.products-4-in-row .product-compact:nth-child(3n+1) { clear: none; }
.products-4-in-row .product-compact:nth-child(4n+1) { clear: both; }


/* ------------------------------------------------------------ *\
	Product Compact
\* ------------------------------------------------------------ */

.product-compact { float: left; width: 33.333%; padding: 0 5px 30px; font-size: 11px; line-height: 1.55; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.product-compact:nth-child(3n+1) { clear: both; }
.product-compact .product-image-holder::before { background: rgba(0, 0, 0, 0.32) none repeat scroll 0 0; content: ""; display: inline-block;height: 100%; left: 0; opacity: 0; position: absolute; top:0; transition: all 0.4s ease 0s;  width: 100%;  z-index: 9;  }
.product-compact .product-image-holder:hover::before { opacity: 0; }
.product-compact .product-image-holder { position: relative; height: 0; padding-top: 150%; background: transparent; }
.product-compact .product-image-holder:hover { background: #1a1a1a; }
/*.product-compact .product-image-holder:hover .product-image { opacity: .5; }*/
.product-compact .product-image-holder:hover .product-like { opacity: 1; }
.product-compact .product-image-holder:hover .product-actions { opacity: 1; }
.product-compact .product-image { /*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; transition: opacity .4s linear; }
.product-compact .product-image img { width: 100%; height: auto; opacity: 1; /* transition: opacity .3s ease-in; */ position:absolute; top: 0; left: 0; }
.product-compact .product-image img + img { opacity: 0; filter:alpha(opacity=0); }
.product-image > a img { z-index: 10; pointer-events: auto; }

.product-compact .product-image-holder:hover .product-image img:first-child { opacity: 0; filter:alpha(opacity=0); }
.product-compact .product-image-holder:hover .product-image img + img { opacity: 1; filter:alpha(opacity=100); }
.product-compact .product-content { padding: 13px 10px 0; font-weight: 500; }
.product-compact .product-links:hover { text-decoration: underline; }
.product-compact .product-title { font-size: 11px; font-weight: 800; }
.product-compact .product-like.not-liked { position: absolute; top: 14px; right: 14px; z-index: 11; transition: opacity .6s linear; opacity: 0; }
.product-compact .product-like i { display: none; }
.product-compact .product-like.liked i:last-child { display: inline-block; }
.product-compact .product-like.not-liked i:first-child { display: inline-block; }
/*.product-compact .product-actions { position: absolute; left: 50%; bottom: 22px; width: 118px; margin-left: -59px; opacity: 0; transition: opacity .6s linear; }*/
.product-compact .product-actions h3 { color: #4b4f54; font-family: "Brandon Grotesque",sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0.025em; line-height: 1; margin-bottom: 18px;  text-transform: uppercase }
.product-compact .product-actions { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 0;  left: 0;  min-height: 115px;  opacity: 0;  padding: 18px 7px 8px;  position: absolute;  right: 0;  transition: opacity 0.2s linear 0s;  width: 100%;  z-index: 10 }
.product-compact .product-preorder { font-weight: bold; color: #4b4f54; border: 1.5px solid #4b4f54; width: 80%; margin: 10px auto 0; padding: 5px 0; }

.list-sizes li {display: block;margin: 0 2px 4px 2px;flex: 1 0 15%;max-width: 16%;}
.list-sizes li + li {}
.list-sizes li a {background: #fff none repeat scroll 0 0;color: #4b4f54;display: inline-block;font-family: "Brandon Grotesque",sans-serif;font-size: 17px;font-weight: 700;height: 40px;letter-spacing: 0.012em;line-height: 40px;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;width: 100%;}
.list-sizes li:not(.disabled) a:hover { background: #4b4f54 none repeat scroll 0 0; color: #fff }
.list-sizes .disabled { position: relative }
.list-sizes .disabled::before {/* content: ""; */display: inline-block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 10;}
.list-sizes .disabled a { background: #d4d4d4 none repeat scroll 0 0; color: #b2b0b0; cursor: default; }
.list-sizes {list-style: outside none none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -o-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-o-justify-content: center;justify-content: center;margin: 0;padding: 0 1%;}
.quickshop_options_holder, .quickshop-submit { display: none }
.show-desktop { display: block }
.hide-desktop { display: none }

@media(max-width: 1500px){
    .product-compact .product-actions h3 { font-size: 16px; }
}

@media(max-width: 1200px){
    .product-compact .product-actions h3 { font-size: 12px; margin-bottom: 5px; }
    .product-compact .product-actions {min-height: 0;}
}

@media(max-width: 1024px){
    .product-compact .product-actions h3 { font-size: 10px; margin-bottom: 5px; }
}

@media(max-width: 375px){
    .product-compact .product-actions h3 { font-size: 8px; }
    .show-desktop { display: none }
    .hide-desktop { display: block }
    .product-compact .product-image-holder:hover .product-image { opacity: 1; }
    .product-compact .product-actions.hide-desktop{ background: none }
    .hide-desktop .btn-dashed { background: rgba(0, 0, 0, 0) url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") no-repeat scroll 9px -111px; max-width: 129px }
    .hide-desktop .btn-dashed:hover { border-color: transparent; max-width: 129px }
}


@media(max-width: 1200px){
    .list-sizes li a {width: 100%;height: 100%;line-height: 30px;font-size: 13px;}
}

@media(max-width: 1024px){
    .list-sizes li a { width: 25px; height: 25px; line-height: 25px; font-size: 14px; }
}

@media(max-width: 375px){
    .list-sizes li a { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
}



/* ------------------------------------------------------------ *\
	Product
\* ------------------------------------------------------------ */


.product .product-images { max-width: 1260px; padding: 0 400px; margin: 20px auto; }
.product .product-images.one-image { min-height: 1200px;}
.product .product-images img { max-width: 100%; height: auto; margin: 0 auto; }
.product .product-images ul { list-style: none outside none; }
.product .product-images li + li { padding-top: 20px; }
.product .product-images a { display: block; cursor: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/zoom-in-cursor.png"), crosshair; }


.product .product-info,
.product .product-details { position: fixed; /*top: 0; height: 100%;*/ top: 20%; width: 360px; margin: 0 38px; text-align: center; }
.product .product-info { left: 0; }
.product .product-details { right: 0;  }


.product .product-brand { font-size: 11px; line-height: 1.36; font-weight: 500; }
.product .product-brand a { display: inline-block; border-bottom: 1px solid #000; }
.product .product-brand a:hover { text-decoration: none; }
.product .product-brand i { margin-top: -4px; }


.product .product-title { margin: 8px 0; font-size: 28px; line-height: 1.21; font-weight: 500; text-transform: none; }


.product .product-prices { font-size: 18px; margin-bottom: 20px; }
/*custom style */
.product-prices .old-price { text-decoration: line-through; }
.product-prices .price.special { color:red; }


.product .product-description { max-width: 300px; margin: 0 auto 18px; font-size: 13px; line-height: 1.38; font-weight: 400; letter-spacing: .1em; }


.product .product-materials { margin-bottom: 18px; font-size: 13px; line-height: 1.38; letter-spacing: .1em; font-weight: 400; }
.product .product-materials a { display: inline-block; border-bottom: 1px solid #000; margin-bottom: 5px; font-size: 11px; font-weight: 500; text-transform: uppercase; }
.product .product-materials a:after { content: '+'; display: inline; }
.product .product-materials a:hover { text-decoration: none; }
.product .product-materials ul { list-style: none outside none; }
.product .product-materials-content { display: none; }
.product .product-materials-content.expanded { display: block; }
.product .product-materials li:before { content: '-'; display: inline; }
.product .product-materials.expanded a:after { content: '-'; }


.product .socials { display: inline-block; padding-top: 30px; }
.product .socials li { padding: 0; }


.product .product-like { display: inline-block; position: relative; height: 44px; padding-left: 44px; margin: 0 0 0 -20px; font-size: 12px; line-height: 44px; text-transform: uppercase; letter-spacing: .1em; font-weight: 500;  }
.product .product-like i { position: absolute; top: 0; left: 0; transition: .6s; }
.product .product-like .ico-heart-full { opacity: 0; }
.product .product-like.faved .ico-heart-full { opacity: 1; }
.product .product-like:hover { text-decoration: none; }
.product .product-like:hover .ico-heart-full { opacity: 1; }


.product .pdp-animated { transition: .3s opacity; }
.product .pdp-animated.hide { opacity: 0; }
.page-product-images-zoom .product .product-details { display: none; }


.product .product-images-zoom { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; overflow: auto; }
.product .product-images-zoom ul { list-style: none outside none; position: relative; z-index: 4; padding-top: 60px; overflow: auto; }
.product .product-images-zoom li + li { padding-top: 20px; }
.product .product-images-zoom img { display: block; width: 75%; margin: 0 auto; }
.product .product-images-zoom a { cursor: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/zoom-out-cursor.png"), crosshair; }
.product .product-images-zoom-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: #fff; }
#waitlist-show { display: none; }



/* ------------------------------------------------------------ *\
	Product Quickview
\* ------------------------------------------------------------ */

.product-quickview { overflow: hidden; }
.product-quickview .product-images { float: left; width: 50%; padding: 0 15px; margin: 0; }
.product-quickview .product-content { float: left; width: 50%; padding: 30px 15px 0; text-align: center; }



/* ------------------------------------------------------------ *\
	Q&A Items
\* ------------------------------------------------------------ */

.qa-items { max-width: 618px; padding: 50px 20px; margin: 0 auto; list-style: none outside none; }

.qa-item { position: relative; padding-bottom: 48px; font-size: 18px; line-height: 1.45; font-weight: bold; color: #727272; }
.qa-item span { position: absolute; right: 100%; top: 0; width: 28px; height: 28px; margin: 0px 10px 0 0; line-height: 24px; font-size: 11px; text-align: center; font-weight: bold; border-radius: 50%; border: 3px solid #727272; color: #727272; }
.qa-item p { max-width: 390px; margin: 0; }
.qa-item-question { color: #0dd; text-align: right; }
.qa-item-question p { display: inline-block; }
.qa-item-question span { border-color: #0dd; color: #0dd; right: auto; left: 100%; margin: -3px 0 0 20px; }


/* ------------------------------------------------------------ *\
	Quote of the day
\* ------------------------------------------------------------ */

.quote-of-the-day .quote-entry { margin-bottom: 20px; font-size: 38px; line-height: 1.18; }
.quote-of-the-day .quote-author i { margin-bottom: 20px; }
.quote-of-the-day .quote-author span { display: block; font-size: 28px; }


/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { position: relative; }
.search .search-field { width: 100%; height: 34px; border: 0; border-bottom: 1px solid #727272; border-radius: 0; background: #1a1a1a; font-size: 16px; color: #fff; font-weight: 500; text-align: left; transition: border-color .6s cubic-bezier(.165,.84,.44,1); }
.search .search-btn { position: absolute; right: 0; bottom: -10px; width: 44px; height: 44px; border: 0; border-radius: 0; background: #1a1a1a; }



/* ------------------------------------------------------------ *\
	Search Mobile
\* ------------------------------------------------------------ */


.search-mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 16000003; overflow: hidden; display: block; transition: width 0s linear 0s; background: #ebebeb; }
.search-mobile .search-field { float: left; width: 173px; height: 62px; padding-left: 40px; background: transparent; border: 0; border-radius: 0; font-size: 16px; font-weight: 500; color: #000; }
.search-mobile .search-field::-webkit-input-placeholder { opacity: .3; }
.search-mobile .search-field::-moz-placeholder { opacity: .3; }
.search-mobile .search-field:-ms-input-placeholder { opacity: .3; }
.search-mobile .search-field::placeholder { opacity: .3; }
.search-mobile .search-btn { position: absolute; top: 23px; right: 13px; border: 0; border-radius: 0; background: transparent; font-size: 0; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section {}

/* ------------------------------------------------------------ *\
	Section Callout
\* ------------------------------------------------------------ */

.section-callout { position: relative; overflow: hidden; height: 0; padding-top: 46.85212%; background: #fff; }
.section-callout .section-image { position: absolute; top: 0px; left: 0; width: 100%; }
.magazine .section-callout .section-image { position: absolute; top: 0px; left: 0; width: 100%; }
.section-callout .section-image img { width: 100%; height: auto; }
.section-callout .section-image-left { width: 50%; padding: 0 38px 0 50px; }
.section-callout .section-image-left-alt { width: 50%; padding: 45px 38px 45px 114px; }
.section-callout .section-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); }

.section-callout .section-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.section-callout .section-content .table { max-width: 385px; margin: 0 auto; }
.section-callout .section-content-right { left: auto; right: 0; width: 50%; }
.section-callout .section-content-white { color: #fff; }

.section-callout .section-subtitle { padding-bottom: 8px; font-size: 14px; line-height: 1.14; letter-spacing: .1em; font-weight: 700; }
.section-callout .section-title { font-size: 38px; line-height: 1.18; font-weight: 800; letter-spacing: .1em; }
.section-callout .section-actions .btn { padding: 0; }
.section-callout .section-entry { padding-top: 32px; font-size: 20px; line-height: 1.2; font-weight: 400; }


/* ------------------------------------------------------------ *\
	Section Callout Primary
\* ------------------------------------------------------------ */

.section-callout-primary { position: relative; z-index: 1; }
.section-callout-primary .section-image img { width: 100%; height: auto; }
.section-callout-primary .section-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.section-callout-primary .section-title { padding-bottom: 66px; font-size: 52px; font-weight: 800; line-height: 0.96; letter-spacing: .1em; }
.cms-home .section-callout-primary .nav-secondary { position: absolute; top: 125px; left: 38px; }
.section-callout-primary .nav-secondary { top: 160px; }
.section-callout-primary .scroll-down { position: absolute; bottom: 30px; left: 50%; margin-left: -22px; }

/* ------------------------------------------------------------ *\
	Section Callout Primary Alt
\* ------------------------------------------------------------ */

.section-callout-primary-alt .section-image { z-index: 20; }

@media(max-width: 800px) {
    .section-callout-primary-alt .section-image { position: relative; }
}

/* ------------------------------------------------------------ *\
	Section Callout Hot Spot
\* ------------------------------------------------------------ */

.section-callout .hotspot { position: absolute; width: 22px; height: 21px; z-index: 10; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/hotspot.png) no-repeat 0 0; background-size: 22px 21px; }
.section-callout .hotspot:hover { z-index: 12; }
.section-callout .hotspot:hover .hotspot-popup { opacity: 1; visibility: visible; }

.section-callout .hotspot-popup { position: absolute; top: -85px; right: 100%; z-index: 13; width: 320px; padding: 25px 13px; border: 4px solid #25dddc; margin-right: 18px; background: #fff; opacity: 0; visibility: hidden; transition: all .3s; }
.section-callout .hotspot-popup:hover { opacity: 1; visibility: visible; }
.section-callout .hotspot-popup:before { position: absolute; top: -24px; right: -24px; bottom: -24px; left: -24px; z-index: 1; content: ''; }

.section-callout .hotspot-popup-inner { position: relative; z-index: 2; }

.section-callout .hotspot-popup-image { display: inline-block; vertical-align: middle; width: 124px; margin-right: 3px; }
.section-callout .hotspot-popup-content { display: inline-block; vertical-align: middle; width: calc( 100% - 132px ); text-align: center; font-size: 13px; line-height: 1.54; letter-spacing: 0.1em; }
.section-callout .hotspot-popup-content h4 { margin-bottom: 0; font-size: 13px; line-height: 1.54; letter-spacing: 0.09em; }
.section-callout .hotspot-popup-content p { font-weight: 500; }
.section-callout .hotspot-popup-content .btn { height: auto; padding: 0 10px; border: 2px solid #25dddc; line-height: 27px; }


/* ------------------------------------------------------------ *\
	Section Callout Teritary
\* ------------------------------------------------------------ */

/*.section-callout-teritary { margin-top: 70px; }*/
.section-callout-teritary { margin-top: 160px; }

/* Mobile */

/* ------------------------------------------------------------ *\
	Section Quot of the day
\* ------------------------------------------------------------ */

.section-quote-of-the-day { padding: 76px 0; text-align: center; }
.section-quote-of-the-day .section-head { padding-bottom: 12px; }
.section-quote-of-the-day .section-title { font-size: 14px; line-height: 1.14; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; }


/* ------------------------------------------------------------ *\
	Section Feed
\* ------------------------------------------------------------ */

.section-feed { padding: 35px 0 25px; background: #ebebeb; }
.section-feed .section-head { padding-bottom: 30px; text-align: center; }
.section-feed .section-foot { padding-top: 30px; text-align: center; }
.section-feed .section-foot .socials { display: inline-block; }

.section-feed .section-title { font-size: 28px; line-height: 1; font-weight: 800; text-transform: uppercase; }
.section-feed .section-title a:hover { text-decoration: none; }


/* ------------------------------------------------------------ *\
	Section Music
\* ------------------------------------------------------------ */

.section-music-outer { padding: 76px 57px; }
.section-music .section-head { text-align: center; }
.section-music .section-title { margin-bottom: 25px; font-size: 20px; line-height: 1.2; letter-spacing: .1em; }


/* ------------------------------------------------------------ *\
	Section Shop
\* ------------------------------------------------------------ */

.section-shop { padding: 140px 33px 0; }
.section-shop .section-body:after { }
.section-shop .section-aside { float: left; width: 25%; padding: 0 5px 30px; }
.section-shop .section-content { overflow: hidden; padding-top: 16px; }
.section-shop .section-head { position: relative; }
.section-shop .section-head-actions { position: absolute; top: 0; right: 0; }
.section-shop .section-head-actions a { font-size: 11px; line-height: 1.82; text-transform: uppercase; letter-spacing: .1em; }
.section-shop .section-head-actions a i { position: relative; top: -2px; transition: all .6s cubic-bezier(.165,.84,.44,1); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.section-shop .section-head-actions a:hover { text-decoration: none; }
.section-shop .section-head-actions .active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }



/* ------------------------------------------------------------ *\
	Section PDP
\* ------------------------------------------------------------ */

.section-pdp { padding-top: 60px; }
.section-pdp .section-head { padding: 0 38px; }
.section-pdp .breadcrumbs { text-align: left; }


/* ------------------------------------------------------------ *\
	Section Related
\* ------------------------------------------------------------ */

.section-related { border-top: 1px solid #000; }
.section-related .section-head { padding: 35px 0 40px; text-align: center; }
.section-related .section-title { font-size: 24px; letter-spacing: .1em; text-transform: uppercase; }
.section-related .product-compact { width: 25%; }
.section-related .product-compact:nth-child(3n+1) { clear: none; }
.section-related .product-compact:nth-child(4n+1) { clear: both; }

/* ------------------------------------------------------------ *\
	Section Cart
\* ------------------------------------------------------------ */

.section-cart { min-height: 947px; }
.section-cart .cart-head { padding-bottom: 40px; font-size: 18px; text-transform: uppercase; }
.section-cart .section-content { margin-right: 450px; }
.section-cart .section-content-inner { max-width: 880px; padding: 51px 40px 20px; margin: 0 auto; }
.section-cart .section-aside { position: absolute; top: 0; right: 0; width: 450px; bottom: 0; padding: 15px 55px 55px; background: #f9f9f9; display: inline-table; }
.section-cart .section-actions { padding-top: 20px; text-align: center; }
.section-cart .section-actions .btn { padding: 0 10px; }
.section-cart .section-actions .separator { display: block; padding: 10px 0; font-size: 12px; text-transform: uppercase; }
.section-cart .out-of-cart-item-removestock { font-weight: bold; }

.checkout-cart-index .wrapper { overflow: visible; }
.checkout-cart-index .main {overflow: visible;min-height: 835px;}

/* ------------------------------------------------------------ *\
	Section Error
\* ------------------------------------------------------------ */

.section-error { padding: 59px 20px 0; text-align: center; }
.section-error h1 { margin-bottom: 0; padding-bottom: 45px; font-size: 17px; line-height: 1.18; }
.section-error p { padding-bottom: 30px; margin-bottom: 0; font-size: 20px; line-height: 1.25; }
.section-error .section-content { padding: 100px 0; }


/* ------------------------------------------------------------ *\
	Section Checkout
\* ------------------------------------------------------------ */

.section-checkout { min-height: 100vh; }
.section-checkout .section-content { margin-right: 450px; }
.section-checkout .section-content-inner { max-width: 720px; padding: 51px 40px 20px; margin: 0 auto; }
.section-checkout .section-aside { position: absolute; top: 0; right: 0; width: 450px; bottom: 0; padding: 51px 55px 55px; background: #f9f9f9; display: inline-table; }
.checkout-onepage-index .header { top: 0px; }
.checkout-onepage-index .wrapper { overflow: visible; }
.checkout-onepage-index .main { overflow: visible; }


/* ------------------------------------------------------------ *\
	Section Checkout sucess
\* ------------------------------------------------------------ */

.section-checkout-success { padding: 59px 0 0; font-size: 20px; text-align: center; }
.section-checkout-success h2 { padding-bottom: 35px; font-size: 17px;  }
.section-checkout-success h4 { padding-bottom: 40px; font-size: 14px; font-weight: normal; }
.section-checkout-success p { padding-bottom: 10px; }
.section-checkout-success .section-content { max-width: 550px; padding: 100px 0; margin: 0 auto; }
.section-checkout-success .socials { display: inline-block; padding: 20px 0 80px; }
.section-checkout-success .socials h5 { padding-bottom: 20px; font-size: 11px; font-weight: bold; }
.section-checkout-success .section-actions .btn { padding: 0 10px; }
.checkout-onepage-success div[id*=frndby_container] { z-index: 16000003 !important; }
.checkout-onepage-success div[id*=frndby_unit] { overflow-y: scroll !important; max-height: 80vh; }
.checkout-onepage-success .wrapper { z-index: 0; }

/* ------------------------------------------------------------ *\
	Section Search Results
\* ------------------------------------------------------------ */

.section-search-results { padding: 140px 33px 0; }
.section-search-results .section-head { text-align: center; }
.section-search-results .section-title { margin-left: 5px; text-align: left; padding-bottom: 15px; font-size: 11px; line-height: 1.82; text-transform: uppercase; letter-spacing: .1em; color: #727272; }
.section-search-results .section-entry { padding-bottom: 25px; text-align: center; }
.no-search-results { padding-bottom: 110px }
.no-search-results .section-head { padding-bottom: 90px; text-align: center; color: #353535; font-weight: 300; font-size: 20px; line-height: 1.3; }
.no-search-results .categories { list-style-type: none; font-size: 0; line-height: 0; text-align: center; }
.no-search-results .category { display: inline-block; vertical-align: middle; padding: 0 3px; }
.no-search-results .category .category-image { padding-bottom: 5px; }
.no-search-results .category .category-image img { display: block; width: 100%; height: auto; }
.no-search-results .category .category-actions { padding-top: 5px; }

.section-search-results .product-compact { width: 25%; }
.section-search-results .product-compact:nth-child(3n+1) { clear: none; }
.section-search-results .product-compact:nth-child(4n+1) { clear: both; }


/* ------------------------------------------------------------ *\
	Section Privacy
\* ------------------------------------------------------------ */

.section-privacy { position: relative; min-height: 100vh; }
.section-privacy .section-aside { position: absolute; top: 0; left: 0; bottom: 0; width: 260px; background: #f9f9f9; }
.section-privacy .section-content { margin-left: 260px; padding: 70px 120px 50px; }

.section-privacy .section-nav { position: fixed; top: 0; left: 0; width: 260px; padding: 222px 0 80px; font-size: 10px; font-weight: 500; text-transform: uppercase; }
.section-privacy .section-nav ul { list-style: none outside none; }
.section-privacy .section-nav li { padding-bottom: 15px; }
.section-privacy .section-nav a { display: inline-block; padding: 0 10px 3px 40px; border-bottom: 2px solid transparent; }
.section-privacy .section-nav a:hover,
.section-privacy .section-nav .current a { border-bottom-color: #0dd; text-decoration: none; }
@media (max-width: 767px) {
    .checkout-onepage-success { overflow-y: scroll !important; }
}

/* ------------------------------------------------------------ *\
	Section Designers
\* ------------------------------------------------------------ */

.section-designers { padding-bottom: 20px; }
.section-designers .section-inner { border-top: 1px solid #000; }
.section-designers .section-head {  padding-top: 15px; padding-bottom: 34px; text-align: center;}
.section-designers .section-title { font-size: 24px; line-height: 1.25; letter-spacing: .1em; }
.section-designers .section-body { max-width: 1250px; padding: 0 30px; margin: 0 auto; }
.section-designers-container { margin-top: 0; }

/* ------------------------------------------------------------ *\
	Section Index
\* ------------------------------------------------------------ */

.section-index { padding-bottom: 75px; border-top: 1px solid #000; }

.section-index .section-head { padding: 35px 0; text-align: center; }
.section-index .section-body { max-width: 1250px; padding: 0 30px; margin: 0 auto; }

.section-index .section-title { font-size: 28px; line-height: 1; letter-spacing: .1em; }

/* ------------------------------------------------------------ *\
	Section Designers Single
\* ------------------------------------------------------------ */

.section-designers-single { padding-top: 125px; text-align: center; }
.section-designers-single .section-content { position: relative; max-width: 650px; padding: 25px 20px 0; margin: 0 auto; }
.section-designers-single .section-content:before { content: ''; position: absolute; top: 28px; left: -21px; width: 62px; height: 32px; background: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") -120px -110px no-repeat; }
.section-designers-single ~ .section-shop { padding-top: 38px; }
.section-designers-single-image { padding-top: 0; }

/* ------------------------------------------------------------ *\
	Section Tiles
\* ------------------------------------------------------------ */

.section-tiles { margin-top: 38px; padding-top: 38px; border-top: 3px solid #ebebeb; overflow: hidden; }

.section-tiles-alt { border-top: 1px solid #000; margin-top: 0; }
.section-tiles-alt .section-title { margin-bottom: 38px; font-size: 22px; letter-spacing: .1em; text-transform: uppercase; text-align: center; }

/* Mobile */

/* ------------------------------------------------------------ *\
	Section Account
\* ------------------------------------------------------------ */

.section-account { position: relative; min-height: 100vh; }
.section-account .section-aside { position: absolute; top: 0; left: 0; bottom: 0; width: 260px; background: #f9f9f9; }
.section-account .section-content { max-width: 1560px; margin: 0 auto; padding: 22px 375px 50px; }

.section-account .section-nav { position: fixed; top: 0; left: 0; width: 260px; padding: 222px 0 80px; font-size: 10px; font-weight: 500; text-transform: uppercase; }
.section-account .section-nav ul { list-style: none outside none; }
.section-account .section-nav li { padding-bottom: 15px; }
.section-account .section-nav a { display: inline-block; padding: 0 10px 3px 40px; border-bottom: 2px solid transparent; }
.section-account .section-nav a:hover,
.section-account .section-nav .current a { border-bottom-color: #0dd; text-decoration: none; }

.section-account .section-head { padding-top: 15px; }
.section-account .section-head p { font-size: 16px; font-weight: bold; text-transform: uppercase; }
.section-account .section-title { font-size: 17px; }
.section-account .section-head-actions{ display: none }

.section-account .section-entry { margin: 20px 0; }


/* ------------------------------------------------------------ *\
	Section Forgot Password
\* ------------------------------------------------------------ */

.section-forgot-password { padding-top: 178px;}
.section-forgot-password .section-inner { max-width: 610px; padding: 0 15px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Section Error
\* ------------------------------------------------------------ */

.std .section-error { position: relative; height: 0; padding-top: 46.85212%; }
.section-error h1 { padding-bottom: 30px; font-size: 38px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.section-error p { padding-bottom: 10px; }
.section-error .section-body { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.section-error .section-body-inner  { max-width: 385px; margin: 0 auto; }
.section-error .btn { height: 38px; /*padding: 0; */ }


/* ------------------------------------------------------------ *\
	Account
\* ------------------------------------------------------------ */
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.popup-move-wishlist .login-msg, .form-sign-in .login-msg, .validation-advice, .already-registered {  display: block; color: red;   font-size: 10px;  left: 0;  line-height: normal;  text-transform: uppercase;}
.already-registered a { text-decoration: underline;  color: #000 }
.error-msg { color: red;  font-size: 10px;  line-height: normal; list-style: none outside none;  text-transform: uppercase; padding-top: 10px; }
.addresses .link-remove {  position: absolute;  right: 0;  top: 0; }
.addresses address{  box-sizing: border-box; display: inline-block; padding-right: 10px;  position: relative; vertical-align: top; width: 33.3333%;  word-spacing: 0;  margin-bottom: 20px; margin-right: 10px }
.addresses .edit > span {  border-bottom: 1px solid #0dd;  color: #000;  display: inline-block; line-height: 11px;  padding-bottom: 1px; bottom: 0;  top: auto }
.addresses .address-container address { box-sizing: border-box; padding-right: 50px; position: relative }
.edit > span { bottom: 0; right: 0; position: absolute }
.link-remove {  background-position: -80px -200px;  display: inline-block;  height: 0;  overflow: hidden;  padding-top: 20px;  text-align: left;  vertical-align: top;   width: 20px; background-image: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg") }
.contact-info-head > a {  float: right  }

.pace {  -webkit-pointer-events: none;  pointer-events: none;   -webkit-user-select: none;   -moz-user-select: none; user-select: none}
.pace-inactive { display: none;}
.pace .pace-progress {  background: #0dd;  position: fixed;  z-index: 2000;  top: 0;  right: 100%;  width: 100%;  height: 2px;}


/* ------------------------------------------------------------ *\
	Section Login
\* ------------------------------------------------------------ */

.section-login { min-height: 100vh; padding-top: 108px; padding-bottom: 30px; }

.section-login .section-inner { max-width: 780px; margin: 0 auto; padding: 70px 0; overflow: hidden; }
.section-login .section-col { float: left; width: 50%; padding: 0 20px; }


/* ------------------------------------------------------------ *\
	Size Guide
\* ------------------------------------------------------------ */

.sizeguide { white-space: nowrap; }
.sizeguide h2 { font-size: 17px; font-weight: normal; }

.sizeguide-table th { padding: 5px; font-weight: normal; text-align: left; }
.sizeguide-table td { padding: 5px; text-align: center; }
.sizeguide-table tr:nth-child(odd){ background: #e0e2e7; }


.slider-actions button { position: absolute; width: 35px; height: 35px; top: 50%; background: #fff; border: none; border-right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; line-height: 0; }
.slider-actions button i { margin: 8px; }
.slider-actions .slider-prev { left: 15px; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/arrow-prev.png) 50% no-repeat; }
.slider-actions .slider-next { right: 15px; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/arrow-next.png) 50% no-repeat; }


.remaining-msg-holder .remaining-msg { margin-top: 35px; display: block }
.remaining-msg {color: #0dd; text-transform: uppercase; font-size: 10px; letter-spacing: .2em; line-height: 1.33;}

/* ------------------------------------------------------------ *\
	Slider Home
\* ------------------------------------------------------------ */

.slider-home .slick-slider { position: static; }
.slider-home .slick-dots { position: absolute; bottom: 100px; left: 50%; font-size: 0; -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
.slider-home .slick-dots li { display: inline-block; }
.slider-home .slick-dots li + li { margin-left: 30px; }
.slider-home .slick-dots button { width: 15px; height: 15px; border-radius: 50%; border: none; box-shadow: none; background-color: #000; }
.slider-home .slick-dots button:hover { box-shadow: 1px 0 20px #0dd; }
.slider-home .slick-dots .slick-active button { background-color: #0dd; }
.slider-home .slick-prev { display: none !important; }
/*.slider-home .slick-next { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/slider-arrow.png) no-repeat 0 0; width:28px; height: 40px; position: absolute; top:50%; right:32px; border:0; font-size: 0; line-height: 0; text-indent: -4000px; margin-top:-20px; }*/

/*.slider-home .slides.arrow-turquoise .slick-next { background: url(https://bandier.ips.photos/skin/media/wysiwyg/slider/slider-arrow.png) no-repeat 0 0; }*/
/*.slider-home .slides.arrow-white .slick-next { background: url(https://bandier.ips.photos/skin/media/wysiwyg/slider/slider-arrow-white.png) no-repeat 0 0; }*/
/*.slider-home .slides.arrow-black .slick-next { background: url(https://bandier.ips.photos/skin/media/wysiwyg/slider/slider-arrow-black.png) no-repeat 0 0; }*/
.slider-home .slides.dot-turquoise .slick-dots button { background-color: #0dd; }
.slider-home .slides.dot-white .slick-dots button { background-color: #fff; }
.slider-home .slides.dot-black .slick-dots button { background-color: #000; }
.slider-home .slides.dot-selected-turquoise .slick-dots button:hover { box-shadow: 1px 0 20px #0dd; }
.slider-home .slides.dot-selected-white .slick-dots button:hover { box-shadow: 1px 0 20px #fff; }
.slider-home .slides.dot-selected-black .slick-dots button:hover { box-shadow: 1px 0 20px #000; }
.slider-home .slides.dot-selected-turquoise .slick-dots .slick-active button { background-color: #0dd; }
.slider-home .slides.dot-selected-white .slick-dots .slick-active button { background-color: #fff; }
.slider-home .slides.dot-selected-black .slick-dots .slick-active button { background-color: #000; }

@media(max-width: 1200px) {
    .slider-home { padding-top: 80px; }
    .slider-home .slick-dots { bottom: 170px; }
}

@media(max-width: 1023px) {
    .slider-home { padding-top: 0; }
    .slider-home .slick-dots { bottom: 50px; }
    .slider-home .slick-dots li + li { margin-left: 15px; }
    .slider-home .slick-dots button { width: 10px; height: 10px; }
}

@media(max-width: 767px) {
    .slider-home .slick-dots { bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Slider Feed
\* ------------------------------------------------------------ */

.slider-feed { position: relative; }
.slider-feed .slider-clip { position: relative; overflow: hidden; height: 0; width: 133.333%; padding-top: 27.5%; margin-left: -16.66667%; margin-bottom: -1%; }
.slider-feed .slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ------------------------------------------------------------ *\
	Slider Product Images
\* ------------------------------------------------------------ */

.slider-product-images { position: relative; }
.slider-product-images .slider-actions { display: none; }



/* ------------------------------------------------------------ *\
	Slider Quickview Images
\* ------------------------------------------------------------ */

.slider-quickview-images { position: relative; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul { overflow: hidden; margin: 0 -6px; list-style: none outside none; }
.socials li { float: left; padding: 0 6px; }
.socials a { display: block; width: 44px; height: 44px; }
.socials i { margin: 11px; }



/* ------------------------------------------------------------ *\
	Socials Mobile
\* ------------------------------------------------------------ */



.socials-mobile { padding: 32px 0 25px; }
.socials-mobile .socials-label { display: block; padding: 16px 40px 0; font-size: 10px; line-height: 1.4; color: #fff; font-weight: 200; text-transform: uppercase; }
.socials-mobile ul { margin-left: 20px; list-style: none outside none; }
.socials-mobile ul:after { }
.socials-mobile li { float: left; }
.socials-mobile a { display: block; width: 50px; height: 44px; text-align: center; }
.socials-mobile i { margin: 11px 0; }


/* ------------------------------------------------------------ *\
	Socials Footer
\* ------------------------------------------------------------ */

.socials-footer { float: right; }
.socials-footer ul { overflow: hidden; margin: 0 -6px; list-style: none outside none; }
.socials-footer li { float: left; padding: 0 6px; }
.socials-footer span { display: block; padding: 6px 0; line-height: 2; }
.socials-footer a { display: block; padding: 6px 0; }

/* .sold-out{ display: none } */

/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

.subscribe { padding-top: 21px; }
.subscribe .subscribe-field { display: block; width: 100%; height: 32px; max-width: 400px; padding: 0 2%; border: 1px solid #727272; border-radius: 0; margin: 0 auto; background: #1a1a1a; color: #727272; text-align: center; transition: border-color .6s cubic-bezier(.165,.84,.44,1); }
.subscribe .subscribe-field:focus { border-color: #0dd; }
.subscribe .subscribe-btn { display: inline-block; vertical-align: top; padding: 2px 0; border: 0; border-radius: 0; border-bottom: 2px solid #0dd; margin-top: 22px; background: #1a1a1a; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: .1em; }

.subscribe-error .subscribe-field:focus,
.subscribe-error .subscribe-field { border-bottom: 2px solid red; }

.subscribe-success .subscribe-btn { border-bottom-color: transparent; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { display: table; width: 100%; height: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }


/* ------------------------------------------------------------ *\
	Table Taxes
\* ------------------------------------------------------------ */

.table-taxes { font-size: 16px; }
.table-taxes table { width: 308px; }
.table-taxes th { text-align: left; font-weight: normal;  }
.table-taxes th,
.table-taxes td { padding: 2px 0; }



/* ------------------------------------------------------------ *\
	Table Orders
\* ------------------------------------------------------------ */

.table-orders { margin-top: 48px; }
.table-orders .table-head { margin-bottom: 8px; overflow: hidden; }
.table-orders .table-head h3 { float: left; font-size: 12px; }
.table-orders .table-head a { float: right; }

.table-orders .table-label { display: none; }
.table-orders a { border-bottom: 1px solid #0dd; line-height: 11px; font-size: 10px; text-transform: uppercase; }
.table-orders a:hover { text-decoration: none; }
.table-orders th,
.table-orders td { border-top: 1px solid #e4e4e4; height: 42px; text-align: left; }
.table-orders th:last-child,
.table-orders td:last-child { text-align: right; }
.table-orders th { font-weight: normal; font-weight: 500; font-size: 12px; text-transform: uppercase; }
.table-orders td { font-size: 14px; }


/* ------------------------------------------------------------ *\
	Tiles
\* ------------------------------------------------------------ */

.tiles { list-style: none outside none; margin: 0 -19px; overflow: hidden; }

.tile { float: left; width: 50%; padding: 0 19px 61px; }

.tile .tile-image { margin-bottom: 25px; }
.tile .tile-image img { width: 100%; height: auto; }
.tile .tile-content { text-align: center; }
.tile .tile-subtitle { margin-bottom: 20px; font-size: 14px; text-align: center; letter-spacing: .1em; }
.tile .tile-subtitle a:hover { text-decoration: none; }
.tile .tile-title { font-size: 38px; letter-spacing: .1em; }
.tile .tile-entry { font-size: 20px; margin: 30px 0 10px; }
.tile .tile-actions .btn { padding: 0; line-height: 34px; height: 34px; }
.hidden { display: none  }
.catalog-product-view .validation-advice:not(.form-access) { display: block; /*color: #727272;  position: absolute;*/ width: 250px; }
#advice-validate-email-waitlist-email {display: none;}
.catalog-product-view .fave-link .validation-advice {   bottom: -10px;   font-size: 10px;  left: -75px;  line-height: normal;  position: absolute;   text-transform: uppercase; }

/* Wishlist button text */
.category-products .fave-text,
.catalog-category-view .fave-text { display:none; }
.product-quickview .fave-text { display: inline; }

/* SECTION LOGOUT */
.section-logout { padding-top: 178px;max-width: 610px; margin: 0 auto; }
.form-logout .form-head { margin-bottom: 14px; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.form-logout .form-head h4 { margin-bottom: 20px; font-size: 17px; font-weight: 700; text-align: center; }

.form-signin { display: none; }

.product-info .product-exclusive { color: #0dd; font-size: 12px; margin-bottom: 20px; margin-top: -8px; text-transform: uppercase; }
.popup-quickview .product-exclusive { color: #0dd; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; }
#category-products .product-exclusive { font-weight: 600; color: #0dd; font-size: 11px; text-transform: uppercase; position: absolute; top: -9px; left: 2px; text-align: left; z-index:20; }
#category-products .product-exclusive > div { padding-left: 10px; line-height: 14px; margin-top: 15px; }


/* ------------------------------------------------------------ *\
	Section Not Found
\* ------------------------------------------------------------ */

.section-not-found { padding: 110px 45px; font-family: 'Brandon Grotesque'; }
.section-not-found .section-head { padding-bottom: 90px; text-align: center; color: #353535; font-weight: 300; font-size: 20px; line-height: 1.3; }
.section-not-found .section-title { text-transform: uppercase; color: #231f20; font-weight: bold; font-size: 17px; line-height: 1.24; padding-bottom: 35px; letter-spacing: 2px; }
.section-not-found .categories { list-style-type: none; font-size: 0; line-height: 0; text-align: center; }
.section-not-found .category { display: inline-block; vertical-align: middle; padding: 0 3px; }
.section-not-found .category .category-image { padding-bottom: 5px; }
.section-not-found .category .category-image img { display: block; width: 100%; height: auto; }
.section-not-found .category .category-actions { padding-top: 5px; }

/* google iframe */

iframe[name='google_conversion_frame'] {
    height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;
}

/* free shipping banner */
.freeship-checkout-cart-mini, .freeship-checkout-cart { color: #0dd; text-transform: uppercase; font-weight: normal; font-size: 12px; }
.freeship-checkout-cart { text-align: right; }

/*  Contact-us  */

.contact-us { position: relative; max-height: 0; visibility: hidden; opacity: 0; transition: all .6s; padding-bottom: 20px; }
.contact-us span,
.contact-us-expanded span { display: block; padding-bottom: 10px; }
.contact-us .btn-shrink  { position: absolute; bottom: 2px; right: 0; border-bottom: 2px solid #fff; width: 36px; height: 20px; }
.contact-us .btn-shrink:after { position:absolute; top:0; left:50%; transform: translateX(-50%);  content:''; width: 0; height: 0; border-style: solid; border-width: 0 4px 6px 4px; border-color: transparent transparent #fff transparent; }
.contact-us-expanded { max-height: 100px; visibility: visible; opacity: 1; }
.contact-us-mobile { display: none; }

/* section studio */
.section-studio { margin-top: 120px; }
.section-studio .section-callout .section-content .table { max-width: 790px; }
.section-studio .section-subtitle { font-size: 100px; color: #000; font-weight: bold; letter-spacing: 0; }
.section-studio .section-title { color: #000; font-size: 30px; letter-spacing: 0; margin-bottom: 20px; }
.section-studio .btn-black { background-color: #000; padding: 0px 20px !important; height: 40px; line-height: 40px; color: #fff; font-size: 14px; border-bottom-width: 4px; }
.section-studio .section-content p { font-size: 24px; color: #000; line-height: 40px; letter-spacing: 0; }
.section-studio .section-content .section-address { padding-top: 50px; }
.cms-studio-b .footer { height: 250px; }

/* banner */
.banner { margin: 100px 100px 0 100px; }
.banner .banner-image img { display:block; width:100%; }
.banner .banner-content { width:480px; background:#fff; margin: 0 auto; text-align:center; padding: 30px 40px; font-size:14px; font-weight:500; margin-top:-83px; z-index: 2; position: relative; }
.banner .banner-content img { display:block; width:100%; }
.banner .banner-content p { line-height:1.8; }
.banner h2 { text-transform: uppercase; font-weight:900; color: #333; margin-bottom:10px; line-height:1; font-size:34px; }

/* go-top Button */
.go-top { text-align:right; position: fixed; bottom:70px; left:0; width:25%;  z-index: 999; opacity: 0; visibility: hidden; }
.go-top.visible { opacity: 1; visibility: visible; }
.go-top .btn-gotop { display: inline-block; vertical-align: middle; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-go-top@2x.png) no-repeat 0 0; background-size: 36px 33px; color: #fff; width:36px; height: 33px; text-align:center; text-decoration: none; }
.go-top .btn-gotop .text { display:none; }
.go-top.bottom { bottom: 270px; }
/* // go-top Button */

/* Paging */
.paging { text-align:center; font-weight:800; padding: 70px 0; }
.paging ul li { list-style:none; list-style-position: outside; display: inline-block; padding: 0 7px 0 8px; }
.paging ul li a { font-size:18px; text-decoration: none; display: inline-block; vertical-align: middle; line-height:40px; }
.paging ul li .paging-left,
.paging ul li .paging-right { font-size:30px; padding: 0 14px; margin-top:-5px; }
.paging ul li.current a,
.paging ul li a:hover { color: #00dddd; position:static; }
/* // Paging */

.magazine-index-index .wrapper { min-height: 0; }


/* ------------------------------------------------------------ *\
	studio-b Update
\* ------------------------------------------------------------ */

.cms-studio-b .section-primary { text-align: center; padding: 114px 0 21px; }
.cms-studio-b .section-primary h3 { color: #4c4f55; font-size: 32px; font-family: 'brandon_grotesqueblack',sans-serif; line-height: 1.35; letter-spacing: 0.05em; margin: 38px 0 32px; }
.cms-studio-b .section-primary img { max-width: 458px; height: auto; }
.cms-studio-b .section-primary .btn { border-radius: 0; border: none; background: none; background: #4c4f55; line-height: 42px; height: 42px; position: relative; width: 204px; text-align: center; padding: 0; }
.cms-studio-b .section-primary .btn:after { position:absolute; bottom: -4px; left: 0; width: 100%; content: ''; background: #fbfa59; height: 4px; }
.cms-studio-b .section-primary .btn:hover { background: #848890; }
.cms-studio-b .section-primary .btn span { display: inline-block; font-size: 12px; font-family: 'brandon_grotesqueblack',sans-serif; letter-spacing: 0.2em; color: #fff; position: relative; }
.cms-studio-b .section-primary .btn span:after { position:absolute; top: 16px; right: -13px; content:''; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #fff; }
.cms-studio-b .section-primary .contacts { margin-top: 84px; }
.cms-studio-b .section-primary .contacts br { display: none; }
.cms-studio-b .section-primary .contacts a { display: inline-block; margin-left: 10px;  }

.cms-studio-b .section-callout-secondary { background: #f1fb59; padding: 40px 10px 35px; text-align: center; border-bottom: 1px solid #fff; }
.cms-studio-b .section-callout-secondary h4 { color: #4c4f55; font-size: 27px; font-family: 'brandon_grotesqueblack',sans-serif; letter-spacing: -0.02em; font-weight: normal; }

.cms-studio-b .section-features { border-top: 15px solid #949599; }

.cms-studio-b .subscribe-secondary .subscribe-field { width: 300px; display: block; margin: 0 auto; background: none; border-radius: 0; border: none; border: 1px solid #585c55; text-align: center; padding: 0 10px; line-height: 36px; height: 36px; font-family: 'BrandonGrotesque',sans-serif; font-weight: 400; color: #4c4f55; letter-spacing: 0.1em; font-size: 12px; margin-bottom: 15px; }
.cms-studio-b .subscribe-secondary .error .subscribe-field { border-bottom: 2px solid red; }
.cms-studio-b .subscribe-secondary .subscribe-btn { background: none; border-radius: 0; border: none; display: inline-block; line-height: 22px; height: 22px; color: #4c4f55; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; font-family: 'BrandonGrotesque',sans-serif; font-weight: 400; border-bottom: 1px solid #4c4f55; }
.cms-studio-b .subscribe-secondary .subscribe-btn:hover { border: none; }

.cms-studio-b .list-features { text-align: center; position: relative; letter-spacing: 0; width: calc(100% + 15px); font-size: 0; margin-left: -15px; }
.cms-studio-b .list-features:after { position:absolute; bottom: 0; left: 0; right: 0; content: ''; background: #949599; height: 15px; }
.cms-studio-b .list-features li { position: relative; border-left: 15px solid #949599; letter-spacing: normal; width: 25%; display: inline-block; border-bottom: 15px solid #949599; font-size: 0; }
.cms-studio-b .list-features li:last-of-type:after { position:absolute; top: 0; bottom: 0; right: -15px; content: ''; border-right: 15px solid #949599; }
.cms-studio-b .list-features strong { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; font-size: 62px; font-family: 'brandon_grotesqueblack',sans-serif; line-height: 1.04; letter-spacing: 0.1em; color: #383b41; padding: 0 15px; }
.cms-studio-b .list-features img { width: 100%; height: auto; max-width: 100%; }

.cms-studio-b .contacts { color: #4c4f55; }
.cms-studio-b .contacts p { font-size: 22px; line-height: 1.45; font-family: 'BrandonGrotesque',sans-serif; font-weight: 500; }
#studio-b-subscribe-email .validation-advice { display: block; margin-top: -13px; padding-bottom: 5px; text-transform: lowercase; font-size: 13px; }
#studio-b-subscribe-email.subscribe-error input.subscribe-email { border-bottom: 2px solid black; }

/* ------------------------------------------------------------ *\
	// studio-b Update
\* ------------------------------------------------------------ */

.section-callout-primary .section-video-main-page { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.section-callout-primary .section-video-main-page video { position: absolute; top: 50%; left: 50%; width: 100% !important; height: 100% !important; min-width: 177.78vh !important; min-height: 56.25vw !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.section-callout-primary .section-video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.section-callout-primary .section-video video { position: absolute; top: 50%; left: 50%; width: 100% !important; height: 100% !important; min-width: 177.78vh !important; min-height: 56.25vw !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-callout-primary .video-control-volume { position: absolute; top: 130px; right: 20px; z-index: 99; width: 20px; }
.section-callout-primary .video-control-volume img { width: 100%; height: auto; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }
.section-callout-primary .video-control-volume .hide { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.section-callout-primary .video-control-volume.disable img { opacity: 0; }
.section-callout-primary .video-control-volume.disable .hide { opacity: 1; }

.visible-tablet { display: none !important; }

.cms-home .footer-inner { padding-bottom: 50px; }
.bag-toggle.active { color: #40e0d0; }

/*#dt_method_paypal_express label { float: left; }*/
.payment-method-paypal { display: inline-block; }

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */

.filter-type-small { width: 14.2855%; }

.filter-type-small .radio input { position: absolute; z-index: -1; opacity: 0; }
.filter-type-small .radio label { cursor: pointer; display: inline-block; font-size: 12px; line-height: 1.17; text-transform: uppercase; font-weight: 500; }
.filter-type-small .radio label:before { content: ''; display: inline-block; width: 11px; height: 11px; vertical-align: top; border: 1px solid #000; margin-right: 5px; transition: background .6s cubic-bezier(.165,.84,.44,1); }
.filter-type-small .radio input:checked + label:before { background: #0dd; }

.special-price { color: #f00; }

.ico-arrow-left-medium { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: -76px -90px; width: 25px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-left-mobile { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: 0 -137px; width: 21px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-left-small { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/desk-right.png); width: 34px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-left { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: -90px 0; width: 41px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-right-medium { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: -47px -90px; width: 25px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-right-mobile { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: -25px -137px; width: 21px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-right-small { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/desk-left.png); width: 34px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-right { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: -135px 0; width: 41px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; }

.cart-item-actions .ico-close-small { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-close-popover.png); background-position: 0; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-close-white-small { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: -152px -61px; width: 13px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-play-mobile { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: 0 -90px; width: 43px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-play { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png); background-position: 0 0; width: 86px; height: 86px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-arrow-left-mobile { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png); background-position: -45px 0; background-size: 89px 43px; width: 21px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
    .ico-arrow-right-mobile { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png); background-position: -68px 0; background-size: 89px 43px; width: 21px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
    .ico-play-mobile { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png); background-position: 0 0; background-size: 89px 43px; width: 43px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }
}

.section-promo .section-body:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\

	Container Homepage

\* ------------------------------------------------------------ */

.container-homepage { padding-top:43px; }

@media (max-width: 767px) {

    .container-homepage { padding-top:10px; }

}

/* ------------------------------------------------------------ *\

	Shell

\* ------------------------------------------------------------ */

.shell { max-width: 1698px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell-fluid { max-width: none; }

/* ------------------------------------------------------------ *\

	Shell Custom

\* ------------------------------------------------------------ */

.shell-custom { padding-left: 80px; padding-right: 80px; }

@media (max-width: 767px) {

    .shell-custom { padding: 0 10px; }

}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\

	Banner Callout

\* ------------------------------------------------------------ */

.banner-callout { text-align:center; position: relative; }

.banner-callout .banner-image img { display:block; width:100%; }

.callout-cta { -webkit-transform: rotate(-90deg) translate(50%, -50%); -ms-transform: rotate(-90deg) translate(50%, -50%); transform: rotate(-90deg) translate(50%, -50%); border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #000; overflow: hidden; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right;	display: block; position: fixed; top: 50%; right: 0; transition: -webkit-transform .35s ease-in-out; transition: transform .35s ease-in-out; transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out; z-index: 10; margin-top:217px; }

.callout-cta .callout-btn { border-width: 2px; border-color: #000; border-width: 2px; border-style: solid; background-color: #000; color: #fff; padding: 1px 8px 0 10px; font-size: .85714286em; font-weight: 700;line-height: 2.75; display: inline-block; transition: all .25s ease-in-out; letter-spacing: 2.25px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: initial; cursor: pointer; }

.callout-cta .callout-btn-close { position: relative; top: -2px; left: -8px; border: 0; display: initial; padding: 0; border-width: 0; background-color: transparent; color: #000; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: initial; line-height: initial; text-align: inherit; text-transform: inherit; white-space: initial; cursor: pointer; }

@media (max-width: 1200px) {

    .callout-cta { display:none; }

}

@media (max-width: 1024px) {
    .callout-cta { display: none!important; }
}

/* ------------------------------------------------------------ *\

	Form Newsletter

\* ------------------------------------------------------------ */

.form-newsletter { border:0; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/newsletter-bg.jpg) no-repeat center center; background-size: cover; font-family: 'Brandon Grotesque', serif; padding: 44px 5px 14px 5px; display: table; width:100%; }

.form-newsletter .form-inner { width: 487px; display:block; padding-top:192px; }

.form-newsletter .form-title { color: #000; padding-bottom:0; font-size:43px; letter-spacing: 0.075em; margin-bottom:12px; }

.form-newsletter .form-head { line-height:inherit; padding-bottom:0; font-weight:700; margin-bottom:28px; }

.form-newsletter .form-head p { font-size:30px; text-transform: uppercase; letter-spacing: .05em; }

.form-newsletter .form-head p strong { font-family: 'Brandon_blk', serif; }

.form-newsletter .field { display:block;  max-width: 267px; width: 267px; font-size:11px; color: #898989; text-transform: uppercase; border:0; text-align:center; }

.form-newsletter .form-btn { border-bottom:0;  color: #fff; background-color:#000; font-size:11px; text-transform: uppercase; height: 37px; margin-top:18px; }

.form-newsletter .form-btn .caret { display:none; }

.form-newsletter .CoverPop-close { width:13px; height: 13px; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-close-popover.png) no-repeat 0 0; top:15px; right:18px; }

.form-newsletter .form-alert { color: #ff2525; padding: 0; margin: 10px 0 0 0; font-family: 'Brandon Grotesque', serif; font-weight:500; text-transform: uppercase; font-size:10px; letter-spacing: 0.075em; letter-spacing: .04em; }

/* ------------------------------------------------------------ *\
	Section Promo
\* ------------------------------------------------------------ */

.section-promo .section-body:after { }

.section-promo .section-aside { float:left; width:43%; }

.section-promo .section-content { overflow: hidden; padding-left:70px; }

@media (max-width: 1200px) {
    .section-promo .section-aside { width:50%; }
    .section-promo .section-content { padding-left:30px; }
}

@media (max-width: 767px) {
    .section-promo .section-aside { width: auto; float:none; margin-bottom:10px; }
    .section-promo .section-content { padding-left:0; }
}

/* ------------------------------------------------------------ *\
	Section Callout Primary
\* ------------------------------------------------------------ */

.section-callout-primary { border-bottom:0 !important; }

.section-callout-primary .slider-home .slick-prev { display: block !important; }

/* ------------------------------------------------------------ *\
	Section Feed
\* ------------------------------------------------------------ */

.section-feed { background:transparent; }

@media (max-width: 1023px) {
    .section-feed { max-width: 50%; margin: 0 auto; overflow: hidden; }
}

@media (max-width: 767px) {
    .section-feed { max-width: 100%; }
    #category-products .product-exclusive > div { margin-top: 0px; }
}

/* ------------------------------------------------------------ *\
	Slider Intro
\* ------------------------------------------------------------ */

.slider-intro { position: relative; }

.slider-intro .slide-image img { display:block; width:100%; }

.slider-intro .slider-prev { position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left:32px; z-index: 2; }

.slider-intro .slider-next { position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right:32px; z-index: 2; }

.slider-intro .slider-prev .ico-arrow-left-mobile,
.slider-intro .slider-next .ico-arrow-right-mobile { display:none; }

@media (max-width: 1023px) {
    .slider-intro .slider-prev .ico-arrow-left,
    .slider-intro .slider-next .ico-arrow-right { display:none; }

    .slider-intro .slider-prev .ico-arrow-left-mobile,
    .slider-intro .slider-next .ico-arrow-right-mobile { display: inline-block; }
}

@media (max-width: 767px) {
    .slider-intro .slider-prev,
    .slider-intro .slider-next { display:none !important; }
}

/* ------------------------------------------------------------ *\
	Slider Products
\* ------------------------------------------------------------ */

.slider-products { position: relative; }

.slider-products .slider-title { text-align:center; font-size:16px; letter-spacing: 0.15em; /*font-family: 'Brandon_blk', sans-serif;*/ margin-bottom:30px; }

.slider-products .slide { text-align:center; }

.slider-products .slide h5 { margin: 0; font-family: 'BrandonGrotesque',sans-serif; font-weight:700; font-size: 13px; }

.slider-products .slide h6 { font-family: 'BrandonGrotesque',sans-serif; font-weight: 400; font-size:14px; }

.slider-products .slider-prev { position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left:0; text-decoration: none; }

.slider-products .slider-next { position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right:0; text-decoration: none; }

.slider-products .slide-image { text-align:center; margin-bottom:15px; }

.slider-products .slide-image img { display: inline-block; vertical-align: middle; max-width: 100%; }

@media (max-width: 1400px) {
    .slider-products .slide-image { padding:0 40px; }
}

@media (max-width: 1200px) {
    .slider-products .slide-image { padding: 0 30px; }
}

@media (max-width: 1023px) {
    .slider-products .slider-title { font-size:17px; letter-spacing: 0; }
    .slider-products .slide h5 { font-size:14px; }
    .slider-products .slide-image { padding: 0 30px; }
}

@media (max-width: 767px) {
    .slider-products .slider-title { margin-bottom:10px; }
}

/* ------------------------------------------------------------ *\
	Slider Hashtag
\* ------------------------------------------------------------ */

.slider-hashtag { position: relative; margin-top:70px; padding-bottom:20px; }

.slider-hashtag .slide { text-align:center; }

.slider-hashtag .slide-title { /*font-family: 'Brandon_blk', sans-serif;*/ font-size:28px; margin-bottom:20px; text-align:center; letter-spacing: 0.025em; }

.slider-hashtag .slide-title span { display: inline-block; vertical-align: top; margin: 0 20px 0 10px; position: relative; top:-5px; }

.slider-hashtag .slider-prev { position: absolute; top:4px; left:8px; text-decoration: none; z-index: 1; }

.slider-hashtag .slider-next { position: absolute; top:4px; right:8px; text-decoration: none; z-index: 1; }

.slider-hashtag img { display:block; width:100%; }

@media (max-width: 1023px) {
    .slider-hashtag .slider-next { top:8px; }
    .slider-hashtag .slider-prev { top:8px; }

    .slider-hashtag { margin-top:50px; }
    .slider-hashtag .slider-clip { margin: 0 100px 0 100px; }
    .slider-hashtag .slick-list { overflow: visible; }
    .slider-hashtag .slide { padding: 0 10px; }

    .slider-hashtag { overflow: hidden; }
}

@media (max-width: 767px) {
    .slider-hashtag .slider-prev { top:-3px; }
    .slider-hashtag .slider-next { top:-3px; }

    .slider-hashtag .slider-clip { margin: 0 50px 0 50px; }
    .slider-hashtag .slide-title { font-size:17px; }
}

/* ------------------------------------------------------------ *\
	Slider Home
\* ------------------------------------------------------------ */

.slider-home .slides.dot-selected-black .slick-dots button:hover { box-shadow: none; }

.slider-home .slides.dot-selected-black .slick-dots .slick-active button { background-color:#fff; }

.slider-home .slick-prev { position: absolute; top: 50%; left: 32px; border: 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: -20px;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-arrow-left.png) no-repeat 0 0; width:28px; height: 39px; z-index: 2; }

.slider-home .slick-next { position: absolute; top: 50%; right: 32px; border: 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: -20px;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-arrow-right.png) no-repeat 0 0; width:28px; height: 39px; z-index: 2; }

/* ------------------------------------------------------------ *\

	Splash

\* ------------------------------------------------------------ */

.splash#CoverPop-cover { border:0; width:100%; height: 100%; }

.splash#CoverPop-cover .CoverPop-inner { display: table-cell; vertical-align: middle; padding: 0 10px; }

.splash.hide#CoverPop-cover { display: none; }

@media (max-width: 1023px) {
    .splash#CoverPop-cover { display:none !important; opacity: 0 !important; visibility: hidden !important; z-index: -1 !important; position: fixed !important; margin-top:-1000% !important; margin-top:-1000vh !important; }
}

/* ------------------------------------------------------------ *\

	Video Placeholder

\* ------------------------------------------------------------ */

.video-placeholder { position: relative; margin-bottom:40px; }

.video-placeholder img { display:block; width:100%; }

.video-placeholder .btn-play { position: absolute; top:50%; left:50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.video-placeholder .btn-play .ico-play-mobile { display:none; }

/* wait-list */
.waitlist-container { margin-top: 70px; }
.cart-waitlist .cart-item-prices { text-align: left; }


/* ------------------------------------------------------------ *\

	Friend Buy

\* ------------------------------------------------------------ */
@media(min-width: 1024px) {
    .friend-buy--redeem { min-height: 100vh; position: relative; }
    .friend-buy--redeem > div { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); margin-top: 40px }
    .friend-buy--signup > div { margin-top: 126px; }
}


@media (max-width: 1023px) {

    .video-placeholder .btn-play .ico-play { display:none; }

    .video-placeholder .btn-play .ico-play-mobile { display: inline-block; }

}

@media (max-width: 767px) {

    .video-placeholder { margin-bottom:20px; }



}

@media (max-width: 800px) {
    .filter-type-small { width: auto; }

    .list-filters .radio { padding: 7px 20px; }
}


@media (max-width: 800px) {
    .filter-type-small { width: auto; }

    .list-filters .radio { padding: 7px 20px; }
}

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media (max-width: 1519px) {
    .section-account .section-content { max-width: none; padding-right: 120px; }
}

@media(max-width: 1500px){
    .cms-studio-b .list-features strong { font-size: 50px; }
}

@media screen and (max-width: 1280px) and (min-width: 768px){
    .product .product-info,
    .product .product-details { width: 33.33%; margin: 0; padding: 0 25px; }
    /*.product .product-images { padding: 0 33%; }*/
}

@media (max-width: 1200px) {
    .form-signup .form-body { width: 715px; }
    .nav-right li { margin-left: 20px; }
    .nav-left li { margin-right: 20px; }
    .payment-method .col { float: none; width: auto; padding: 0; }
    .payment-method .cols { margin: 0; }
    .cms-studio-b .list-features strong { font-size: 40px; }
    .cms-studio-b .section-primary .btn span:after { right: -9px; }
}

/* Tablet Portrait */
@media (max-width: 1024px) {
    .header { background: #fff;border-bottom: 3px solid #ebebeb;height: 62px; }
    .article-post .article-share,
    .article-post .article-share.sticky,
    .article-post .article-share.past-bottom { margin: 45px 0 15px;position: static; }
    .article-post .article-share ul { overflow: hidden; }
    .article-post .article-share li { float: left;margin: 0 15px; }
    .article-post .article-entry .playlist { padding-bottom: 0; }
    .article-post-alt .article-share.past-bottom { margin-bottom: 0; }
    .article-post-qa { overflow: hidden; }
    .article-post-qa .article-share.sticky,
    .article-post-qa .article-share.past-bottom,
    .article-post-qa .article-share { bottom: 80px !important;left: 0;position: absolute;top: auto !important;width: 100%; }
    .article-post-qa .article-share.past-bottom { margin-bottom: 0; }
    .article-post-qa .article-inner { float: left;width: 40%; }
    .article-post-qa .article-head-image { margin: 0;position: static; }
    .article-post-qa .article-head-image.at-bottom { position: static; }
    .article-post-qa .article-head-image img { height: auto; }
    .article-post-qa .article-content { float: right;padding-left: 0;width: 55%; }
    .article-post-qa .article-foot { clear: both; }
    .btn-bag,
    .btn-menu { display: block; }
    .callout-home { height: 50px; }
    .callout-home h2 { font-size: 14px;line-height: 50px; }
    .callout-home .callout-close { padding: 18px 16px; }
    .callout-home { display: none; }
    .cart-item-image { padding: 0 5px;width: 80px; }
    .cart-item-content { padding: 0 5px; }
    .cart-item-qty .bag-item-qty-field { width: 20px; }
    .cart-wishlist .cart-item-prices { position: static; }
    .cart-wishlist .cart-item-prices p { font-size: 12px; }
    .cart-wishlist .cart-item-col { float: left; }
    .cart-wishlist .cart-item-actions { top: 0; }
    .dropdown-signup .dropdown-inner { height: 270px; }
    .form-login .form-head h4 { margin-bottom: 15px; }
    .form-login .form-head p { line-height: 1.2; }
    .form-login .form-body { max-width: none; }
    .form-signin .form-section:first-child { width: 490px; }
    .form-signin .form-section { width: 175px; }
    .form-signin .form-separator { width: 50px; }
    .menu-mobile { background: #1a1a1a;color: #fff;display: block;height: 100%;left: 0;overflow: hidden;position: fixed;top: 0;transition: width 0s linear .6s;width: 0; }
    .menu-mobile-inner { height: 100%;left: 0;overflow-x: hidden;overflow-y: scroll;position: absolute;top: 0;width: 100%; }
    .nav { display: none; }
    .section-callout-primary .nav-secondary { display: none; }
    .section-music-outer { padding: 76px 25px; }
    .section-shop { padding-top: 20px; }
    .section-pdp { padding-top: 20px; }
    .section-cart { padding-top: 0; }
    .section-cart .section-content{ margin:0 22px 0 10px;}
    .section-cart .section-aside{ padding:20px; position:static; width:100%;}
    .section-error { padding-top: 0; }
    .std .section-error { height: auto; padding: 50px 15px; }
    .section-checkout .section-content { margin-right: 350px; }
    .section-checkout .section-aside { top: 0;width: 350px; }
    .section-checkout-success { padding-top: 0; }
    .section-checkout-success .section-content { padding: 50px 25px; }
    .section-login { height: auto; padding-top: 0; }
    .section-login .section-inner { max-width: none; padding: 40px; }
    .section-login .section-col { float: none; width: auto; padding: 0; }
    .section-login .section-col + .section-col { padding-top: 20px; margin-top: 40px; border-top: 1px solid #ebebeb; }
    .section-search-results { padding-top: 15px; }
    .section-privacy .section-content { padding: 70px 60px 50px; }
    .section-privacy .section-aside { top: 0; }
    .section-designers { margin-top: 15px;padding-top: 0; }
    .section-designers-single { padding-top: 20px; }
    .section-account .section-content { padding: 70px 60px 50px 315px; }
    .section-account .section-aside { top: 0; }
    .section-forgot-password { padding: 70px 0; }
    .intro { padding-top: 0; }
    .footer .col { padding: 54px 19px 20px;}
    .intro-image { /* -webkit-transform: none !important; -ms-transform: none !important;*/ transform: none !important; }
    .freeship-checkout-cart { text-align: center; }
    .section-studio { margin-top: 50px; }
    .banner { margin-top:20px; }
    span[itemprop="price"] { display:none; }
    /*.section-callout .hotspot {display: none;}*/
    .cms-studio-b .list-features li { width: 50%; }
    .cms-studio-b .section-primary h3 { font-size: 24px; }
    .cms-studio-b .section-callout-secondary h4 { font-size: 22px; }
    .cms-studio-b .contacts p { font-size: 16px; }
    .section-callout-primary .video-control-volume { top: 70px; }

    .visible-tablet { display: block !important; }
    .hidden-tablet { display: none !important; }
    .filters-dropdown { z-index: 4; }
}

@media (max-width: 899px) {
    .table-orders:first-child { margin-top: 10px; }
    .table-orders th { display: none; }
    .table-orders tr { overflow: hidden; }
    .table-orders tr + tr { padding-top: 22px; display: block; border-top: 1px solid #e4e4e4; }
    .table-orders td { float: left; width: 50%; height: auto; margin-bottom: 18px; display: block; border: 0; font-size: 16px; vertical-align: top; }
    .table-orders td:last-child { width: 100%; text-align: left; }
    .table-orders .table-label { margin-bottom: 8px; display: block; text-transform: uppercase; font-size: 12px; line-height: 1.2; }
    .table-orders .table-desktop { display: none; }
}

/* Mobile */
@media (max-width: 800px) {
    body{ font-size:12px; line-height:1.33;}
    .mobile-hide{ display:none;}
    .mobile-show{ display:block;}
    .wrapper:before{ display:none;}
    .footer,.footer-inner,.footer-bottom{ height:auto;}
    .footer{ position:relative; z-index:3;}
    .footer-inner{ position:relative;}
    .footer .cols{ padding:0;}
    .footer .col{ display:block; float:none; padding:0; width:100%;}
    .footer .col:first-child{ padding-top:25px;}
    .footer .col:first-child + .col{ float:none;}
    .footer-top{ padding:25px 0;}
    .footer-bottom{ padding:42px 0;}
    .footer-nav{ float:none;}
    .footer-nav li{ float:none;}
    .footer-nav li + li{ padding-top:12px;}
    .addresses{ margin-top:10px;}
    .address .address-highlight{ font-size:12px;}
    .article-post{ padding-top:0;}
    .article-post .article-head{ margin-top:0;}
    .article-post .article-head p{ font-size:15px;}
    .article-post .article-subtitle{ font-size:10.5px; margin-bottom:18px;}
    .article-post .article-title{ font-size:20px; margin-bottom:12px;}
    .article-post .article-date{ font-size:11px;}
    .article-post .article-entry p{ font-size:15px;}
    .article-post .article-entry blockquote p{ font-size:22px;}
    .article-post .article-entry h3{ font-size:26px; text-align:center;}
    .article-post .article-entry h3 span{ display:block; margin:0 auto 13px;}
    .article-post .article-foot{ border-bottom:1px solid #000; margin-bottom:40px; padding-bottom:40px;}
    .article-post-qa .article-inner{ float:none; margin-bottom:15px; padding-left:0; width:auto;}
    .article-post-qa .article-content{ float:none; width:auto;}
    .article-post-qa .article-head{ text-align:center;}
    .bag .bag-inner{ transform:translate3d(290px,0,0); /*webkit-transform:translate3d(290px,0,0); -ms-transform:translate(290px,0);*/ width:290px;}
    .bag-item{ padding-left:10px;}
    .bag-item .bag-item-content{ margin-left:73px;}
    .breadcrumbs{ text-align:left;}
    .cart .cart-head{ margin-bottom:0;}
    .cart-item{ border-top:0;}
    .cart-item-col{ float:none; width:auto;}
    .cart-items-head{ display:none;}
    .cart-item-qty{ margin-left:95px; padding:30px 0 0; text-align:left;}
    .cart-item-prices{ bottom:32px; position:absolute; right:0;}
    .cart-item-qty .bag-item-qty-label{ display:inline-block; font-size:10px; vertical-align:middle;}
    .cart-item-edit{ bottom:15px;}
    .cart .cart-foot{ padding:20px 0; text-align:center;}
    .cart-wishlist .cart-item-prices .btn{ width:100%;}
    .cart-ordered .cart-summary{ float:none; width:auto;}
    .cart-ordered .cart-item-prices{ text-align:right;}
    .cart-ordered .cart-item-subtotal{ bottom:14px; position:absolute; right:0; width:15%;}
    .cart-ordered .cart-item-qty{ position:absolute; right:10%; top:0;}
    .contact-info{ max-width:none;}
    .contact-info .contact-info-head{ padding-top:30px;}
    .contact-info .contact-info-content p{ line-height:1.15;}
    .designer-single h1{ font-size:20px;}
    .designer-single .designer-actions a{ font-size:13px;}
    .dropdown{ background:#1a1a1a; bottom:0;}
    .dropdown .dropdown-inner{ border:0; padding:0 20px;}
    .dropdown .dropdown-close{ top:10px;}
    .dropdown-signin .dropdown-inner{ height:auto;}
    .dropdown-signup .dropdown-inner{ height:auto;}
    .filter-type{ float:none; width:auto;}
    .filter-type > a{ display:block; font-size:14px; height:auto; line-height:1.43; padding:13px 20px; text-align:left;}
    .filter-type{ border-bottom:3px solid #ebebeb;}
    .filter-type.open > a{ background:#fff;}
    .filters-dropdown{ background:#fff; padding:0; position:static;}
    .filters-bar{ display:none;}
    .filters-clear{ display:block;}
    .form .form-cols{ margin:0;}
    .form .form-col{ float:none; padding:0; width:auto;}
    .form .form-col ~ .form-col{ padding-top:30px;}
    .form .form-col .form-cols .form-col ~ .form-col{ padding-top:10px;}
    .form .form-cvv-help{ margin:0;}
    .form .checkbox-transparent label { top: -3px; }
    .form-signin .form-section:first-child{ display:block; width:auto;}
    .form-signin .form-cols{ margin:0;}
    .form-signin .form-col{ float:none; padding:0; width:auto;}
    .form-signin h4{ text-align:center;}
    .form-signin .field{ font-size:12px;}
    .form-signin .form-help{ margin:0 0 5px;}
    .form-signin .form-separator{ padding-top:50px;}
    .form-signin .form-section,
    .form-signin .form-separator{ display:block; width:auto;}
    .form-signup .form-head{ letter-spacing:0; padding-right:0; text-align:center;}
    .form-signup .form-body{ display:block; width:auto;}
    .form-signup .form-cols{ margin:0;}
    .form-signup .form-col{ display:block; padding:0; width:auto;}
    .form-signup .form-actions{ padding-top:10px;}
    .form-email-friend .col{ float:none; width:auto;}
    .form-account{ max-width:none;}
    .intro .scroll-to { bottom: 10px; }
    .list-filters li{ width:50%;}
    .list-links{ text-align:center;}
    .list-links li{ width:100%;}
    .nav-shop-mobile{ display:block;}
    .nav-magazine{ display:none;}
    .popup{ padding:10px;}
    .popup .popup-action{ right:0; top:0;}
    .popup-quickview{ padding:40px 10px 0;}
    .popup-quickview .product .form-product{ padding-bottom:0;}
    .products-4-in-row .product-compact{ width:50%;}
    .product-compact{ width:50%;}
    .product-compact:nth-child(3n+1){ clear:none;}
    .product-compact:nth-child(2n+1){ clear:both;}
    .products-4-in-row .product-compact:nth-child(3n+1) {
        clear: none;
    }
    .products-4-in-row .product-compact:nth-child(2n+1) {
        clear: both;
    }
    .product .product-info,
    .product .product-details{ margin:0; padding:0; position:static; width:auto;}
    .product .product-details{ padding-top:20px;}
    .product .product-images{ margin:0; padding:0; width:auto;}
    .product .product-images.one-image { min-height: 100%;}
    .product .product-title{ font-size:21px; margin:8px 0;}
    .product .pdp-animated.hide{ opacity:1;}
    .product .product-description{ max-width:none;}
    .product .socials{ padding-top:0;}
    .product .form-product{ padding-bottom:40px;}
    .product .product-images li + li{ padding-top:0;}
    .product-quickview .product-images,
    .product-quickview .product-content{ float:none; padding:0; width:auto;}
    .product-quickview .product-images{ padding-bottom:20px;}
    .qa-items{ padding:40px 55px 40px 45px;}
    .qa-item{ font-size:14px;}
    .quote-of-the-day .quote-entry{ font-size:22px;}
    .quote-of-the-day .quote-author span{ font-size:21px;}
    .section-error { height: auto; padding: 50px 15px; border-bottom: 40px solid #ebebeb; }
    .section-error h1 { padding-bottom: 15px; font-size: 20px; }
    .section-error p { font-size: 15px; }
    .section-error .section-body { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .std .section-error { height: auto; padding: 50px 15px; }
    .section-quote-of-the-day{ background:#ebebeb; padding:36px 20px 76px;}
    .section-quote-of-the-day .section-title{ font-size:11px; line-height:1.09;}
    .section-feed .section-title{ font-size:21px;}
    .section-music-outer{ border-bottom:40px solid #ebebeb; padding:28px;}
    .section-music-outer .col{ display:none;}
    .section-music-outer .col:first-child{ display:block; float:none; width:auto;}
    .section-music .section-title{ font-size:15px; font-weight:500; margin-bottom:18px;}
    .section-shop{ padding:0;}
    .section-shop .section-head{ padding:10px 0;}
    .section-shop .section-head .filters{ }
    .section-shop .section-head .breadcrumbs{ padding:0 20px 10px;}
    .section-shop .nav-shop-mobile{ padding:0 20px;}
    .section-shop .section-aside{ display:none;}
    .section-shop .section-head-actions{ background:#ebebeb; left:auto; margin:20px 0 0; padding:16px 0; position:relative; text-align:center; top:auto;}
    .section-pdp{ padding:10px 20px;}
    .section-pdp .section-head{ padding:0 0 42px;}
    .section-related .product-compact{ width:50%;}
    .section-cart{ height:auto; padding:0 25px;}
    .section-cart .section-content{ margin:0;}
    .section-cart .section-content-inner{ padding:30px 0 0;}
    .section-cart .section-aside{ padding:20px; position:static; width:100%;}
    .section-checkout{ height:auto; padding:0 25px;}
    .section-checkout .section-content{ margin:0;}
    .section-checkout .section-content-inner{ padding:50px 0 0;}
    .section-checkout .section-aside{ padding:20px; position:static; width:auto;}
    .section-search-results{ padding:15px 0 0;}
    .section-search-results .section-head{ padding:0 25px; text-align:left;}
    .section-search-results .product-compact{ width:50%;}
    .section-search-results .product-compact:nth-child(4n+1){ clear:none;}
    .section-search-results .product-compact:nth-child(2n+1){ clear:both;}
    .no-search-results { padding: 0 40px 40px 40px; }
    .no-search-results .section-head { padding-bottom: 35px; text-align: center; }
    .no-search-results .category { margin: auto; display: block; }
    .no-search-results .category + .category { padding-top: 40px; }
    .section-privacy{ padding:25px 25px;}
    .section-privacy .section-aside{ background:#fff; position:static; width:auto;}
    .section-privacy .section-nav{ display:none;}
    .section-privacy .section-content{ margin:0; padding:30px 0 60px;}
    .section-designers{ display:none;}
    .section-designers-single .section-content:before{ display:none;}
    .section-tiles{ border:0; margin-top:0; padding-top:0;}
    .section-account{ padding:25px 25px;}
    .section-account .section-aside{ background:#fff; position:static; width:auto;}
    .section-account .section-nav{ display:none;}
    .section-account .section-content{ margin:0; padding:30px 0 60px;}
    .section-account .section-head{ padding-top:0;}
    .section-account .section-title{ display:none;}
    .sizeguide-table{ overflow:auto;}
    .slider-feed .slider-clip{ margin-left:-50%; padding-top:55.7%; width:200%;}
    .slider-product-images .slider-actions{ display:block;}
    .socials-footer{ display:inline-block; float:none; padding-top:32px;}
    .socials-footer li{ margin:0 6px;}
    .socials-footer li:first-child{ display:none;}
    .tile{ border-bottom:40px solid #ebebeb; float:none; padding-bottom:26px; width:auto;}
    .tile .tile-subtitle{ font-size:10.5px; margin-bottom:15px;}
    .tile .tile-title{ font-size:20px;}
    .tile .tile-entry{ font-size:15px; margin:16px 0 10px;}
    #category-products .product-exclusive { top: 9px; }
    #category-products .product-exclusive i { display: none; }

    .section-not-found { padding: 40px; }
    .section-not-found .section-head { padding-bottom: 35px; }
    .section-not-found .category { margin: auto; display: block; }
    .section-not-found .category + .category { padding-top: 40px; }
    .freeship-checkout-cart { text-align: center; }
    .section-studio {  margin-top: 50px; }
    .section-studio .section-callout { padding-top: 90px; }
    .section-studio .section-title { font-size: 15px; line-height: 24px; margin-bottom: 0px; padding-bottom: 10px; }
    .section-studio .section-subtitle { font-size: 42px; }
    .section-studio .section-content p { font-size: 15px; line-height: 24px; }

    .magazine .section-callout { padding:0; }
    .magazine .section-callout .section-image { position: relative !important; }
    .magazine .section-callout .section-subtitle { position: relative; }

    .catalog-category-view .intro-image { height: auto; }
}

@media(max-width: 767px){
    .contact-us-mobile { display: block; }
    .banner { margin: 20px;  }
    .banner .banner-content { width: auto; margin: -25px 10px 0 10px; padding: 10px; }
    .banner .banner-content p { line-height:1.3; }
    .banner h2 { font-size:18px; }

    .cms-studio-b .section-primary { margin-top: 0; padding: 25px 15px 6px  }
    .cms-studio-b .section-primary .contacts { margin-top: 30px; }
    .cms-studio-b .section-primary .contacts br { display: block;  }
    .cms-studio-b .section-primary h3 { font-size: 16px; }
    .cms-studio-b .section-primary h3 br { display: none; }
    .cms-studio-b .section-primary img { max-width: 280px; height: auto; }
    .cms-studio-b .section-features { border-top: 7px solid #949599; }
    .cms-studio-b .section-callout-secondary h4 { font-size: 17px; }

    .cms-studio-b .list-features { width: 100%; margin: 0; }
    .cms-studio-b .list-features:after { display: none; }
    .cms-studio-b .list-features li { width: 100%; border-top: none; border-left: 7px solid #949599; border-right: 7px solid #949599; border-bottom: 7px solid #949599; }

    .cms-studio-b .contacts p { font-size: 14px; }

    .section-callout-primary .section-video-main-page { position: relative; top: auto; left: auto; min-height: 300px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

    .section-callout-primary .section-video { position: relative; top: auto; left: auto; min-height: 300px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    .section-callout-primary .video-control-volume { top: 20px; }

    .content-desktop { display: none; }

    .content-mobile .section-feed,
    .content-mobile { display: block; background: #fff; }

    .content-mobile .section-feed { padding-bottom: 0; }
    .content-mobile .section-feed .section-head { padding-bottom: 10px; }
    .content-mobile .section-music .section-title,
    .content-mobile .section-feed .section-title,
    .content-mobile .section-feed .section-head h2 { font-size: 17px; font-weight: 800; }
    .content-mobile .section-promo { margin-top: 20px; }

    .content-mobile .feed-item { padding: 0 5px; }
}


@media (max-width: 440px) {
    .addresses .col-1of2 { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form .checkbox-transparent label .select { display: inline-block; text-transform: none; }

.form .form-cols-alpha { margin-right: 5%; }

.form .form-link { text-transform: uppercase; font-size: 10px; line-height: 1.2; }
.form .form-link a { color: #000; color: #474747; }

/* ------------------------------------------------------------ *\
	Form Add New
\* ------------------------------------------------------------ */

.form-add-new { }
.form-add-new + .form-add-new { padding-top: 55px; }
.form-add-new .form-section-head { padding-bottom: 20px; }
.form-add-new .form-section-head h3 { font-size: 17px; font-weight: 800; }
.form-add-new .form-actions { padding-top: 20px; font-size: 0; line-height: 0; text-align: left; }
.form-add-new .form-actions .btn + .btn { margin-left: 25px; }
.form-add-new .form-col ~ .form-col { padding-top: 0; }

/* ------------------------------------------------------------ *\
	Add New
\* ------------------------------------------------------------ */
.btn-cyan {  background-color: #0dd;  }
.btn-cyan:hover { background-color: #000; color: #0dd; }
.btn-small {  height: 28px;  line-height: 28px;  padding: 0 15px;  border: 0;  }
.btn-bolded {  font-weight: 800;  }

.add-new { }
.add-new .add-new-head { padding-bottom: 55px; }
.add-new .add-new-head h2 { font-size: 16px; font-weight: 700; }
.add-new .add-new-body {  }

/* ------------------------------------------------------------ *\
	Section Add New
\* ------------------------------------------------------------ */

.section-add-new { min-height: 100vh; padding-top: 59px; }
.section-add-new .section-content { margin: 0 255px; padding: 0;  }
.section-add-new .section-content-inner { max-width: 500px; padding: 51px 0 20px; margin: 0 auto; }
.section-add-new .section-aside { position: absolute; top: 59px; left: 0; width: 255px; bottom: 0; padding: 155px 35px; background: #f9f9f9; }
.section-add-new .section-aside ul { list-style-type: none; }
.section-add-new .section-aside li { display: block; text-transform: uppercase; padding-bottom: 20px; font-weight: 500; font-size: 10px; }
.section-add-new .section-aside a { }
.section-add-new .section-aside .current a,
.section-add-new .section-aside a:hover { border-bottom: 2px solid #25dddc; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Section Add New Alpha
\* ------------------------------------------------------------ */

.section-add-new-alpha .section-content-inner { max-width: 320px; }

/* ------------------------------------------------------------ *\
	Info Alpha
\* ------------------------------------------------------------ */

.info-alpha {}
.info-alpha + .info-alpha { padding-top: 20px; }
.info-alpha .info-head { border-bottom: 1px solid #c6c5c5; margin-bottom: 25px; padding-bottom: 5px; }
.info-alpha .info-head h4 { font-size: 13px; font-weight: 800; letter-spacing: .025em; }
.info-alpha .info-body { position: relative; text-transform: uppercase; font-size: 12px; }
.info-alpha .info-edit { display: inline-block; position: absolute; top: 0; right: 0; font-size: 11px; border-bottom: 1px solid #0dd; }
.info-alpha .info-edit:hover { color: #0dd; text-decoration: none; }
.info-alpha .info-actions { padding-top: 15px; }

.filter-type.open > a:after { content: 'x'; display: inline-block; vertical-align: middle; line-height: 1; position: absolute; top: 50%; left: auto; margin-top: -9px; width: 18px; height: 18px; margin-left: 10px; font-family: inherit; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media (max-width: 1025px) {

    .section-add-new { padding-top: 0; }
    .section-add-new .section-aside { top: 0; padding-top: 80px; }

}

@media (max-width: 1024px) {

    .section-add-new .section-content { margin: 0 220px; }
    .section-add-new .section-aside { width: 180px; bottom: 0; padding: 80px 20px; }


    .section-add-new-alpha .section-content { margin: 0 180px; }
    .section-add-new-alpha .section-aside { width: 180px; bottom: 0; padding: 80px 20px; }

    .form-add-new .form-actions .btn { min-width: 0; }
    .form .checkbox-transparent label span.price { font-size: 10px; }

}

@media (max-width: 899px) {


}

@media (max-width: 800px) {

    .section-add-new .section-content { margin: 0; }
    .section-add-new .section-aside { position: static; width: 100%; padding: 30px 15px; }
    .section-add-new .section-content-inner { max-width: 100%; padding: 30px 15px; }

    .form .form-cols-alpha { margin-right: 0; }

    .form .form-label.hide-mobile,
    .form-add-new .form-label.hide-mobile { display: none; }

    .hide-mobile { display: none; }

    /* go-top Button */
    .go-top { width: 64px; height: 66px; left: inherit; right: 0; bottom: 120px; background:#f1f4f7;}
    .go-top.bottom { bottom: 0; }
    .go-top .btn-gotop { display:block; background: none; color: #000; text-transform: uppercase; font-size:10px; width: 100%; height: auto; }
    .go-top .btn-gotop .text { display: block; padding: 5px 0;}
    .go-top .btn-gotop .icon { background: url('https://bandier.ips.photos/skin/frontend/bandier/default/images/back-to-top-mobile.png') center no-repeat; height: 32px; display: block; margin-top: 6px; background-size: 28px; }
    /* // go-top Button */

    .filter-type.open > a:after { content: 'x'; display: inline-block; position: absolute; top: auto; font-family: inherit; margin-top: 0; }

}

@media (max-width: 375px) {
    .callout-home h2 { font-size: 13px; }
    .callout-home { display: none; }

    .order-summary .bag-item .bag-item-price { position: relative; float: right; right: 12px; display: inline-block; }
    .order-summary .bag-item .bag-item-prices { position: static; }
}

@media (max-width: 320px) {
    .callout-home h2 { font-size: 11px; }
    .callout-home { display: none; }
}

#ffineryContainer {
    cursor: pointer;
    width: 500px;
    height: 500px;
    position: relative;
    display: inline-block;
}

.cquenceframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

@media(min-width: 1024px) {
    .cart-item .cart-item-qty { padding: 65px 0 0 0; }
    .cart-item .cart-item-prices { padding: 72px 0 0 0; }
}

/* ------------------------------------------------------------ *\
	Section Gift
\* ------------------------------------------------------------ */

.section-gift { max-width: 678px; margin: 0 auto; padding: 62px 0 70px; }

.section-gift .section-head { margin-bottom: 21px; background-color: #000; text-align: center; }

.section-gift .section-title { font-size: 37px; line-height: 1; color: #fff; letter-spacing: .08em; text-transform: uppercase; font-weight: 400; }
.section-gift span[itemprop="price"] { display:none; }
@media(max-width: 767px) {
    .section-gift { max-width: none; padding-top: 26px; }
    .section-gift .section-head { margin: 0 -10px 13px; }
    .section-gift .section-title { padding-top: 1px; font-size: 25px; line-height: .84; }
}

/* ------------------------------------------------------------ *\
	CoverPop
\* ------------------------------------------------------------ */

.CoverPop .btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.CoverPop .form-btn { font-family: 'Brandon_reg', sans-serif; }
.CoverPop input::-webkit-input-placeholder { color: inherit; opacity: 1; }
.CoverPop input::-moz-placeholder { color: inherit; opacity: 1; }
.CoverPop input:-ms-input-placeholder { color: inherit; opacity: 1; }
.CoverPop input::placeholder { color: inherit; opacity: 1; }
.CoverPop textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
.CoverPop textarea::-moz-placeholder { color: inherit; opacity: 1; }
.CoverPop textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
.CoverPop textarea::placeholder { color: inherit; opacity: 1; }
.CoverPop input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #cccccc inset; }

/* ------------------------------------------------------------ *\
	Form Gift
\* ------------------------------------------------------------ */

.form-gift {  }

.form-gift .form-inner { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; padding: 21px 12px 20px; border: 10px solid #000; margin-bottom: 35px; }

.form-gift .form-logo { width: 249px; text-align: center; }
.form-gift .form-logo img { width: 100%; max-width: 202px; }

.form-gift .form-content { width: 383px; border-left: 3px solid #000; }
.form-gift .form-content > .form-error { position: static; padding-left: 162px; margin: -3px 0 14px; }

.form-gift .form-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 19px; }

.form-gift .form-label { width: 162px; padding: 0 12px; font-size: 18px; line-height: 1; letter-spacing: .06em; text-transform: uppercase; font-weight: 500; text-align: right; position: unset; }

.form-gift .form-controls { position: relative; width: calc(100% - 162px); }

.form-gift .field { height: 22px; border: 1px solid #fff; padding: 0 6px; background-color: #efefef; font-size: 16px; letter-spacing: .02em; -webkit-transition: background .3s, border .3s; -o-transition: background .3s, border .3s; transition: background .3s, border .3s; }
.form-gift .field:focus { border-color: #000; background-color: #fff; }

.form-gift .select select { height: 22px; border: 1px solid #fff; padding: 0 6px; background-color: #efefef; font-size: 16px; letter-spacing: .02em; -webkit-transition: background .3s, border .3s; -o-transition: background .3s, border .3s; transition: background .3s, border .3s; }
.form-gift .select:after { content: '>'; top: 50%; right: 6px; z-index: 2; width: auto; height: auto; background: none; border: none; font-size: 35px; line-height: 1.3; -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); -o-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); -webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top; pointer-events: none; }
.form-gift .select select:focus { border-color: #000; background-color: #fff; }
.form-gift .select option { font-size: 16px; background-color: #ffffff; letter-spacing: .02em; }

.form-gift .textarea { display: block; width: 100%; height: 215px; border: 1px solid #fff; padding: 6px; background-color: #efefef; font-size: 16px; letter-spacing: .02em; -webkit-transition: background .3s, border .3s; -o-transition: background .3s, border .3s; transition: background .3s, border .3s; }
.form-gift .textarea:focus { border-color: #000; background-color: #fff; }

.form-gift .validation-advice { overflow: hidden; position: absolute; top: 100%; left: 0; width: 100%; padding-top: 2px; font-size: 8px; line-height: 1.1; color: #ff3737; text-transform: uppercase; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }

.form-gift .form-actions { text-align: center; }
.form-gift .form-actions a { font-size: 16px; line-height: 1.3; color: #000; letter-spacing: .08em; text-decoration: underline; }
.form-gift .form-actions a:hover { text-decoration: none; }

.form-gift .form-btn { display: inline-block; text-align: center; background: #000; color: #fff; width: 100%; max-width: 278px; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 12px 14px; border-radius: 0; margin-bottom: 49px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.form-gift .form-btn:hover { background: #292727; }

@media(max-width: 767px) {
    .form-gift .form-inner { padding: 16px 4px 7px; }

    .form-gift .form-logo { width: 100%; }
    .form-gift .form-logo img { max-width: 149px; }

    .form-gift .form-content { position: relative; width: 100%; padding-top: 27px; border-left: none; border-top: 2px solid #000; margin-top: 17px; }

    .form-gift .form-content > .form-error { position: absolute; top: auto; bottom: 100%; left: 0; right: 0; padding-left: 0; margin: 0 0 2px; text-align: center; }

    .form-gift .form-label { width: 121px; padding: 0 6px; font-size: 15px; align-self: center; }
    .form-gift .form-row:last-child .form-label { align-self: flex-start; }

    .form-gift .form-controls { width: calc(100% - 141px); }

    .form-gift .form-btn { margin-bottom: 20px; }
}

.catalog-product-view #gc-form-balance-validate .validation-advice { color: red; display: block; position: relative; width: auto; }

/* ------------------------------------------------------------ *\
	GDPR Bar Cookies
\* ------------------------------------------------------------ */

.bar-cookies { position: fixed; top: 0; right: 0; left: 0;  z-index: 1010; margin-bottom: 10px;  background-color: rgba(0,0,0, .8); color: #fff; display: none; }
.bar-cookies .shell { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 40px; padding: 3px 50px 3px 20px; }

.bar-cookies .bar__title { font-size: 15px; }
.bar-cookies .bar__entry { margin: 0; font-size: 13px; }

.bar-cookies .bar__close { position: absolute; top: 10px; right: 20px; transition: opacity .3s; }
.bar-cookies .bar__close:hover { opacity: .6; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Popup-update
\* ------------------------------------------------------------ */

.popup-update { position: fixed; display: flex; left: 0; right: 0; bottom: 0; padding: 0; color: #fff; overflow: hidden; z-index: 1002; transform: translateY(100%); transition: 0.6s ease-out; background-color: rgba(0,0,0,0.9); }
.popup-update.active { transform: translateY(0); }
.popup-update .popup__inner { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 143px; padding: 40px; text-align: center; color: #fff; max-width:1698px; margin: 0 auto; }
.popup-update .popup__close { position: absolute; display: block; top: 10px; width: 16px; height:16px; right: 20px; transition: .2s ease-out; }
.popup-update .popup__close img { width: 16px; height:16px; }
.popup-update .popup__close:hover { opacity: .6; }
.popup-update .popup__content { font-size: 22px; font-weight: 100; }
.popup-update .popup__title { margin-bottom: 0;  font-size: 33px; text-transform: uppercase; line-height: 1.05; }
.popup-update .popup__title + p { margin-top: -2px; margin-bottom: 0; letter-spacing: -.01em; font-weight: 350; }
.popup-update .form-popup-update { width: 100%; max-width: 351px; margin-left: 30px;  }
.popup-update .font-nowrap { white-space: nowrap; font-weight: 350; }
.popup-update .font-li { font-weight: 300;  }
.popup-update .font-md { font-weight: 500;  }

@media (max-width: 1024px) {
    .popup-update { z-index: 1008; }
}

@media (max-width: 767px) {
    .popup-update .field-popup-update-email {margin-bottom: 15px;}
    .popup-update .popup__inner  { flex-direction: column; height: 220px; padding: 15px 30px 30px 30px; }
    .popup-update .popup__close  { right: 20px; }
    .popup-update .popup__content  { font-size: 15px;  }
    .popup-update .popup__title  { font-size: 26px;  }
    .popup-update .popup__title + p  { margin-top: 7px; letter-spacing: 0.01em; }
    .popup-update .form-popup-update  { margin-left: 0; margin-top: 15px; max-width: 767px; }
}

@media (max-width: 375px) {
    .popup-update .hidden-mobile { display: none !important; }
}

/* ------------------------------------------------------------ *\
	Fform-opup-update
\* ------------------------------------------------------------ */

.form-popup-update { font-size: 12px; color: #fff; text-transform: uppercase; text-align: center; }
.form-popup-update .form__label { display: none;  }
.form-popup-update .field { width: 100%; padding: 5px; background-color: #fff; color: #000;  transition: .2s ease-out; box-shadow: none; border-radius: 0; border: none; appearance: none; height: 46px; text-align: center; line-height: 1; }
.form-popup-update .form__inner { position: relative; display: flex; }
.form-popup-update .form__inner--error { padding-bottom: 22px; }
.form-popup-update .form__controls { width: 100%; max-width: 207px; }
.form-popup-update .form__actions { width: 100%; max-width: 137px; margin-left: 7px; }
.form-popup-update .form__btn { display: flex; align-items: center; justify-content: center; white-space: nowrap; width: 100%;  height: 46px; padding: 5px; background-color: #818181; transition: .2s ease-out; appearance: none; border: none; box-shadow: none; line-height: 1; }
.form-popup-update .form__btn:hover { opacity: .5; }
.form-popup-update .form__error { position: absolute; margin-top: 5px; left: 0; right: 0; top: 45px; bottom: 10px; color: #ff2020; text-transform: none; }
.form-popup-update .validation-advice { position: absolute; margin-top: 5px; left: 0; right: 0; top: 35px; bottom: 10px; text-transform: none; font-size: 14px; }

@media (max-width: 801px) {
    .form-popup-update { font-size: 11px;  }
    .form-popup-update .form__inner { justify-content: center; }
    .form-popup-update .form__controls { max-width:767px; }
    .form-popup-update .field { height: 37px; font-size: 12px; line-height: 27px; }
    .form-popup-update .form__actions  { max-width: 91px; }
    .form-popup-update .form__btn { height: 37px; font-size: 12px; line-height: 27px; }
    .form-popup-update .validation-advice { display: inline-block; margin: auto; top: auto; font-size: 11px; bottom: -19px; }
    .form-popup-update .form__error { top: auto; bottom: -19px; }
}

.category-filters .current  h1{ font-size: 13px; font-weight: 400; }

@media (min-width: 801px) {
    .desktop-hidden-newsletter { display: none; }
}

fieldset { border:none; }

/* ------------------------------------------------------------ *\
	Cart Updates
\* ------------------------------------------------------------ */

select::-ms-expand { display: none; }
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.visible-sm { display: none;  }
.section-cart { min-height: 1037px; }
.section-cart .cart-head { padding-bottom: 40px; font-size: 18px; }
.section-cart .cart-item-title { font-size: 12px; font-weight: 300; }
.section-cart .cart-item-designer { font-size: 12px; font-weight: 500; padding-bottom: 5px; }
.section-cart .cart-item-designer a { text-decoration: none; text-transform: uppercase; }
.section-cart .cart-item-prices { font-size: 14px; }
.section-cart .cart-summary { font-size: 12px; line-height: 14px; }
.section-cart .cart-summary dt { padding-bottom: 0; margin-bottom: 10px; line-height: 14px; }
.section-cart .cart-summary strong { line-height: 1; font-size: 14px; }

.section-cart .cart-item-actions { padding-top: 35px; width: auto; margin-left: auto; float: right; padding-bottom: 5px; white-space: nowrap; }
.section-cart .cart-item-actions ul { display: flex; font-size: 12px; margin-left: auto; }
.section-cart .cart-item-actions ul a { text-transform: uppercase; text-decoration: underline; }
.section-cart .cart-item-actions ul li + li:before { content: '|'; display: inline-block; margin: 0 1px 0 3px; }
.section-cart .cart-item-actions .adding-to-wishlist { display: none; margin-top: -1em; text-transform: uppercase; color: #999; font-size: 12px; }
.popup-move-wishlist .validation-advice { position: relative; }
.section-cart .freeship-checkout-cart { margin-bottom: 5px; text-align: left; color: #000; }
.section-cart .cart-item-image img { width: 80px; height: 120px; }

.bag-item-qty-cart .bag-item-qty-cart-field { font-size: 14px; font-weight: 400;  }

.btn { transition: border-color .2s, background-color .2s; }
.btn.btn-paypal { background-color: #eee; border: 1px solid #000; border: 1px solid transparent; }
.btn.btn-paypal:hover { background-color: #fff; border-color: #000; }
.btn.btn-amazon-pay { background-image: linear-gradient(to bottom, #fdfdfe, #e7e9ec); border: 1px solid transparent; }
.btn.btn-amazon-pay:hover { border-color: #000; }
.section-cart .btn.btn-checkout, .section-cart #icForm .btn { border-bottom: none; }

.section-cart .VC4T .product4TCaption { margin-top: 100px; }

.freeship-checkout-cart--mobile { display: none; }

.section-cart .cart-item { padding: 15px 0 0; border-width: 1px 0; }

.section-cart .cart-items-head h3 { font-weight: 500; }
.section-cart .cart-item-content { padding-top: 44px; }
.section-cart .cart-item-qty { width: 15%; }
.section-cart .cart-item-details { width: 45%; }
.section-cart .cart-item-size { width: 10%; }
.section-cart .cart-item-color { width: 10%; }
.section-cart .cart-item-col + .cart-item-col { padding-left: 0; }
.section-cart .cart-item-col .mobile { display: none; }

.section-cart .cart-item-close { display: none; }
.section-cart .cart-item .cart-item-size,
.section-cart .cart-item .cart-item-qty,
.section-cart .cart-item .cart-item-prices,
.section-cart .cart-item .cart-item-color { padding: 61px 0 0; font-weight: 350; font-size: 14px; }
.section-cart .cart-item .cart-item-color span + span { word-break: break-word; }
.section-cart .cart-item .cart-item-qty { padding: 57px 0 0; }

.progress-bar-container { margin-bottom: 20px; }
.progress-bar-container .progress-bar { width: 100%; height: 12px; background-color: #fff; position: relative; border:solid 1px lightgrey; }
.progress-bar-container .progress-bar-rate { position: absolute; top: 0; left: 0; bottom: 0; background-color: #0dd; }

@media (max-width: 1024px) {
    .section-cart .cart-item { padding-bottom: 10px; }
    .section-cart .section-aside { top: 0; z-index: 1; }
    .section-cart .cart-item-title { padding-bottom: 15px; }
    .section-cart .cart-head { font-size: 14px; padding-bottom: 20px; margin-bottom: -10px; }
    .section-cart .cart-item-properties strong { font-size: 12px; display: inline-block; min-width: 48px; }
    .section-cart .cart-item-properties span { display: inline-block; }
    .section-cart .cart-item-properties li { float: none; }
    .section-cart .cart-item-image { width: auto; height: auto; }
    .section-cart .freeship-checkout-cart { margin-bottom: 10px; }
    .section-cart .cart-item-actions { padding-top: 0; width: auto; }
    .section-cart .cart-item-actions ul { margin-left: 0; justify-content: flex-end; padding-top: 20px; }
    .section-cart .cart-item-prices { padding-right: 0; bottom: initial; }
    .section-cart .cart-item-title,
    .section-cart .cart-item-designer { padding-right: 80px; }
    .section-cart .cart-item-actions { margin-right: 0; }
}

@media (max-width: 800px) {
    .hidden-sm { display: none !important;  }
    .visible-sm { display: block;  }

    .section-cart .cart-item-title,
    .section-cart .cart-item-designer { padding: 0 20px 0 0; }
    .section-cart .cart-item-properties li { padding-right: 0; }
    .section-cart .cart-item-properties strong { line-height: 1.5; }
    .section-cart .cart-summary dl { padding: 10px 0 0 0; }
    .section-cart .cart-summary dt { margin-bottom: 15px; }
    .header .header-inner { padding-bottom: 5px; }
    .footer {overflow: hidden; }

    .bag-item-qty-cart .bag-item-qty-cart-field { appearance: none; padding-top: 0; background: transparent; position: absolute; width: 35px; }
    .bag-item-qty-cart .bag-item-qty-mobile { margin-left: 5px; margin-bottom: 2px;  display: inline-block; position: relative; }
    .bag-item-qty-cart .bag-item-qty-mobile i { margin-left:14px; }
    .bag-item-qty-cart .bag-item-qty-mobile label { margin-right: 3px; }

    .bar-bottom { padding: 8px 0; }
    .bar-bottom p { margin-bottom: 0; }

    .section-cart .cart-item-close { display: block; position: absolute; top: 10px; right: 0; font-size: 25px; line-height: 1; }

    .section-cart .cart-item-actions ul { margin: 0; padding-top: 10px; }
    .section-cart .cart-item-actions .hidden-sm { display: none;  }
    .section-cart .cart-item-actions .adding-to-wishlist { margin-top: 1em; }
    .section-cart .cart-item-details { width: auto; }
    .section-cart .cart-item-col .mobile { display: inline-block; }
    .section-cart .cart-item-content { padding-top: 0; padding-bottom: 15px; }
    .section-cart .cart-item .cart-item-size,
    .section-cart .cart-item .cart-item-qty,
    .section-cart .cart-item .cart-item-prices,
    .section-cart .cart-item .cart-item-color { padding: 0 0 0 5px; width: calc(100% - 100px); margin: 0 0 0 auto; text-align: left; position: static; }
    .section-cart .cart-item .cart-item-qty { padding: 0; }
}

/*
	Table of Contents

	II.  Regions --------------------------------------
	     01. Container Homepage -----------------------
	     02. Shell ------------------------------------
	     03. Shell Custom -----------------------------
	III. Modules --------------------------------------
	     01. Bag --------------------------------------
	     02. Banner Callout ---------------------------
	     03. Bar --------------------------------------
	     04. Bar Bottom -------------------------------
	     05. Btn Bag ----------------------------------
	     06. cart -------------------------------------
	     07. Footer -----------------------------------
	     08. Form Newsletter --------------------------
	     09. Form Access ------------------------------
	     10. Header -----------------------------------
	     11. List Contacts ----------------------------
	     12. Logo Alt ---------------------------------
	     13. Main -------------------------------------
	     14. Menu Mobile ------------------------------
	     15. Menu -------------------------------------
	     16. Mfp Modal --------------------------------
	     17. Modal ------------------------------------
	     18. Nav Access -------------------------------
	     19. Nav Alt ----------------------------------
	     20. Nav Mobile -------------------------------
	     21. Nav Mobile Secondary ---------------------
	     22. Search Alt -------------------------------
	     23. Section Promo ----------------------------
	     24. Section Callout Primary ------------------
	     25. Section Feed -----------------------------
	     26. Section Callout Primary ------------------
	     27. Section Feed  ----------------------------
	     28. Slider Intro -----------------------------
	     29. Slider Products --------------------------
	     30. Slider Hashtag ---------------------------
	     31. Slider Home ------------------------------
	     32. Socials Alt ------------------------------
	     33. Socials Mobile ---------------------------
	     34. Splash -----------------------------------
	     35. Video Placeholder ------------------------
	     36. Wrapper ----------------------------------
 */


.ico-arrow-left-medium {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -108px -90px;
    width: 25px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-left-mobile {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -180px -111px;
    width: 21px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

/*.ico-arrow-left-small {*/
    /*background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);*/
    /*background-position: -180px -35px;*/
    /*width: 24px;*/
    /*height: 34px;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*font-size: 0;*/
/*}*/

.customer-account-index .col-main {  margin-top: 55px; }

.ico-arrow-left {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -90px 0;
    width: 41px;
    height: 57px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-medium {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -137px -90px;
    width: 25px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-mobile {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -180px -144px;
    width: 21px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

/*.ico-arrow-right-small {*/
    /*background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);*/
    /*background-position: -180px -73px;*/
    /*width: 24px;*/
    /*height: 34px;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*font-size: 0;*/
/*}*/

/*.ico-arrow-right {*/
    /*background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);*/
    /*background-position: -135px 0;*/
    /*width: 41px;*/
    /*height: 57px;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*font-size: 0;*/
/*}*/

.ico-bag-mobile {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -135px -61px;
    width: 28px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bag-new {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: 0 -90px;
    width: 50px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bag-new-active, a:active .ico-bag-new, button:active .ico-bag-new, a.active .ico-bag-new, button.active .ico-bag-new, .ico-bag-new.active {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -54px -90px;
    width: 50px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bag-square {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -91px -131px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bag-square-active, a:active .ico-bag-square, button:active .ico-bag-square, a.active .ico-bag-square, button.active .ico-bag-square, .ico-bag-square.active {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -47px -131px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bag-update {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/bag.png);
    background-position : 0px 1px;
    width: 29px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bag-update-active, a:active .ico-bag-update, button:active .ico-bag-update, a.active .ico-bag-update, button.active .ico-bag-update, .ico-bag-update.active {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/bag_desktop_turq_hover.png);
    background-position : 0 1px;

    /*background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/bag_desktop.png);*/
    /*background-position: 4px 5px;*/
    width: 29px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-close-popover {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -105px -178px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
#mini-cart-form .right {  float: right;  margin-right: -27px;  position: relative;  /*top: -17px */ }
.bag-actions .btn-dark { font-size: 16px; line-height: 45px; }
.bag-actions .btn { border-bottom-color: transparent }

#mini-cart-form .ico-close-small {
    background-image: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/X.png");
    background-position-x: 2px;
    background-position-y: 5px;
    display: inline-block;
    font-size: 0;
    height: 25px;
    left: -20px;
    position: relative;
    top: -25px;
    vertical-align: middle;
    width: 21px;
}

.bag-head .bag-item-remove.right{
    display: none;
    float: right;
    background-image: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/X.png");
    background-origin: padding-box;
    background-position-x: 11px;
    background-position-y: 4px;
    background-repeat: no-repeat;
    height: 25px;
    left: -40px;
    position: relative;
    top: -24px;
    width: 21px;
    /*display: inline-block;*/
    vertical-align: middle;
}


.cart-header-text {
    left: 80px;
    letter-spacing: 0.03em;
    line-height: 0;
    position: relative;
    top: -16.35px;
}



.ico-close-small {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -166px -90px;
    width: 10px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-close-white-small {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -88px -178px;
    width: 13px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-email-dark {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -62px -176px;
    width: 29px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-email-update {
    background-image: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg");
    background-position: -61px -200px;
    width: 21px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-envelope-alt {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: 0 -178px;
    width: 29px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-envelope-white {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -213px -136px;
    width: 18px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook-alt {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -213px 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook-dark-1 {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -167px -61px;
    width: 9px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook-update {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg);
    background-position: -6px -200px;
    width: 10px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-instagram-alt {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -213px -24px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-instagram-dark {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -213px -114px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-instagram-update {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg);
    background-position: -80px 4px;
    width: 18px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-pinterest-alt {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -90px -61px;
    width: 29px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-pinterest-dark {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -213px -48px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.nav-right .nav-dropdown .shell{ padding-left: 0; padding-right: 0 }
.ico-pinterest-update {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg);
    background-position: -42px -200px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-play-mobile {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: 0 -131px;
    width: 43px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-play {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: 0 0;
    width: 86px;
    height: 86px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-search {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg);
    background-position: -2px -25px;
    width: 14px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-bottom: 1px;
}
.page-menu-mobile-open .zopim { display: none !important }
.search-alt.open .ico-search { height: 10px }

.search-update, a:update .search, button:update .search, a.update .search, button.update .search, .search.update {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.png);
    background-position: -122px -178px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.section-designers-single_new { padding-top: 0; }
.section-designers-single_new .section-content:before { top: -15px; }

@media (max-width: 1024px) {
    body.category-designers .section-index { border-top: 0; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-arrow-left-mobile {
        background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png);
        background-position: -42px -45px;
        background-size: 108px 85px;
        width: 21px;
        height: 29px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-arrow-right-mobile {
        background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png);
        background-position: -87px 0;
        background-size: 108px 85px;
        width: 21px;
        height: 29px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-bag-square {
        background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png);
        background-position: -45px 0;
        background-size: 108px 85px;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-bag-square-active, a:active .ico-bag-square, button:active .ico-bag-square, a.active .ico-bag-square, button.active .ico-bag-square, .ico-bag-square.active {
        background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png);
        background-position: 0 -45px;
        background-size: 108px 85px;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-envelope-white {
        background-image: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png");
        background-position-x: -87px;
        background-position-y: -29px;
        background-size: 108px 85px;
        display: inline-block;
        font-size: 0;
        height: 23px;
        vertical-align: middle;
        width: 18px;
    }

    .ico-play-mobile {
        background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.@2x.png);
        background-position: 0 0;
        background-size: 108px 85px;
        width: 43px;
        height: 43px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
}

.bar:after, .section-promo .section-body:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container Homepage
\* ------------------------------------------------------------ */
.container-homepage {
    padding-top: 43px;
}

@media (max-width: 767px) {
    .container-homepage {
        padding-top: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell {
    max-width: 1698px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
}

.shell-fluid {
    max-width: none;
}

/* ------------------------------------------------------------ *\
	Shell Custom
\* ------------------------------------------------------------ */
.shell-custom {
    padding-left: 80px;
    padding-right: 80px;
}

@media (max-width: 767px) {
    .shell-custom {
        padding: 0 10px;
    }
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Bag
\* ------------------------------------------------------------ */
.bag {
    z-index: 1010;
}

.bag .bag-inner {
}

.bag-item .bag-item-properties .preorder span { margin-left: 0; }

/* ------------------------------------------------------------ *\
	Banner Callout
\* ------------------------------------------------------------ */
.banner-callout {
    text-align: center;
    position: relative;
}

.banner-callout + .banner-callout {
    margin-top: 20px;
}

.banner-callout .banner-image img {
    display: block;
    width: 100%;
}

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { left: 0; width: 100%; font-family: 'Brandon Grotesque',sans-serif;}
.bar:after { content: ''; line-height: 0; display: table; clear: both; }
.bar p { float: left; font-size: 12px;  text-transform: uppercase; font-weight: 500; margin-bottom: 20px;  }
.bar .bar-inner { float: right; color: #fff; text-align: right; margin-right: 50px; font-weight: 400; }
.bar .bar-inner p { float: none; font-weight: 500; margin-bottom: 10px; }
.bar .bar-inner span { color: #0dd; font-size: 12px; }
.bar .bar-inner span.mail { font-size: 14px; }
.bar .bar-inner p a { text-decoration: underline; display: inline-block; margin-left: 5px; }
.bar .bar_body { display: none; }
.bar {
    padding: 0 9px 0 17px;
    margin: 0;
    position: relative;
    color: #000;
    background: #fff;
    top: 0;
    max-height: 54px;
    display: block !important;
}

.bar p {
    margin: 0;
    float: none;
    font-size: 13px;
    font-family: 'Brandon Grotesque', arial, serif;
    font-weight: 500;
    letter-spacing: 0.04em;
}

.bar .bar_body {
    float: left;
    max-height: 100px;
}
@media(max-width: 767px) {
    .bar { display: none; }
}
@media (max-width: 1024px) {
    .bar {
        padding: 0 !important;
    }

    .bar .bar_body {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Bar Bottom
\* ------------------------------------------------------------ */
.bar-bottom {
    display: none;
}

/* ------------------------------------------------------------ *\
	Btn Bag
\* ------------------------------------------------------------ */
.btn-bag {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
}

.btn-bag.cart-toggle {
    display: none;
}

@media (max-width: 767px) {
    .btn-bag.cart-toggle {
        position: relative;
        top: -105px;
        left: 91%;
        display: block;
        text-decoration: none;
        -webkit-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@media (max-width: 516px) {
    .btn-bag.cart-toggle {
        left: 85%;
    }
}

.btn-menu {
    z-index: 100;
}

.callout-cta {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #000;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: rotate(-90deg) translate(100%, -50%);
    -ms-transform: rotate(-90deg) translate(100%, -50%);
    transform: rotate(-90deg) translate(100%, -50%);
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
    z-index: 999;
    margin-top: 217px;
}

.callout-cta.show {
    display: block;
}

.callout-cta .callout-btn {
    border-width: 2px;
    border-color: #000;
    border-width: 2px;
    border-style: solid;
    background-color: #000;
    color: #fff;
    padding: 1px 8px 0 10px;
    font-size: .85714286em;
    font-weight: 700;
    line-height: 2.75;
    display: inline-block;
    transition: all .25s ease-in-out;
    letter-spacing: 2.25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: initial;
    cursor: pointer;
}

.callout-cta .callout-btn-close {
    position: relative;
    top: -2px;
    left: -8px;
    border: 0;
    display: initial;
    padding: 0;
    border-width: 0;
    background-color: transparent;
    color: #000;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: initial;
    line-height: initial;
    text-align: inherit;
    text-transform: inherit;
    white-space: initial;
    cursor: pointer;
}

.price.old { text-decoration: line-through; }
.price.special { color: #f00; margin-left: 5px; }

/* ------------------------------------------------------------ *\
	cart
\* ------------------------------------------------------------ */
.cart {
    position: fixed;
    top: 32px;
    right: 5px;
    background-color: #fff;
    border: 1px solid #edecec;
    width: 375px;
    padding: 12px 3px 15px 15px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 1300;
}

.cart-product {
    overflow: hidden;
    margin-bottom: 20px;
}

.cart-product .cart-product_image {
    float: left;
}

.cart-product .cart-product_image img {
    display: block;
}

.cart-product .cart-product_body {
    overflow: hidden;
    padding: 3px 0 0 18px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.cart-product .cart-product_body ul {
    line-height: 1.75;
}

.cart-product .cart-product_title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.cart-product li {
    list-style: none;
    list-style-position: outside;
}

.cart .cart-product_btn {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    display: block;
    background-color: #000;
    text-align: center;
    padding: 15px 5px;
    font-weight: 700;
    width: 150px;
}

.cart .cart_inner {
    height: 243px;
    overflow: auto;
}

.cart.open {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1024px) {
    .cart {
        top: 66px;
    }
}

@media (max-width: 767px) {
    .cart {
        width: 100%;
        right: 0;
    }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
    z-index: 998;
}

/* ------------------------------------------------------------ *\
	Form Newsletter
\* ------------------------------------------------------------ */
.form-newsletter {
    border: 0;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/newsletter-bg2.jpg) no-repeat center center;
    background-size: cover;
    font-family: 'Brandon Grotesque', serif;
    padding: 44px 5px 103px 5px;
    display: table;
    width: 100%;
}

.form-newsletter .form-inner {
    width: 508px;
    display: block;
    padding-top: 92px;
}

.form-newsletter .form-title {
    font-family: 'Brandon Grotesque', serif;
    color: #000;
    padding-bottom: 0;
    font-size: 52px;
    /*font-weight: 500;*/
    letter-spacing: initial;
    margin-bottom: 5px;
}

.form-newsletter .form-head {
    line-height: inherit;
    padding-bottom: 0;
    font-weight: 500;
    margin-bottom: 28px;
}

.form-newsletter .form-head p {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: initial;
    line-height: 1.15em;
    margin-bottom: 19px;
}

.form-newsletter .form-head p.small {
    font-size: 22px;
    margin-bottom: 41px;
}

.form-newsletter .form-head p strong {
    font-family: 'Brandon Grotesque', serif;
    font-weight: 700;
}

.form-newsletter .field {
    display: inline-block;
    max-width: 246px;
    width: 246px;
    font-size: 14.5px;
    color: #000000;
    text-transform: uppercase;
    border: 0;
    text-align: center;
    background-color: #cccccc;
    height: 33px;
    padding: 0;
    margin-right: 3px;
}

.form-newsletter .form-btn {
    border-bottom: 0;
    color: #fff;
    background-color: #000;
    font-size: 14.5px;
    text-transform: uppercase;
    height: 33px;
    width: 105px;
    line-height: initial;
    margin: 0;
}

.form-newsletter .form-btn .caret {
    display: none;
}

.form-newsletter .CoverPop-close {
    width: 13px;
    height: 13px;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-close-popover2.png) no-repeat 0 0;
    top: 15px;
    right: 18px;
}

.form-newsletter .form-alert {
    color: #ff2525;
    padding: 0;
    margin: 10px 0 0 0;
    font-family: 'Brandon Grotesque', serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.075em;
    letter-spacing: .04em;
}

.form-newsletter.confirmation {
    padding: 164px 58px;
}

/* ------------------------------------------------------------ *\
	Form Access
\* ------------------------------------------------------------ */
.form-access {
    width: 680px;
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.2);
    overflow: hidden;
    padding: 30px;
    text-align: center;
    background: #fff;
}

form fieldset
{
    border: none;
}

.form-access .form_col {
    padding: 0 10px;
    float: left;
    width: 50%;
}

.form-access .form_head {
    background: #2b2b2b;
    color: #fff;
}

.form-access .form_body {
    padding: 22px;
    padding-bottom: 0;
}

.form-access .form_head h4 {
    font-size: 21px;
    font-weight: 600;
    padding: 2px 0;
}

.form-access .field {
    display: block;
    width: 100%;
    border: 1px solid #2d2d2d;
    text-align: center;
    height: 37px;
    font-weight: 500;
    color: #727272;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.06em;
}


/*.form-access .field:focus{ text-align: left; padding-left: 8px }*/

.form-access .form_row {
    padding-bottom: 16px;
    position: relative;
}

.form-access .form_btn {
    width: 142px;
    height: 37px;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background-color: #2d2d2d;
    border: 0;
    cursor: pointer;
}

.form-access .error-message {
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
    color: #ff2525;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    text-align: center;
}

.form-access .form_actions a {
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.06em;
}

@media (max-width: 767px) {
    .form-access {
        width: 100%;
    }

    .nav-access .link_bag {
        position: relative;
        top: -28px;
    }

    .form-access .form-cols {
        margin: 0;
    }

    .form-access .form_col {
        float: none;
        width: auto;
        padding-bottom: 20px;
    }

    .form-access .form_body {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
    top: 0;
    height: auto;
    border-bottom: 6px solid #000;
    z-index: 1003;
}
.sign-in-form-opened .header, .catalog-product-view .header {  z-index: 999 }
.header .header-inner {
    position: relative;
    padding-top: 0;
}

@media (max-width: 1024px) {
    .nav-access .link_bag {
        position: relative;
        top: -13px !important;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .nav-access .link_bag {
        top: -28px !important;
    }
}

@media (max-width: 767px) {
    .header {
        border-bottom: 3px solid #ebebeb;
        height: 62px;
    }
}

/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */
.list-contacts {
    list-style: none;
    list-style-position: outside;
    text-align: right;
}

.list-contacts li {
    margin-bottom: 5px;
}

.list-contacts li:last-child {
    margin-bottom: 0px;
}

.list-contacts li strong {
    padding-right: 4px;
}

/* ------------------------------------------------------------ *\
	Logo Alt
\* ------------------------------------------------------------ */
.logo-alt {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 250px;
    position: relative;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.logo-alt img {
    display: block;
    width: 100%;
}

@media (max-width: 1024px) {
    .logo-alt {
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
    }

    .logo-alt {
        width: 220px;
    }
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
    background: #000;
    opacity: 1;
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {
    position: relative;
    z-index: 99;
}


/* ------------------------------------------------------------ *\
	Menu Mobile
\* ------------------------------------------------------------ */
.menu-mobile {
    z-index: 99;
    text-transform: uppercase;
}

.menu-mobile h6 {
    font-size: 11px;
    padding: 13px 15px;
    margin: 0;
    line-height: 1;
}

/* ------------------------------------------------------------ *\
	Menu
\* ------------------------------------------------------------ */
.menu i:before {
    content: '+';
}

.menu-expanded a i:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
}

/* ------------------------------------------------------------ *\
	Mfp Modal
\* ------------------------------------------------------------ */
.mfp-modal .mfp-inline-holder .mfp-content {
    width: auto;
    transition: all .5s;
    transition-delay: 1s;
}

.mfp-modal.mfp-bg {
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    opacity: 0;
    transition: all .5s;
}

/* overlay animate in */
.mfp-modal.mfp-bg.mfp-ready {
    opacity: 1;
}

/* overlay animate out */
.mfp-modal.mfp-bg.mfp-removing {
    opacity: 1;
}

/* content at start */
.mfp-modal .mfp-content {
    opacity: 0;
}

.mfp-modal.mfp-ready .mfp-content {
    opacity: 1;
}

/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */
.modal {
    display: inline-block;
    vertical-align: middle;
}

.modal .modal_content {
    position: relative;
    min-width: 350px;
}

.modal .modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal.open {
    visibility: visible;
    opacity: 1;
}

.modal.open .modal_content {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

@media (max-width: 767px) {
    .modal.open .modal_content {
        margin-bottom: 40px;
        -webkit-transform: translateX(0) translateY(0) scale(1);
        -ms-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
        top: 20px;
        left: 10px;
        right: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Nav Access
\* ------------------------------------------------------------ */
.nav-access {
    font-size: 13px;
    text-transform: uppercase;
    float: right;
    z-index: 10;
    position: relative;
    font-weight: 500;
    padding-top: 8px;
}

.nav-access > ul > li {
    list-style: none;
    list-style-position: outside;
    display: inline-block;
    vertical-align: top;
    padding: 0 6.5px 15px 12px;
    position: relative;
    letter-spacing: 0.05em;
}

.nav-access > ul > li:nth-of-type(2) {
    padding-left: 0px;
}

.nav-access > ul > li:not(.link_bag):hover > a {
    border-bottom: 2px solid #0ddddd;
    text-decoration: none;
}

.nav-access .link_bag {
    position: relative;
    top: -5px;
    padding-bottom: 0;
}

.nav-access .link_bag a {
    display: block;
    position: relative;
    top: -3px;
}

.nav-access .link_bag_count {
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    left: -2px;
    padding-top: 11px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.nav-access_dropdown {
    position: absolute;
    top: auto;
    right: 0;
    min-width: 294px;
    font-size: 12px;
    margin-top: 5px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    padding-top: 10px;
}

.nav-access_dropdown .nav-access_dropdown_inner {
    border: 1px solid #edecec;
    background: #fff;
    padding: 10px 5px;
}

.nav-access > ul > li:hover .nav-access_dropdown {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1024px) {
    .nav-access {
        position: absolute;
        top: 38px;
        z-index: 30;
        right: 20px;
        padding: 0;
    }

    .nav-access li:not(.link_bag) {
        display: none;
    }

    .nav-access li.link_bag {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .nav-access {
        top: 50%;
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Nav Alt
\* ------------------------------------------------------------ */
.nav-alt {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 5px;
}

.nav-alt li {
    list-style: none;
    list-style-position: outside;
}

.nav-alt > ul > li {
    list-style: none;
    list-style-position: outside;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    position: relative;
}

.nav-access .nav-alt > ul > li { padding: 3px 13px 0 8px;  white-space: nowrap }
.nav-access .nav-alt > ul > li:before { width: 100%; }
.nav-access .nav-alt .shell { padding: 0; }
.nav-alt > ul > li a {
    text-decoration: none;
    letter-spacing: 0.06em;
}

.nav-alt > ul > li:before {
    content: '';
    position: absolute;
    bottom: -11px;
    width: calc(100% - 30px);
    height: 6px;
    background: #00dddd;
    z-index: 2;
    opacity: 0;
    transition: all .3s;
}

.nav-alt > ul > li:hover:before {
    opacity: 1;
}

.nav-alt > ul > li:hover .nav-dropdown {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.nav-alt > ul li .nav-dropdown:hover {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.nav-access .nav-alt > ul > li:hover .nav-dropdown {
    transition: opacity .6s linear, visibility 0.6s linear 0.3s;
}

.nav-access .nav-alt .nav-dropdown {
    top: 18px;
    left: 0;
}

.nav-alt .nav-dropdown {
    text-align: left;
    font-size: 13px;
    top: 19px;
    left: 5px;
    /*background: rgba(255, 255, 255, .95);*/
    text-transform: uppercase;
    min-width: 240px;
}

.nav-alt .nav-dropdown.nav-dropdown-last {
    left: auto;
    right: 5px;
}

.nav-alt .nav-dropdown a {
    text-decoration: none;
    padding: 0;
    padding-bottom: 0px;
    margin-bottom: 11px;
}

.nav-alt .nav-dropdown h6 {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.06em;
    margin-bottom: 11px;
}

.nav-alt .nav-dropdown h6 a {
    margin-bottom: 0;
}

.nav-alt .nav-dropdown-inner {
    overflow: auto;
    width: 100%;
    margin-top: 10px;
    position: relative;
    background: #ffffff;
    padding: 28px 10px 10px 10px;
    border-bottom: 1px solid #edecec;
    border-left: 1px solid #edecec;
    border-right: 1px solid #edecec;
}

.nav-alt .nav-dropdown .shell {
    max-width: 1024px;
}

.nav-alt .nav-dropdown-cols {
    overflow: hidden;
    display: table;
    width: 100%;
}

.nav-alt .nav-dropdown-col {
    display: inline-block;
    vertical-align: top;
    min-width: 210px;
    display: table-cell;
}

/*.nav-alt .nav-dropdown-col:first-child {*/
    /*min-width: 225px;*/
/*}*/

@media (max-width: 1024px) {
    .nav-alt {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Nav Mobile
\* ------------------------------------------------------------ */
.nav-mobile ul ul {
    min-height: 100%;
}

.nav-mobile ul > li > a {
    padding: 16px 15px;
}

.nav-mobile li ul {
    padding-left: 25px;
}

.nav-mobile li ul.menu-body {
    padding: 0 0 0 18px;
    position: relative;
    top: -8px;
}

.nav-mobile li ul.menu-body a {
    padding: 0 15px 7px 15px;
}

.nav-mobile li ul a {
    padding: 13px 15px;
    font-size: 11px;
}

.nav-mobile.left li ul a { padding-left: 0 !important }

.nav-mobile > ul > li > ul > li:first-child a {
    padding-top: 0;
}

/* ------------------------------------------------------------ *\
	Nav Mobile Secondary
\* ------------------------------------------------------------ */
.nav-mobile-secondary {
    padding-top: 0;
}

.nav-mobile-secondary-item, .nav-mobile-secondary a {
    padding: 10px 15px;
}

.nav-mobile-expanded > a i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.nav-mobile i:before {
    content: '+';
}

.nav-mobile-expanded > a i:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
}

.page-menu-mobile-open .wrapper:before, .page-menu-mobile-open .header, .page-menu-mobile-open .main, .page-menu-mobile-open .footer, .page-menu-mobile-open .modal-info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media (max-width: 1024px) {
    .page-menu-mobile-open .menu-mobile { z-index: 1005; }
}

/* ------------------------------------------------------------ *\
	Search Alt
\* ------------------------------------------------------------ */
.search-alt {
    padding: 0;
    border: 1px solid transparent;
    transition: all .3s;
}

.search-alt .search-field {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    background-color: transparent;
    width: 0;
    transition: all .3s;
}

.search-alt .search-btn {
    border: 0;
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
}

.search-alt.open {
    border: 1px solid #d0cece;
    top: -1px;
    position: relative;
}

.search-alt.open .search-field {
    font-size: 11px;
    /*margin-bottom: 3px;*/
    width: 180px;
}

/* ------------------------------------------------------------ *\
	Section Promo
\* ------------------------------------------------------------ */
.section-promo .section-body:after {
}

.section-promo .section-aside {
    float: left;
    width: 43%;
}

.section-promo .section-content {
    overflow: hidden;
    padding-left: 70px;
}

@media (max-width: 1200px) {
    .section-promo .section-aside {
        width: 50%;
    }

    .section-promo .section-content {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .section-promo .section-aside {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }

    .section-promo .section-content {
        padding-left: 0;
    }
}

/* ------------------------------------------------------------ *\
	Section Callout Primary
\* ------------------------------------------------------------ */
.section-callout-primary {
    border-bottom: 0 !important;
}

.section-callout-primary .slider-home .slick-prev {
    display: block !important;
}

/* ------------------------------------------------------------ *\
	Section Feed
\* ------------------------------------------------------------ */
.section-feed {
    background: transparent;
}

@media (max-width: 1023px) {
    .section-feed {
        max-width: 50%;
        margin: 0 auto;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .section-feed {
        max-width: 100%;
    }

    .section-promo {
        padding: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Section Callout Primary
\* ------------------------------------------------------------ */
.section-callout-primary .section-inner {
    top: 129px;
    transition: all .3s;
}

.content-desktop .section-callout-primary .section-inner, .press-index-item .section-callout-primary .section-inner {
    top: 0;
    transition: all .3s;
}

.content-desktop .section-callout-primary .section-image img,
.press-index-item .section-callout-primary .section-image img { width: 100%; height: auto !important;}
.press-index-item .section-wrap { padding-top: 60% !important;}
.content-desktop .section-inner,
.press-index-item .section-inner { padding-top: inherit !important;}

.press-index-item .section-callout-primary{
    max-width: 1149px;
    margin: -60px auto 200px auto;
}

.section-callout-primary .section-image {
    text-align: center;
}
.section-callout > .hotspot {
    background: #000000;
}
.section-callout > .hotspot:after {
    content: '+';
    color: white;
    font-size: 30px;
    font-weight: 300;
    margin-left: 3.5px;
    display: block;
    margin-top: -8px;
}
@media (max-width: 800px) {
    .section-callout > .hotspot{
        display: block;
    }
}

@media (max-width: 767px) {
    .section-callout > .hotspot{
        display: block;
    }
}
/* ------------------------------------------------------------ *\
	Section Feed
\* ------------------------------------------------------------ */
@media (max-width: 767px) {
    .press-index-item .section-callout-primary {
        max-width: 1149px;
        margin: -25px auto 110px auto;
    }
}

/* ------------------------------------------------------------ *\
	Slider Intro
\* ------------------------------------------------------------ */
.slider-intro {
    position: relative;
}

.slider-intro .slide-image img {
    display: block;
    width: 100%;
}

.slider-intro .slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 32px;
    z-index: 2;
}

.slider-intro .slider-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 32px;
    z-index: 2;
}

.slider-intro .slider-prev .ico-arrow-left-mobile, .slider-intro .slider-next .ico-arrow-right-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .slider-intro .slider-prev .ico-arrow-left, .slider-intro .slider-next .ico-arrow-right {
        display: none;
    }

    .slider-intro .slider-prev .ico-arrow-left-mobile, .slider-intro .slider-next .ico-arrow-right-mobile {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .slider-intro .slider-prev, .slider-intro .slider-next {
        display: none !important;
    }
}

/* ------------------------------------------------------------ *\
	Slider Products
\* ------------------------------------------------------------ */
.slider-products {
    position: relative;
}

.slider-products .slider-title {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.15em;
    font-family: 'Brandon_blk', sans-serif;
    margin-bottom: 30px;
}

.slider-products .slide {
    text-align: center;
}

.slider-products .slide h5 {
    margin: 0;
    font-family: 'BrandonGrotesque', sans-serif;
    font-weight: 700;
}


.slider-products .slide h6 {
    font-family: 'BrandonGrotesque', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.slider-products .slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    text-decoration: none;
}

.slider-products .slider-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    text-decoration: none;
}

.slider-products .slide-image {
    text-align: center;
    margin-bottom: 15px;
}

.slider-products .slide-image img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

@media (max-width: 1400px) {
    .slider-products .slide-image {
        padding: 0 40px;
    }
}

@media (max-width: 1200px) {
    .slider-products .slide-image {
        padding: 0 30px;
    }
}

@media (max-width: 1023px) {
    .slider-products .slider-title {
        font-size: 17px;
        letter-spacing: 0;
    }

    .slider-products .slide h5 {
        font-size: 14px;
    }

    .slider-products .slide-image {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {
    .slider-products .slider-title {
        margin-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Slider Hashtag
\* ------------------------------------------------------------ */
.slider-hashtag {
    position: relative;
    margin-top: 140px;
    padding-bottom: 20px;
}

.slider-hashtag .slide {  text-align: center; display: table; margin-right: 5px; margin-left: 5px }
.slider-hashtag .slide  > a {  height: 246px; display: table-cell;  text-align: center;  vertical-align: middle }


.slider-hashtag .slide-title {
    font-family: 'Brandon_blk', sans-serif;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0.025em;
}

.slider-hashtag .slide-title span {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 10px;
    position: relative;
    top: -5px;
}

.slider-hashtag .slider-prev {
    position: absolute;
    top: 50%;
    left: 8px;
    text-decoration: none;
    z-index: 1;
}

.slider-hashtag .slider-next {
    position: absolute;
    top: 50%;
    right: 8px;
    text-decoration: none;
    z-index: 1;
}

.slider-hashtag .slider-clip { margin-left: 80px; margin-right: 80px;}

.slider-hashtag img {
    display: block;
    width: 100%;
}

@media (max-width: 1023px) {
    .slider-hashtag .slider-next {
        top: 8px;
    }

    .slider-hashtag .slider-prev {
        top: 8px;
    }

    .slider-hashtag {
        margin-top: 50px;
    }

    .slider-hashtag .slider-clip {
        margin: 0 100px 0 100px;
    }

    .slider-hashtag .slick-list {
        overflow: visible;
    }

    .slider-hashtag .slide {
        padding: 0 10px;
    }

    .slider-hashtag {
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .slider-hashtag .slider-prev {
        top: -3px;
    }

    .slider-hashtag .slider-next {
        top: -3px;
    }

    .slider-hashtag .slider-clip {
        margin: 0 50px 0 50px;
    }

    .slider-hashtag .slide-title {
        font-size: 17px;
    }
}

/* ------------------------------------------------------------ *\
	Slider Home
\* ------------------------------------------------------------ */
.slider-home {
    padding-top: 0 !important;
}

.slider-home .slides.dot-selected-black .slick-dots button:hover {
    box-shadow: none;
}

.slider-home .slides.dot-selected-black .slick-dots .slick-active button {
    background-color: #fff;
}

.slider-home .slick-prev {
    position: absolute;
    top: 50%;
    left: 32px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    margin-top: -20px;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-arrow-left.png) no-repeat 0 0;
    width: 28px;
    height: 39px;
    z-index: 2;
}

.slider-home .slick-next {
    position: absolute;
    top: 50%;
    right: 32px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    margin-top: -20px;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-arrow-right.png) no-repeat 0 0;
    width: 28px;
    height: 39px;
    z-index: 2;
}

/* ------------------------------------------------------------ *\
	Socials Alt
\* ------------------------------------------------------------ */
/*.socials-alt {*/
    /*padding-top: 6px;*/
/*}*/

.socials-alt li {
    list-style: none;
    list-style-position: outside;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.socials-alt a {
    display: inline-block;
}

/* ------------------------------------------------------------ *\
	Socials Mobile
\* ------------------------------------------------------------ */
.socials-mobile .socials-label {
    padding-left: 15px;
}

.socials-mobile ul {
    margin-left: 0;
}

/* ------------------------------------------------------------ *\
	Splash
\* ------------------------------------------------------------ */
.splash#CoverPop-cover {
    border: 0;
    width: 100%;
    height: 100%;
    z-index:1990;
}

.splash#CoverPop-cover.open {
    display: table;
}

.splash#CoverPop-cover .CoverPop-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

@media (max-width: 1023px) {
    .splash#CoverPop-cover {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: -1 !important;
        position: fixed !important;
        margin-top: -1000% !important;
        margin-top: -1000vh !important;
    }
}

/* ------------------------------------------------------------ *\
	Video Placeholder
\* ------------------------------------------------------------ */
.video-placeholder {
    position: relative;
    margin-bottom: 40px;
}

.video-placeholder img {
    display: block;
    width: 100%;
}

.video-placeholder .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.video-placeholder .btn-play .ico-play-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .video-placeholder .btn-play .ico-play {
        display: none;
    }

    .video-placeholder .btn-play .ico-play-mobile {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .video-placeholder {
        margin-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
    padding-top: 0;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 12px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}
.socials-alt.social-header-top ul li a{ font-size: 0 }
.form-sign-in .error-message, .form-sign-up .error-message { display: none }
.nav-access .nav-alt > ul > li::before{ height: 2px; top: 17px; }
.nav-access .nav-alt .nav-dropdown-inner{ padding-top: 10px; border-top: 1px solid #edecec; }
.form-sign-up .checkbox-transparent { margin-bottom: 10px; text-align: center }
.chat > a { color: #0dd; }
.bag-head {  max-width: 348px; border-bottom-color: #eee;  border-bottom-style: solid;  border-bottom-width: 1px; margin-bottom: 0 }
.bar_body > p { margin-top: 8px }
.banner_enabled .section-pdp {  padding-top: 110px }
.banner_enabled .product .product-info, .product .product-details{ top: 25%}

@media only screen and (max-device-width: 480px) {
    .bag-head .bag-item-remove.right { display: inline-block;}
    .cart{ top: 78px; height: 100% }

    body.cart_expanded{ position: relative; overflow-x: hidden; }
    html.cart_expanded { overflow-x: hidden }

    .page-menu-mobile-open .btn-menu {
        position: absolute;
        top: 31%;
        left: 0px;
        width: 580px;
        height: 46px;
        padding: 13px 22px;
        padding-bottom: 1200px;
    }
    .page-menu-mobile-open .search-mobile-alt {
        top: -41px;
    }
    .page-menu-mobile-open .btn-bag.cart-toggle {
        top: -72px;
    }
    .bag-foot .btn{ line-height: 45px }

    .bag-head .bag-item-remove.right{
        height: 25px;
        left: -12px;
        top: -18px;
    }

    body.cart_expanded .header{ z-index: 99999 !important;}
    body.cart_expanded .header{ z-index: 1009 !important;}
    .sign-in-form-opened header{ display: none; }
    .sign-in-form-opened .mfp-close{ display: none; }

    .cart {  z-index: 1300; top : 73px; max-height: calc(100vh - 73px); overflow-y: auto; overflow-x: hidden; }
    .cart .bag-total > dl:first-of-type { margin-bottom:15px; }

    .banner_enabled .section-pdp {  padding-top: 0px }
    .nav-mobile > ul > li > ul > li:first-child a.left{ padding-left: 0 }

    .mfp-modal .mfp-inline-holder .mfp-content {
        transition-delay: .5s;
    }
    #ntf_ribbon_container{ display: none !important }

    .cart .cart_inner {
        height: 200px;
        overflow: auto;
    }
}

@media only screen and (max-device-height: 480px) {
    .cart .cart_inner { max-height: calc(100vh - 261px); }
}

@media only screen and (max-device-height: 480px) and (max-device-width : 320px) {
    #cart_mini_popup.cart.open { z-index:1020; max-height: 100%; }
    .cart .cart_inner { height: 105px; padding-right: 4px;}
    .cart .cart_inner .cart-product_image img { max-height:100px; }
    .bag-foot { display: block; position: relative; width:100%; }
    .bag-foot .bag-total { padding-top:15px; padding-bottom:15px;}
    .cart-product .cart-product_body ul { line-height:1.4 }
}

.menu-body a:first-child {  margin-top: 10px; }
.catalog-category-view .breadcrumbs { margin-left: 0px }
.add-to-cart-alt {  width: 145px; }


/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main.top-space { margin-top: 104px; }

/* ------------------------------------------------------------ *\
	btn go next
\* ------------------------------------------------------------ */
.btn-go-next { display: block; text-decoration: none; display: inline-block; }
.btn-go-next:hover { text-decoration: none; }
.btn-go-next span { width: 16px; height: 30px; display: inline-block; border-style: solid; border-width: 15px 0 15px 16px; border-color: transparent transparent transparent #000000; }

/* ------------------------------------------------------------ *\
	Section Product
\* ------------------------------------------------------------ */

/* helper */

.tablet-visible { display: none; }
@media(max-width:1024px) {
    .tablet-visible { display: block; }
    .tablet-hidden { display: none; }
}
.section-product .shell { max-width: 1200px; margin: 0 auto; }
.section-product .section-inner:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product .section-content { width: 68.5%; float: left; }
.section-product .section-aside { width: 28.5%; float: left; padding-left: 33px; padding-top: 6px; position: relative; }
.section-product .section-aside .list-links li { width: 100%; padding: 0; }
.section-product .btn-go-next { position: absolute; top: 7px; right: 25px; }
.section-product .section-tabs { width: 67.5%; }
.section-product .section-content-entry { margin-bottom: 29px; padding-right: 5px; }
.section-product .section-content-entry:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product .section-content-entry .socials-alt { float: left; margin-left: 70px;}
.section-product .section-content-entry .socials-alt li { margin-right: 10px; }
.section-product .section-content-entry .list-links { float: right; margin-top: 9px; }
.section-product .section-content-entry .list-links:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product .section-content-entry .list-links li { display: block; float: left; width: auto; font-size: 12px; width: 100%; }
.section-product .section-content-entry .list-links li a { font-weight: 700; letter-spacing: 0; text-decoration: underline; }
.section-product .section-content-entry .list-links li a:hover { text-decoration: none; }
.section-product .section-title { font-size: 24px; font-weight: 800; margin-bottom: 24px; line-height: 1; text-transform: uppercase; letter-spacing: 0.14em; }
.section-product .section-title a { text-decoration: none; display: inline-block; position: relative; line-height: 1; text-transform: uppercase; }
.section-product .section-title a:before { position: absolute; top: 100%; height: 2px; background: #000; content: ''; left: 0; width: 100%; }
.section-product .section-subtitle { font-size: 14px; margin-bottom: 7px; letter-spacing: 0.09em; }
.section-product .section-sub-subtitle { font-size: 13px; margin-bottom: 12px; padding-left: 2px; letter-spacing: 0.08em; font-weight: 500; }
.section-product .product-price { font-size: 14px; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 0px; }
.section-product .title-price {margin-bottom:32px;}
.section-product .section-preorder {font-size: 12px; margin-top: -15px; text-transform: uppercase; margin-top: 10px;}

.section-product .slider .slide img { cursor: zoom-in; }
.section-product .slider .slide img.zoomed { cursor: zoom-out; }

/*.section-product .socials-alt a { height: 16px; width: 16px;}*/
/*.section-product .socials-alt i { height: 16px; width: 16px; background-size: 100%; background-repeat: no-repeat; }*/
.section-product .ico-insta { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-insta.png);  }
.section-product .ico-fb { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-fb.png);  }
.section-product .ico-pin { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-pin.png);  }
.section-product .ico-mail { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-mail.png);  }

.section-product .section-content-entry { padding-top: 5px; margin-left: 8.5%; text-transform: uppercase; font-size: 11px; display: block; font-weight: 500; letter-spacing: 0.02em; }
.section-product .section-content-entry.tablet-hidden { margin-left:0; }
.section-product .section-content-entry a { text-decoration: underline; transition: .3s; }
.section-product .section-content-entry a:hover { text-decoration: none; }


@media (max-width: 1024px) {
    .section-product .section-content-entry { margin-left: 0; margin-bottom: 10px; padding: 18px 0 0; text-align: center; }
}

@media (max-width: 768px) {
    .section-product .section-content-entry { display: none; padding-top: 18px; margin-bottom: 0; }
    .section-product .section-aside { padding-top: 18px; }
    .section-product .number-input { display: flex; flex-flow: column wrap; align-items: center; padding-top: 0; }
    .section-product .number-input label { padding-bottom: 18px; margin-bottom: 0; }
}

#add-to-cart-show .btn-add.btn-error.validation-passed { color: #f00; }

/* radios-color */
.radios-color { list-style: none; margin-bottom: 32px; margin-left: 3px; }
.radios-color:after { content: ''; line-height: 0; display: table; clear: both; }
.radios-color li { float: left; width: 32px; }
.radios-color .radio { position: relative; margin-bottom: 10px; }
.radios-color .radio input { position: absolute; left: -9999px; }
.radios-color .radio label span { display: block; width: 22px; height: 22px; font-size: 0; line-height: 0; text-indent: -4004px; position: relative; background-size: cover; background-position: center; cursor: pointer; }
.radios-color .radio label span:before { content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 3px; background: #00d6d6; display: none; }
.radios-color .radio input:checked + label span:before { display: block; }

/* radios size */
.radios-size { list-style: none; width: 240px; margin-bottom: 0px; }
.radios-size:after { content: ''; line-height: 0; display: table; clear: both; }
.radios-size li { float: left; width: 35px; }
.radios-size .radio { position: relative; margin-bottom: 9px; }
.radios-size .radio input { position: absolute; left: -9999px; }
.radios-size .radio label span { width: 28px; height: 26px; border: 1px solid #d8d9dc; color: #d8d9dc; display: block; text-align: center; cursor: pointer; }
.radios-size .radio label span i { font-style: normal; font-weight: 500; position: relative; top: 2px; font-size: 12px; }
.radios-size .radio input.available + label span { color: #000; }
.radios-size .radio input.available:checked + label span { border: 1px solid #666; }

/* list-section-links */
.list-section-links { list-style: none; margin-bottom: 16px; margin-top: 5px; }
.list-section-links li { display: inline-block; margin-right: 10px; }
.list-section-links li:last-child {margin-right: 0px;}
.list-section-links li a { display: inline-block; text-transform: uppercase; text-decoration: underline; font-size: 12px; font-weight: 500; color: #666; }

.remaining-msg-holder .remaining-msg { margin-top: 0; display:none; }

/* Number input */
.section-product .btn-add { display: inline-block; text-align: center; background: #000; color: #fff; width: 100%; max-width: 320px; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 14px; margin-bottom: 38px; border: none; }
.section-product .btn-add:hover { text-decoration: none; background: #292727; }
.section-product .btn-add#sold-out-popup { margin-top: 20px; }
.section-product .number-input { width: 100%; height: auto; margin-bottom: 34px; padding-top: 16px;}
.section-product .number-input label { display: inline-block; font-weight: 500; vertical-align: top; width: 80px; position: relative; top: 3px; font-size: 13px; letter-spacing: 0.8px; }
.number-input .input-controls { display: inline-block; }
.number-input .input-controls:after { content: ''; line-height: 0; display: table; clear: both; }
.number-input { position: relative; }
.number-input input { width: 35px; height: 22px; border: 0; border-radius: 0; background: none; text-align: center; color: #000; font-size: 13px; font-weight: 700; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: block; }
.number-input .btn { border: 1px solid #000; border-radius: 0; width: 22px; height: 20px; background: #fff; overflow: hidden; text-align: center; float: left; display: block; padding: 0; }
.number-input .btn i { font-style: normal; position: relative; left: 1px; top: -8px; font-size: 20px; color: #000; line-height: 1; }
.number-input .btn.qtyminus i { top: -10px; left: 1px; }
.section-product .list-dash { list-style: none; font-size: 12px; font-weight: 500; list-style-type: disc; margin-left: 20px; }
.section-product .list-dash li { margin-bottom: 5px; font-weight: 600; }

/* accordion */
.section-product .accordion {max-width: 304px;width: 100%;position: absolute;padding-top: 14px;}
.section-product .accordion:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product .accordion-entry { float: left; width: 100%; position: relative; z-index: 2; }
.section-product .accordion-head span { display: block; border-bottom: 2px solid #000; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 5px; letter-spacing: 0.12em; cursor: pointer; }
.section-product .accordion-head span:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product .accordion-head span small { font-size: 0; line-height: 0; text-indent: -4004px; width: 8px; height: 8px; position: relative; display: block; float: right; top: 6px; margin-right: 0px; }
.section-product .accordion-head span small:before { content: ''; width: 100%; height: 2px; background: #000; display: block; position: absolute; top: 3px; }
.section-product .accordion-head span small.plus:after { content: ''; width: 2px; height: 100%; background: #000; display: block; position: absolute; top: 0px; left: 3px; }
.section-product .accordion-head.active span small:after { display: none; }
.section-product .accordion-body { padding: 10px 0; }
.section-product .accordion-body p { font-size: 13px; font-weight: 500; }
.section-product .accordion-body a { text-decoration: underline; }
.section-product .accordion-body a:hover { text-decoration: none; }
.section-product .accordion-entry .accordion-body { display: none; }
.section-product .accordion-body.ac-fabric ul {padding-left:21px;}
.section-product .accordion-body.ac-fabric ul li { padding-left: 4px; }

/*.section-product .accordion-entry:first-child .accordion-body { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; }
.section-product .accordion-entry:last-child .accordion-body { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; }*/
.section-product .accordion-head.active + .accordion-body { opacity: 1; visibility: visible; }
.section-product .list-links-holder { max-width: 324px; width: 100%; position: relative; }
.section-product .list-links li { text-align: left; text-transform: uppercase; }
.section-product .list-links li a { display: inline-block; font-size: 12px; font-weight: 500; color: #666; letter-spacing: 0; margin-right: 10px; text-transform: uppercase; text-decoration: underline; padding: 0; }
.section-product .list-links li a:hover { text-decoration: none; }


/* products-items */
.products-items { list-style: none; }
.products-items:after { content: ''; line-height: 0; display: table; clear: both; }
.products-items li img { width: 100%; height: auto; }
.products-items li a { display: block; text-decoration: none; }
.products-items li a:hover strong, .products-items li a:hover small { text-decoration: underline; }
.products-items li { float: left; width: 20%; margin: 0 18px; text-align: center; list-style: none; }
.product-item-image { display: inline-block; margin-bottom: 22px; }
.product-item-text { display: block; text-transform: uppercase; font-size: 11px; line-height: 1.55; letter-spacing: 1px; }
.product-item-text strong { display: block; font-weight: 800; }
.main-pdpUpdate .product-item-text span.price { font-size: 11px; font-weight: 500; }

/* Tabs */
.section-product .tabs-nav { list-style: none; margin: 0 -5px 58px; }
.section-product .tab .products-items { width: 100%; }
.section-product .tabs-nav li { width: 50%; float: left; padding: 0 5px; }
.section-product .tabs-nav li:first-child { width: 52%; }
.section-product .tabs-nav li:last-child { width: 48%; }
.section-product .tabs-nav .current a { background: #000; color: #fff; display: block; }
.section-product .tabs-nav a { text-transform: uppercase; font-size: 13px; display: block; text-align: center; background: #ffffff; padding: 6px 0; font-weight: 500; letter-spacing: 0.08em; border: 2px solid #000; }
.section-product .tabs-nav a:hover { text-decoration: none; border-color: #0dd; }
.section-product .tabs-nav:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product .tab { display: none; }
.section-product .tab.current { display: block; }
.section-product .tabs-content { margin-bottom: 60px; padding: 0 25px; }
.section-product .accordion-head span { font-size: 13px; margin-bottom: 12px; padding-left: 2px; letter-spacing: 0.08em; font-weight: 500; }

.catalog-product-view .form-wishlist .validation-advice {color: #f00;}
/*.catalog-product-view .validation-advice {position:relative;}*/
.catalog-product-view .form-wishlist.form .form-row .form-actions { overflow: visible;}

.ico-heart { width: 30px; height: 30px; background-position: -51px -67px; }
.ico-heart-full { width: 30px; height: 30px; background-position: -94px -68px; }
.product-compact .product-like { top: 5px; right: 5px; }
.product-compact .product-like.liked { position: absolute; top: 14px; right: 14px; z-index: 11; transition: opacity .6s linear; opacity: 1; }

@media(max-width:1650px) {
    .section-product .section-subtitle br { display: none; }
    .section-product .tab .products-items { width: 100%; }
}
@media(max-width:1450px) {
    .section-product .btn-add, .section-product .number-input, .radios-color, .section-product .product-price { margin-bottom: 20px; }
    .section-product .section-aside { width: 27.5%; max-width: 280px; }
    .section-product .btn-add, .section-product .accordion { max-width: 100%; }
    .products-items li { padding: 0 10px; width: calc(25% - 38px); }
    .section-product .tabs-nav a { letter-spacing: 0em; }
    .product-item-image img { width: 100%; height: auto; }
    .section-product .tabs-content { padding: 0; }
    .section-product .accordion-entry { max-width: 250px; }
}
@media(max-width:1280px) {
    .section-product .section-content-entry { padding-left: 0; }
    .section-product .section-title { font-size: 24px; }
    .section-product .section-content-entry .socials-alt { margin-right: 10%; }
}
@media(max-width:1024px) {
    .section-product .section-content-entry.tablet-hidden { display: none; }
    .radios-size .radio { float:left; }
    #product-options-wrapper { display: table; margin: 0 auto; text-align: center;}
    .section-product .title-price {margin-bottom: 14px;}
    .section-product .section-title { font-size: 30px; }
    .catalog-product-view .form-wishlist .form-actions.email-action .validation-advice {top:42px;}
    .main.top-space { margin-top: 100px; }
    .section-product .btn-go-next { display: none; }
    .section-product .section-content { width: 100%; }
    .section-product .section-aside { width: 100%; max-width: 100%; padding-left: 0; margin-bottom: 20px; }
    .section-product .section-tabs { width: 100%; }
    .section-product .section-content .tablet-visible { text-align: center; }
    .section-product .section-content-entry { text-align: center; }
    .section-product .section-content-entry .socials-alt { float: none; margin: 0 auto; width: auto; display: inline-block; padding-top: 13px; }
    /*.section-product .socials-alt i { height: 20px; width: 20px; }*/
    .list-links.tablet-visible li { width: 100%; text-align: center; }
    .list-links.tablet-visible li a { font-size: 12px; text-decoration: underline; display: inline-block; font-weight: 700; }
    .section-product .accordion { position: static; margin-bottom: 20px; }
    .section-product .accordion-entry { max-width: 100%; }
    .section-product .accordion-entry:first-child .accordion-body { max-width: 100%; margin-right: -180%; position: static; top: 100%; left: 0; opacity: 1; visibility: visible; display: none; }
    .section-product .accordion-entry:last-child .accordion-body { position: static; top: 100%; left: 0; opacity: 1; visibility: visible; display: none; }
    .section-product .accordion-head.active + .accordion-body { display: block; }
    .section-product .number-input {  text-align: center; margin-left: auto; margin-right: auto; }

    .section-product .accordion-body.ac-fabric ul { padding-left: 9px; }
    .radios-color li { display:inline-block; float: none; }
    .radios-size li { display:inline-block; float: none; }
}
@media(max-width:767px) {
    #product-options-wrapper { display: table; margin: 0 auto; text-align: center;}
    .radios-size, .radios-color { width: 100%; }
    .main.top-space { margin-top: 0px; }
    .section-product .tab .products-items { margin: 0 auto; width: 100% }
    .products-items li { width: 50%; padding: 0 9px; margin: 0; margin-bottom: 30px; }
    .products-items li a { display: block; }
    .product-item-image { display: block; }
    .product-compact .product-like.not-liked { position: absolute; top: 14px; right: 14px; z-index: 11; transition: opacity .6s linear; opacity: 1; }
    .section-product .tabs-nav { margin: 0 -9px 20px; }
    .section-product .tabs-nav li:last-child { width: 50%; padding: 0 9px; }
    .section-product .tabs-nav li:first-child { width: 50%; padding: 0 9px; }
    .socials-alt li { margin: 0 6px; }
    .section-product .socials-alt li:last-of-type { margin-left: 10px; }
    /*.section-product .socials-alt a { height: 20px; width: 20px; }*/
    .section-product .section-sub-subtitle { text-align: center; }
    .radios-size .radio label span i { top: 5px; }
    .radios-size, .radios-color { max-width: 500px; margin: 0 auto; }
    .section-product .section-title { font-size: 16px; margin-bottom: 12px; }
    .section-product .section-subtitle { font-size: 16px; padding: 0 30px; margin-bottom: 3px; }
    .section-product .product-price { font-size: 16px; }
    .section-product .section-content-entry { margin-bottom: 20px; }
    .section-product .section-sub-subtitle { font-size: 14px; margin-bottom: 10px; }
    .section-product .number-input label { font-size: 14px; }
    .section-product .accordion { margin-bottom: 0;  padding-top: 11px; }
    .section-product .list-links-holder, .section-product .list-links { width: 100%; max-width: 100%; }

    .section-product .list-links li a { font-size: 12px; font-weight: 500; letter-spacing: 0; }
    .radios-color .radio label { display: table; }
    .radios-color .radio label span { margin: 0; }
    .radios-color li { text-align: center; display: inline-block; }
    .section-product .accordion-head span { font-size: 14px; font-weight: 500; border-bottom: 2px solid #000; }
    .section-product .accordion-entry:first-child .accordion-body { margin-right: 0; }
    .section-product .btn-add { margin-bottom: 25px; }
    .section-product .section-tabs { margin: 0; }
    .section-product .tabs-nav { margin: 0 0 8px; }
    .section-product .tabs-content { padding: 0 10px; }
    .product-item-image { margin-bottom: 12px; }
    .list-section-links li { display:block; margin: 0 auto;  }
    .product-options .list-section-links li:first-of-type { text-align: center; margin-bottom:12px; margin-top:5px;}
    .section-product .accordion-entry .accordion-body {font-size:14px;}
}

@media(max-width:520px) {
    .section-product .title-price {margin-bottom: 5px;}
    .radios-size li { width: 25%; text-align: center; }
    .radios-size label { display: inline-block; }
    .radios-size, .radios-color { max-width: 296px; margin: 0 auto; }
    .radios-color { margin-bottom: 20px; }
    .radios-color li { margin: 0 10px; width: 13%; }
    .radios-color .radio label span { width: 30px; height: 28px; }
    .radios-size { margin-bottom: 5px; }
    .radios-size li { width: 50px; }
    .radios-size .radio label span { width: 40px; height: 40px; }
    .radios-size .radio label span i { font-size: 14px; top: 11px; }
    .list-section-links { max-width: 276px; margin: 0 auto; }
    .list-section-links:after { content: ''; line-height: 0; display: table; clear: both; }
    .list-section-links li a { font-size: 12px; }
    .section-product .number-input { text-align: center; }
    .number-input .input-controls { width: 126px; }
    .number-input .btn { width: 30px; height: 30px; }
    .number-input .btn i { font-size: 18px; top: -3px; }
    .number-input .btn.qtyminus i { top: -5px; }
    .number-input input { width: 65px; height: 30px; }
    .section-product .tabs-nav a { font-size: 13px; padding-bottom: 3px; }
    .section-product .number-input label { display: block; width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 24px; }
    .section-product .number-input { margin-bottom: 30px; }
    .number-input .input-controls input { font-size: 16px; }
    .section-product .btn-add { font-size: 14px; padding: 15px; }
    .section-product .btn-add, .list-section-links, .radios-color, .section-product .product-price { margin-bottom: 10px; }
    .section-product .number-input { margin-bottom: 21px; }
    .section-product .list-dash li { font-size: 13px; }

}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.section-product .slider { overflow: hidden; position: relative; }
.section-product .slider ul { list-style: none; margin: 0; padding: 0; }
.section-product .slider .slick-prev,.section-product .slider .slick-next { border: 0 none; width: 45px; height: 45px; position: absolute; top: 50%; margin-top: -35px; font-size: 0; text-indent: -100%; z-index: 1001; }
.section-product .slider .slick-prev { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/arrow-prev.png) 50% no-repeat; left: 20px; }
.section-product .slider .slick-next { background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/arrow-next.png) 50% no-repeat; right: 26px; }
.section-product .slider .slick-disabled { cursor: default; opacity: .2; }
.section-product .slider-clip { margin-left: 8.5%; overflow: hidden; position: relative; }
.section-product .slider-clip li { float: left; border-right: 15px solid transparent; }
.section-product .slider-clip li img { width: 100%; height: auto; }
.section-product .slider-nav { width: 7%; position: absolute; top: 0; left: 0; }
.section-product .slider-nav li { position: relative; padding-bottom: 148%; overflow: hidden; opacity: 0.5; }
.section-product .slider-nav li ~ li { margin-top: 13%; }
.section-product .slider-nav li.active { opacity: 1; }
.section-product .slider-nav img { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: auto; }
@media (max-width:767px) {
    .section-product .slider-clip { margin-left: 0; }
    .section-product .slider-clip li { border: 0 none; }
    .section-product .slider-nav { display: none; }
    .section-product .slider .slick-prev, .slider .slick-next { width: 18px; height: 35px; margin-top: -17.5px; }
    .section-product .slider .slick-prev { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/arrow-prev-mobile.png); background-size: 18px 35px; -webkit-background-size: 18px 35px;   left: 21px; }
    .section-product .slider .slick-next { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/arrow-next-mobile.png); background-size: 18px 35px; -webkit-background-size: 18px 35px; right: 5px; margin-top: -21px; }
}

/* ------------------------------------------------------------ *\
	Popup koral-size-guide
\* ------------------------------------------------------------ */
.mfp-wrap.size-guide { cursor: pointer; }
.mfp-wrap.size-guide .mfp-close:before { content: ''; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/popup-close.jpg) no-repeat 0 0; width: 30px; height: 30px; display: block; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: auto; opacity: 1; margin-top: 40px; cursor: pointer !important; }
.mfp-bg.size-guide.mfp-ready { background: #fff; }

/* ------------------------------------------------------------ *\
	popup wishlist
\* ------------------------------------------------------------ */
.mfp-bg.wishlist { background: #fff; }
.mfp-wrap.wishlist .mfp-content { max-width: 930px; background: #fff; width: 100%; }
.mfp-wrap.wishlist .popup-content { display: -webkit-flex; -moz-flex; -ms-flex; -o-flex; flex; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }
.mfp-wrap.wishlist .popup-image { width: 47%; background-size: cover; background-position: center; }
.mfp-wrap.wishlist .popup-text { width: 53%; padding: 196px 28px 200px; }
.mfp-wrap.wishlist .popup-text h2 { font-size: 26px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 5px; }
.mfp-wrap.wishlist .popup-text h3 { font-size: 23px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; margin-bottom: 25px; }
.mfp-wrap.wishlist .product-title { display: inline-block; margin-right: 10px; }
.mfp-wrap.wishlist .product-title p { font-size: 22px; text-transform: uppercase; font-weight: 500;}
.mfp-wrap.wishlist .field { border: 1px solid #a9a9a9; border-radius: 0; background: #fff; color: #a9a9a9; font-size: 14px; text-transform: uppercase; text-align: center; height: 42px; padding: 0 10px; width: calc(100% - 160px); font-weight: 500; }
.mfp-wrap.wishlist .field:focus { color: #000; }
.mfp-wrap.wishlist .form-btn { background: #000; color: #fff; border: 0; border-radius: 0; padding: 0 10px; height: 42px; text-align: center; width: 153px; float: right; font-size: 12px; line-height: 1.3; }
.mfp-wrap.wishlist .form-btn:hover { opacity: .7; }
.mfp-wrap.wishlist .form-actions { width: 100%; text-align: left; position:relative;}
.mfp-wrap.wishlist .form-actions:after { content: ''; line-height: 0; display: table; clear: both; }
.mfp-wrap.wishlist .mfp-close:before { content: ''; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/btn-close-secondar.png) no-repeat 0 0; width: 30px; height: 30px; display: block; }
.mfp-wrap.wishlist .form-wishlist { width: 94%; }
.mfp-wrap.wishlist .form .form-label.hidden { display: none; }
.mfp-wrap.wishlist .form-col { padding: 0; }
.mfp-wrap.wishlist .form-col .form-controls { display: inline-block; vertical-align: bottom; }
.mfp-wrap.wishlist .form-error { font-size: 10px; text-transform: uppercase; color: #f00; padding: 10px 0; padding-left: 0px; display: block; font-style: italic; font-weight: 700; }
.mfp-wrap.wishlist button.mfp-close { top: 6px; }
.mfp-wrap.wishlist .form .select { width: 90px; }
.mfp-wrap.wishlist .form select { height: 30px; border-width: 1px; border-radius: 0; }
.mfp-wrap.wishlist .form .select:after { height: 27px;  background-position: 5px -285px; }
.catalog-product-view .form-wishlist .validation-advice {padding-top:1px;}

@media(max-width:991px) {
    .mfp-wrap.wishlist .popup-text { padding: 100px 20px; }
    .mfp-wrap.wishlist .popup-text h2 { font-size: 28px; }
    .mfp-wrap.wishlist .popup-text h3 { font-size: 22px; }
    .mfp-wrap.wishlist .popup-text p { font-size: 18px; }
    .mfp-wrap.wishlist .field { width: 100%; margin-bottom: 20px; }
    .mfp-wrap.wishlist .form-btn { width: 100%; }
}
@media(max-width:500px) {
    .mfp-wrap.wishlist .mfp-close { transform: scale(0.6); margin-right: -10px; }
    .mfp-wrap.wishlist .popup-text { width: 70%; padding: 50px 20px; padding: 50px 20px 10px; }
    .mfp-wrap.wishlist .popup-text h2 { font-size: 14px; }
    .mfp-wrap.wishlist .popup-text h3 { font-size: 10px; margin-bottom: 10px; }
    .mfp-wrap.wishlist .popup-text p { font-size: 12px; margin-bottom: 10px; }
    .mfp-wrap.wishlist .field { font-size: 10px; margin-bottom: 10px; }
    .mfp-wrap.wishlist .form-btn { font-size: 10px; }
    .mfp-wrap.wishlist .popup-image { width: 30%; }
    .mfp-wrap.wishlist .form .form-row { padding-bottom: 10px; }
    .catalog-product-view .mfp-wrap.wishlist .form .form-row .form-actions.email-action .field { margin-bottom: 18px; }
    .catalog-product-view .mfp-wrap.wishlist .form .form-row { margin-bottom: 8px; }
    .catalog-product-view .form .form-row { margin-bottom: 5px;}
    .catalog-product-view .form-wishlist .form-controls .validation-advice {padding-top:1px;}
    .catalog-product-view .form-wishlist .form-actions.email-action .validation-advice {top: 42px;}
    .mfp-wrap.wishlist button.mfp-close { top: 0; right: 6px; }
}

/* ------------------------------------------------------------ *\
	mfp-bg ajax-shipping
\* ------------------------------------------------------------ */
.mfp-bg.ajax-shipping { background: #fff; }
.mfp-wrap.ajax-shipping .mfp-content { max-width: 676px; background: #fff; padding: 80px 50px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }
.mfp-wrap.ajax-shipping .mfp-content h1 { font-size: 28px; font-weight: 800; margin-bottom: 10px; letter-spacing: 0.08em; }
.mfp-wrap.ajax-shipping .mfp-content h1 a { font-size: 12px; text-decoration: underline; margin-left: 20px; position: relative; top: -2px; font-weight: 500; display: inline-block; }
.mfp-wrap.ajax-shipping .mfp-content h1 a:hover { text-decoration: none; }
.mfp-wrap.ajax-shipping .mfp-content ul { list-style: none; font-size: 17px; font-weight: 500; letter-spacing: 0.09em; margin-left: 14px; line-height: 1.3; margin-bottom: 10px; }
.mfp-wrap.ajax-shipping .mfp-close:before { content: ''; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/btn-close-secondar.png) no-repeat 0 0; width: 30px; height: 30px; display: block; transform: scale(0.8); }
@media(max-width:767px) {
    .mfp-wrap.ajax-shipping .mfp-content { padding: 20px; }
    .mfp-wrap.ajax-shipping .mfp-content h1 { font-size: 16px; letter-spacing: 0.02em; }
    .mfp-wrap.ajax-shipping .mfp-content ul { font-size: 14px; }
    .mfp-wrap.ajax-shipping button.mfp-close { top: 6px; }
}

/* ------------------------------------------------------------ *\
** ------------------------------------------------------------ **
	CATEGORY PAGE UPDATES
** ------------------------------------------------------------ **
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	main top space
\* ------------------------------------------------------------ */

.catalog-category-view .main.top-space { margin-top: 70px; }

/* ------------------------------------------------------------ *\
	Btn chat
\* ------------------------------------------------------------ */

.btn-chat { width: 64px; height: 44px; background: #d5d4d4; position: fixed; bottom: 33px; right: 33px; display: block; z-index: 999; font-size: 14px; }
.btn-chat span { display: block; text-transform: uppercase; font-weight: 800; color: #3e3c3c; padding: 5px 12px; }
.btn-chat:hover { text-decoration: none; background: #1a1a1a; }
.btn-chat:hover span { color: #fff; }
.btn-chat:hover:before { border-color: #1a1a1a transparent transparent transparent; }
.btn-chat:before { content: '';width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0; border-color: #d5d4d4 transparent transparent transparent;
    top: 100%; left: 10px; position: absolute; }

/* ------------------------------------------------------------ *\
	section-aside-secondary
\* ------------------------------------------------------------ */

.section-aside.section-aside-secondary { padding: 0 0px; }

.section-shop.section-shop-secondary { padding: 0 72px 0; }

.section-shop.section-shop-secondary .section-head,
.section-shop.section-shop-secondary .section-body,
.section-shop.section-shop-secondary .section-foot { margin-left: auto; margin-right: auto; }

.section-shop.section-shop-secondary .section-head { padding: 35px 0 15px 0; }
.section-shop.section-shop-secondary .section-head:after { content: ''; line-height: 0; display: table; clear: both; }

.section-shop.section-shop-secondary .section-body { padding-left: 0; position: relative; }

.section-shop.section-shop-secondary .section-aside { position: relative; left: 0; width: 280px; margin-top: 9px; }

.section-shop-secondary .section-foot .paginate { float: right; }
.section-shop-secondary .paginate:after { content: ''; line-height: 0; display: table; clear: both; }
.section-shop-secondary .paginate > a { float: left; }
.section-shop-secondary .paginate ul { list-style: none; float: left; }
.section-shop-secondary .paginate ul:after { content: ''; line-height: 0; display: table; clear: both; }
.section-shop-secondary .paginate ul li { float: left; margin-left: 12px; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 0.02em; }
.section-shop-secondary .paginate .prev { width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent #000000 transparent transparent; display: inline-block; margin-left: 11px; top: 4px; position: relative; }
.section-shop-secondary .paginate .page_prev:hover { border-color: transparent #00dddd transparent transparent; }
.section-shop-secondary .paginate .next { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #000; display: inline-block; margin-left: 14px; top: 4px; position: relative; }
.section-shop-secondary .paginate .page_next:hover { border-color: transparent transparent transparent #00dddd; }
.section-shop-secondary .paginate ul a { position: relative; }
.section-shop-secondary .paginate ul a:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #00dddd; display: none; }
.section-shop-secondary .paginate ul a:hover { text-decoration: none; }
.section-shop-secondary .paginate ul a:hover:before { display: block; }
.section-shop-secondary .section-foot .paginate .next { border-width: 4px 0 4px 4px; margin-top: -1px; }
.section-shop-secondary .section-foot .paginate .prev { border-width: 4px 4px 4px 0; margin-top: -1px; }
.section-shop-secondary .section-foot .paginate ul li { font-size: 12px; font-weight: 500; }

.section-shop-secondary .sort-filter-mobile { display: none; }

.section-top-banner, .section-top-banner-mobile { background-size: cover; background-position: center; margin: 0 -72px; }
.section-top-banner img, .section-top-banner-mobile img { width: 100%; height: auto; }

.section-aside.section-aside-secondary .current > a:before { width: 100%; content: ''; position: absolute;  top: 100%;  left: 0; height: 2px; background: #00dddd; }
.section-aside.section-aside-secondary  li a:hover { color: #00dddd; }
.section-aside.section-aside-secondary .current > a { color: #000; }
#category-products { padding-left: 100px; }

@media(min-width: 1800px){
    .section-shop.section-shop-secondary .section-head,
    .section-shop.section-shop-secondary .section-body,
    .section-shop.section-shop-secondary .section-foot { max-width: 100%; }
}

@media(max-width: 1024px){
    .section-shop.section-shop-secondary .section-aside { position: absolute; }
    #category-products { padding-left: 0; }
    .section-shop.section-shop-secondary .section-body { padding-left: 320px; }
}

/* ------------------------------------------------------------ *\
	category-filters
\* ------------------------------------------------------------ */

.category-filters { padding-bottom: 69px; }
.category-filters ul { list-style: none; }
.category-filters li { text-transform: uppercase; }
.category-filters li:hover > a:before { width: 100%; }
.category-filters li.expand > a:before { width: 100%; }

.category-filters a { display: inline-block; letter-spacing: 0.18em; position: relative; position: relative; font-weight: 400; }
.category-filters a:hover { text-decoration: none; }
.category-filters a:before { content: ''; position: absolute; top: 100%; left: 0; width: 0%; height: 2px; background: #00dddd; }

.category-filters > ul > li > a { font-size: 18px; margin-bottom: 20px; font-weight: 400; }

.category-filters .submenu { margin-bottom: 0px; display: none; }
.category-filters .submenu li { margin-left: 20px; }
.category-filters .submenu a { font-size: 17px; margin-bottom: 15px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0; }
.widget-filter .mCSB_scrollTools .mCSB_dragger { left: 4px !important; }


@media(min-width: 1800px){
    .category-filters { padding-bottom: 33px; }
    .category-filters a { font-size: 13px; }
    .category-filters > ul > li > a { font-size: 13px; margin-bottom: 15px; }

    .category-filters .submenu a { font-size: 13px; margin-bottom: 15px; }
    .category-filters .submenu li { margin-left: 28px; }


}

@media(max-width: 1800px){
    .category-filters { padding-bottom: 33px; }
    .category-filters a { font-size: 13px; font-weight: 400; }
    .category-filters > ul > li > a { font-size: 13px; margin-bottom: 15px; }

    .category-filters .submenu a { font-size: 13px; margin-bottom: 15px; }
    .category-filters .submenu li { margin-left: 28px; }

    .list-view-numbers li { font-weight: 500; }
}

/* ------------------------------------------------------------ *\
	filter-title
\* ------------------------------------------------------------ */

h3.filter-title { font-size: 13px; font-weight: 400; letter-spacing: 0.08em; margin-bottom: 5px; }
h3.filter-title small { display: none; }


/* ------------------------------------------------------------ *\
	widget filter
\* ------------------------------------------------------------ */

.widget-filter { background: #f0f4f7; margin-bottom: 16px; max-width: 331px; }
.widget-filter .widget-head { padding: 10px 13px; letter-spacing: 0.06em; position: relative; }
.widget-filter .widget-head:after { content: ''; line-height: 0; display: table; clear: both; }
.widget-filter .widget-head a.expand:after { content: ''; line-height: 0; display: table; clear: both; }
.widget-filter .widget-head a.expand:hover { text-decoration: none; }
.widget-filter .widget-head a.expand { display: block; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; }
.widget-filter .widget-head a.expand.active small:before { display: none; }
.widget-filter .widget-head a.expand small {float: right; font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 11px; height: 11px; position: relative; vertical-align: top; top: 4px; margin-left: 2px; }
.widget-filter .widget-head a.expand small:before { content: ''; position: absolute; top: 0px; left: 5px; height: 11px; width: 1px; background: #000; }
.widget-filter .widget-head a.expand small:after { content: ''; position: absolute; left: 0px; top: 5px; height: 1px; width: 11px; background: #000; }

.widget-filter .widget-head a:last-child { position: absolute; top: 10px; right: 35px; font-size: 12px; font-weight: 500; text-transform: uppercase; text-decoration: underline; padding: 2px 0; opacity: 0; transition: all .3s; letter-spacing: .05em; visibility: hidden; }
.widget-filter .widget-head a:last-child:hover { text-decoration: none; }
.widget-filter .widget-head a.expand.active + a:last-child { opacity: 1; visibility: visible; }

.widget-filter .widget-body { padding: 18px; padding-top: 8px; display: none; height: 267px; overflow-y: auto; overflow-x: hidden; }
.widget-filter .widget-body ul { list-style: none; }
.widget-filter .widget-body .cols:after { content: ''; line-height: 0; display: table; clear: both; }
.widget-filter .widget-body .col { float: left; width: 50%; }
.widget-filter .widget-body .list-checkboxes { font-size: 15px; font-weight: 700; }
.widget-filter .widget-body .list-checkboxes li { padding-bottom: 11px; }
.widget-filter .widget-body .list-checkboxes li label { font-weight: 400; font-size: 15px; }
.widget-filter .widget-body .list-checkboxes .checkbox label:before { width: 7px; height: 7px; margin-right: 8px; position: relative; top: 4px; }
.widget-filter .widget-body .filter-subtitle { font-size: 16px; text-transform: uppercase; font-weight: 400; margin-bottom: 5px; display: inline-block; }
.widget-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 8px; height: 8px; background: #000; }
.widget-filter .mCSB_scrollTools .mCSB_dragger { min-height: 8px !important; border-radius: 0 !important; width: 8px !important; height: 8px !important; background: #000 !important; left: 3px; }

.widget-filter .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; }

.widget-filter .checkboxes-color label span { width: 7px; height: 7px; margin-right: 8px; position: relative; top: 4px; display: inline-block; }
.widget-filter .checkboxes-color label span > img { vertical-align: top; }

.widget-filter .black { background: #000; border: 1px solid #000; }
.widget-filter .grey { background: #666666; border: 1px solid #666666; }
.widget-filter .white { background: #fff; border: 1px solid #000;}
.widget-filter .red { background: #ec102a; border: 1px solid #ec102a; }
.widget-filter .orange { background: #da7101; border: 1px solid #da7101; }
.widget-filter .yellow { background: #ffe347; border: 1px solid #ffe347; }
.widget-filter .green { background: #11bc25; border: 1px solid #11bc25; }
.widget-filter .blue { background: #4c54f8; border: 1px solid #4c54f8; }
.widget-filter .purple { background: #840ca6; border: 1px solid #840ca6; }
.widget-filter .pink { background: #e15ea2; border: 1px solid #e15ea2; }
.widget-filter .multi { background: #501a8a; border-top: 1px solid #d020a8; border-bottom: 1px solid #d31d1d; position: relative; }
.widget-filter .multi:before { content: ''; height: 2px; background: #1ac8d7; display: inline-block; width: 100%; position: absolute; top: 1px; left: 0; }
.widget-filter .multi:after { content: ''; height: 2px; background: #c9d51d; display: inline-block; width: 100%; position: absolute; bottom: 1px; left: 0; }

@media(max-width: 1800px){
    .widget-filter .widget-head a:first-child { font-weight: 400; }
}

/* ------------------------------------------------------------ *\
	breadcrumbs-secondary
\* ------------------------------------------------------------ */

.breadcrumbs-secondary { text-align: left; float: left; padding-top: 0px; }
.breadcrumbs-secondary,
.breadcrumbs-secondary span,
.breadcrumbs-secondary a { font-size: 16px; color: #000; font-weight: 500; }

/* ------------------------------------------------------------ *\
	New sort filter styles
\* ------------------------------------------------------------ */

.section-shop .section-head:after { content: ''; line-height: 0; display: table; clear: both; }
.section-shop .section-head .sort-filter-wrap { float: right; }
.section-shop .section-head .sort-filter-wrap:after { content: ''; line-height: 0; display: table; clear: both; }

.sort-filter-inner:after { content: ''; line-height: 0; display: table; clear: both; }
.sort-filter-inner .list-view-numbers { float: left; margin: 0; }

.sort-filter-inner .paginate { float: left; }
.sort-filter-inner .paginate:after { content: ''; line-height: 0; display: table; clear: both; }
.sort-filter-inner .paginate > a { float: left; }
.sort-filter-inner .paginate ul { list-style: none; float: left; }
.sort-filter-inner .paginate ul:after { content: ''; line-height: 0; display: table; clear: both; }
.sort-filter-inner .paginate ul li { float: left; margin-left: 12px; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 0.02em; }
.sort-filter-inner .paginate .prev { width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent #000000 transparent transparent; display: inline-block; margin-left: 11px; top: 4px; position: relative; }
.sort-filter-inner .paginate .page_prev:hover { border-color: transparent #00dddd transparent transparent; }
.sort-filter-inner .paginate .next { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #000; display: inline-block; margin-left: 14px; top: 4px; position: relative; }
.sort-filter-inner .paginate .page_next:hover { border-color: transparent transparent transparent #00dddd; }
.sort-filter-inner .paginate ul a { position: relative; }
.sort-filter-inner .paginate ul a:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #00dddd; display: none; }
.sort-filter-inner .paginate ul a:hover { text-decoration: none; }
.sort-filter-inner .paginate ul a:hover:before { display: block; }



.sort-dropdown { position: relative; float: right; }
.sort-dropdown > a { text-align: right; font-weight: 500; font-size: 15px; letter-spacing: 0.2em; position: relative; right: -4px; }
.sort-dropdown > a:before { content: ''; position: absolute; top: 100%; left: 0; width: calc(100% - 18px); height: 1px; background: #00dddd; display: none; }
.sort-dropdown > a:hover { text-decoration: none; }

.sort-dropdown > a:hover:before { display: block; }
.sort-dropdown > a:after { content: ''; width: 10px; height: 0; border-style: solid; display: inline-block; margin-left: 10px; top: -2px; position: relative; border-width: 0 5px 6px 5px;
    border-color: transparent transparent #000000 transparent; }
.sort-dropdown > a.active:after { height: 0; border-width: 6px 5px 0 5px;
    border-color: #000000 transparent transparent transparent; }

.sort-dropdown ul { list-style: none; padding: 28px 20px; position: absolute; top: 100%; right: 0; z-index: 100; width: 307px; background: rgba(255, 255, 255, 0.8); text-align: right; display: none; }
.sort-dropdown ul a { text-transform: uppercase; font-size: 15px; display: inline-block; font-weight: 500; display: inline-block; margin-bottom: 13px; letter-spacing: 0.08em; position: relative; }
.sort-dropdown ul a:before { content: ''; position: absolute; top: 100%; right: 0; width: 100%; height: 1px; background: #00dddd; display: none; }
.sort-dropdown ul a:hover { text-decoration: none; }
.sort-dropdown ul a:hover:before { display: block; }

.list-view-numbers { list-style: none; letter-spacing: 0.1em; margin-right: 5px; }
.list-view-numbers:after { content: ''; line-height: 0; display: table; clear: both; }
.list-view-numbers li { float: left; font-weight: 500; font-size: 15px; text-transform: uppercase; margin-right: 15px; }
.list-view-numbers li a { display: inline-block; position: relative; }
.list-view-numbers li a:hover { text-decoration: none; }
.list-view-numbers li a:hover:before { display: block; }
.list-view-numbers li a:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #00dddd; display: none; }
.list-view-numbers li span { display: inline-block; letter-spacing: 0.2em; }
.list-view-numbers a.current::before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #000; display: block; }
.list-view-numbers a.current:hover::before { background: #00dddd; }
.list-view-numbers a.current:hover { color: #00dddd; }

.designers_page .section-shop.section-shop-secondary { padding-top: 0; }

/* track top location in category page */
#toploc { position: fixed; visibility: hidden; width:0px; height:0px; z-index: -100; }

/*checkout*/
.checkout #gc-form-validate .field { width: 100%; }
.checkout #gc-form-validate .form-btn.btn.btn-dark {height: 27px; line-height: 27px; text-align: center; min-width: 102px; margin-right: 23px; }
.checkout #gc-form-validate .form-col { padding: 0 24px; }
.checkout #gc-form-validate .form-col.form-col-1of3 { width: 185px; }
.checkout #gc-form-validate .form-col.form-col-size3 { margin: 32px -50px 0 0; padding: 0 0 0 23px; }
.checkout #gc-form-validate .validation-advice{ margin-top: 0; padding-top: 0; font-style: italic; letter-spacing: -.05em; font-size: 10px; }
.checkout .gc-apply-form .form-controls + .form-controls { margin-top: 9px; }
.checkout .gc-apply-form a { display: inline-block; font-size: 10px; line-height: 1.73; color: #353132; text-transform: uppercase; vertical-align: bottom; text-decoration: underline; }
.checkout .gc-apply-form a.btn-popup{ font-size: 10px; line-height: 1.9; color: #1f1f1f; text-decoration: underline; }
.checkout .gc-apply-form a.btn-popup:hover{  text-decoration: none; }
.checkout .gc_applied_list {margin-top:25px;}
.checkout .gc_applied_list ul { list-style: none;  margin-bottom:0;}
.checkout .gc_applied_list ul.title {font-weight:bold;}
.checkout .gc_applied_list li { display:inline-block; padding-right: 40px; font-size:10px;}
.checkout .gc_applied_list ul li a { font-weight: bold; text-decoration: underline; }
.checkout .gc_applied_list ul li a:hover { text-decoration: none; }
.checkout .gc_repeat {font-size:11px; text-transform: uppercase;}
.checkout #co-payment-form .form-section { padding-bottom: 4px; }

/* checkout giftcard popup */
/* ------------------------------------------------------------ *\
	Popup Check
\* ------------------------------------------------------------ */
.popup-check { visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1309; width: 100%; height: 100%; opacity: 0; transition: opacity .3s, visibility .3s; }
.popup-check.expand { visibility: visible; opacity: 1; }
.popup-check .popup-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .62); }
.popup-check .popup-inner { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 576px; padding: 30px 60px; background-color: #ffffff; text-align: center; transform: translate(-50%, -50%); box-shadow: 1px 2px 8px 0 rgba(124,121,122,.23); }
.popup-check a.popup-close { position: absolute; top: 0; right: 5px; width: 12px; height: 12px; }
.popup-check a.popup-close:after,
.popup-check a.popup-close:before { content: ''; position: absolute; top: 50%; width: 2px; height: 10px; background-color: #1c1a1a; transform-origin: center center; }
.popup-check a.popup-close:after { transform: rotate(45deg); }
.popup-check a.popup-close:before { transform: rotate(-45deg); }

.popup-check .popup-title,
.popup-check .popup-price { margin: 11px 0 9px; font-size: 21px; line-height: 1; text-transform: uppercase; letter-spacing: .02em; font-weight: 500; text-align: center; }

.popup-check .popup-inner > .popup-price { margin-bottom: 22px; font-size: 29px; }
.popup-check .popup-inner > p { margin-bottom: 35px; font-size: 16px; letter-spacing: .02em; color: #0a0a0a; }
.popup-check .popup-inner > p strong { display: block; font-weight: 700; }
.popup-check .popup-inner > p a { font-weight: 700; text-decoration: none; }
.popup-check .popup-inner > p a:hover { text-decoration: underline; }
.popup-check .popup-inner > .btn { min-width: 154px; height: 32px; padding: 0 15px; background-color: #0a0a0a; font-size: 14px; line-height: 32px; font-weight: 400; letter-spacing: .02em; border: none; }

@media(max-width: 767px) {
    .popup-check .popup-inner { left: 0; width: calc(100% - 40px); margin: 0 20px; padding: 15px; transform: translate(0, -50%); }
    .popup-check .popup-inner > p strong { display: inline; }
}

/* ------------------------------------------------------------ *\
	Form Check Balance
\* ------------------------------------------------------------ */

.form-check-balance .form-title { margin-bottom: 19px; font-size: 26px; line-height: 1; text-transform: uppercase; letter-spacing: .02em; font-weight: 500; text-align: center; }

.form-check-balance .form-row { padding-bottom: 0; margin-bottom: 10px; }

.form-check-balance .form-label { display: inline-block; padding-bottom: 12px; font-size: 15px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; position: unset; }

.form-check-balance .field { display: block; width: 100%; height: 31px; max-width: 266px; margin: 0 auto; border: 1px solid #aaa; text-align: center; }

.form-check-balance .checkout-alert { padding-bottom: 0; margin-top: 0; font-size: 10px; line-height: 1.9; font-style: italic; }

.form-check-balance .form-actions { padding-top: 4px; text-align: center; }
.form-check-balance .form-actions .form-btn { min-width: 154px; height: 32px; padding: 0 8px; background-color: #0a0a0a; font-size: 14px; line-height: 32px; letter-spacing: .02em; border: none; }


@media(max-width: 1024px){
    /*.main.top-space { margin-top: 0; }*/

    .section-shop.section-shop-secondary { padding: 66px 20px 0; }

    .section-top-banner, .section-top-banner-mobile { margin: 0 -20px; }

    .category-filters > ul > li > a { font-size: 15px; }
    .category-filters .submenu a { font-size: 15px; }

    .widget-filter .widget-head a:first-child { letter-spacing: 0.02em; }
    .widget-filter .widget-head a:last-child { letter-spacing: 0.02em; }

    .widget-filter .widget-body { padding: 10px; }
    .widget-filter .widget-body .list-checkboxes li label { font-size: 14px; padding-left: 14px; position: relative; }
    .widget-filter .widget-body .list-checkboxes li label:before { position: absolute !important; left: 0 !important; }
}

@media(max-width: 800px){
    .breadcrumbs-secondary { float: none; }
    .section-shop .section-head .breadcrumbs { padding: 0px 20px 5px; margin-top: -5px; }

    .section-shop.section-shop-secondary { padding: 0 20px 0; }

    .section-shop .section-head .sort-filter-wrap { display: none; }
    .sort-filter-inner .list-view-numbers { display: none; }
    .sort-filter-inner .paginate { display: none; }
    .section-shop-secondary .section-foot { display: none; }
    .section-shop-secondary .section-foot .paginate { display: none; }

    .section-shop.section-shop-secondary .section-aside { display: block; width: 100%; float: none; padding: 0; position: static; }
    .section-shop.section-shop-secondary .section-body { padding-left: 0; }
    .section-shop.section-shop-secondary .col-main { width: 100%; float: none; }
    .section-shop.section-shop-secondary .section-aside .category-filters { display: none; }

    .widget-filter { max-width: calc(100% + 40px); margin: 0 -20px; width: calc(100% + 40px); }
    .widget-filter .widget-head { text-align: center; }
    .widget-filter .widget-head a:first-child { float: none; }
    .widget-filter .widget-head a:last-child { float: none; display: block; height: 0; display: none; }

    .widget-filter .widget-body { background: #fff; }

    h3.filter-title { background: #f9f9f9; margin: 0 -20px 0; padding: 10px 20px; text-align: center; font-size: 15px; cursor: pointer; }
    h3.filter-title small { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 10px; height: 10px; position: relative; vertical-align: top; top: 4px; margin-left: 2px; }
    h3.filter-title small:before { content: ''; position: absolute; top: -1px; left: 5px; height: 11px; width: 1px; background: #000; }
    h3.filter-title small:after { content: ''; position: absolute; left: 0px; top: 4px; height: 1px; width: 11px; background: #000; }

    h3.filter-title ~ .widget-filter { display: none; margin-top: 4px; }
    h3.filter-title.active small:before { display: none; }


    .section-shop-secondary .sort-filter-mobile { display: block; }
    .section-shop-secondary .sort-dropdown-mobile { float: none; border: 1px solid #727272; height: 36px; }
    .section-shop-secondary .sort-dropdown-mobile > a { display: block; text-align: left; line-height: 34px; padding: 0 20px; position: relative; }
    .section-shop-secondary .sort-dropdown-mobile > a:hover { text-decoration: none; }
    .section-shop-secondary .sort-dropdown-mobile > a:before { content: ''; height: 100%; position: absolute; top: 0; right: 40px; width: 1px; background: #727272; display: block; left: auto; }
    .section-shop-secondary .sort-dropdown-mobile ul { display: block; position: relative; width: calc(100% + 2px); text-align: left; z-index: 500; background: #fff; top: 1px; left: -1px; right: -1px; border: 1px solid #727272; border-top: 0; }
    .section-shop-secondary .sort-dropdown-mobile ul { list-style: none; }
    .section-shop-secondary .sort-dropdown-mobile ul a { padding: 5px 10px; display: inline-block; text-transform: uppercase; }

    .section-shop-secondary .sort-dropdown-mobile > a:after { position: absolute; top: 13px; right: 20px; transform: rotate(90deg); }

    .btn-chat { width: 40px; height: 30px; background: #d5d4d4; position: fixed; bottom: 33px; right: 33px; display: block; z-index: 999; font-size: 10px; }
    .btn-chat span { display: block; text-transform: uppercase; font-weight: 800; color: #3e3c3c; padding: 5px 7px; line-height: 1; }
    .btn-chat:hover { text-decoration: none; background: #1a1a1a; }
    .btn-chat:hover span { color: #fff; }
    .btn-chat:hover:before { border-color: #1a1a1a transparent transparent transparent; }
    .btn-chat:before { content: '';width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 0; border-color: #d5d4d4 transparent transparent transparent; top: 100%; left: 10px; position: absolute; }

    .widget-filter .widget-body .list-checkboxes .checkbox label:before { width: 16px; height: 16px; position: relative !important; top: 0; }
    .widget-filter .widget-body .list-checkboxes li label { font-size: 15px; }
    .widget-filter .checkboxes-color label span { width: 16px; height: 16px; border-radius: 50%; top: 1px; overflow: hidden; }
    .widget-filter .multi:before { height: 3px; top: 2px; }
    .widget-filter .multi:after { height: 3px; bottom: 2px; }

    .form-checkout-shipping .form-col .form-row { padding-bottom: 0; }
    .form-col.form-col-1of3.req-signature { padding-top: 20px; }
}

@media(max-width: 767px){
    .nav-shop-mobile select { appearance: none; -webkit-appearance: none; }

    .section-shop.section-shop-secondary { padding: 17px 20px 0; }

    .section-aside.section-aside-secondary { margin-top: 0px; }

    .product-compact .product-like { top: 0; right: 0; }
}

/* ------------------------------------------------------------ *\
	New update styles
\* ------------------------------------------------------------ */

.widget-filter { max-width: 236px; margin-bottom: 7px; }

.widget-filter .widget-head { padding: 9px 13px 9px; }
.widget-filter .widget-head a:first-child { font-size: 12px; }
.widget-filter .widget-head a:first-child small { top: 4px; }
.widget-filter .widget-head a:first-child small:before { height: 7px; left: 3px; }
.widget-filter .widget-head a:first-child small:after { width: 7px; top: 3px; }

.widget-filter .widget-head a:last-child { font-size: 9px; }

.widget-filter .widget-body { padding-top: 0; }
.widget-filter .widget-body { height: 218px; padding-right: 0; }

.widget-filter .widget-body .list-checkboxes li { padding-bottom: 5px; }
.widget-filter .widget-body .list-checkboxes li label { font-size: 11px; }
.widget-filter .widget-body .list-checkboxes .checkbox label:before { top: 2px; }
.widget-filter .checkboxes-color label span { top: 2px; }

.widget-filter .widget-body .filter-subtitle { font-size: 12px; }

@media(max-width: 1800px){

    .section-aside.section-aside-secondary { margin-top: 9px; }
    .breadcrumbs-secondary span,
    .breadcrumbs.breadcrumbs-secondary a,
    .breadcrumbs.breadcrumbs-secondary { font-size: 16px; }

    .section-shop.section-shop-secondary .section-head { padding: 35px 0 15px 0; }

    .section-shop.section-shop-secondary { padding: 0 63px 0; }

    .designers_page .section-shop.section-shop-secondary { padding-top: 0; }

    .list-view-numbers li { font-size: 12px; margin-right: 10px; }

    .sort-filter-inner .paginate ul li { font-size: 12px; }

    .sort-dropdown > a { font-size: 12px; font-weight: 500; }
    .sort-dropdown > a:after { margin-left: 6px; width: 10px; display: inline-block; border-width: 0 5px 5px 5px; border-color: transparent transparent #000000 transparent; }
    .sort-dropdown > a.active:after { height: 0px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #000000 transparent transparent transparent; }
    .sort-dropdown ul { padding: 14px 9px; }
    .sort-dropdown ul a { font-size: 12px; margin-bottom: 6px; }

    .sort-filter-inner .paginate .next { border-width: 4px 0 4px 4px; margin-left: 12px; top: 3px; }
    .sort-filter-inner .paginate .prev { border-width: 4px 4px 4px 0; margin-right: 6px; top: 3px; 	 }

    .sort-filter-inner .paginate ul { margin-bottom: 8px; }
    .sort-filter-inner .paginate ul li { margin-left: 7px; }

    h3.filter-title { font-size: 13px; letter-spacing: 0.18em; margin-bottom: 12px; }

    .section-shop .section-head .sort-filter-wrap { margin-top: 5px; }

}

@media(max-width: 767px){
    .section-aside.section-aside-secondary { margin-top: 0px; }
    .widget-filter { margin: 0 -20px 14px; width: calc(100% + 40px); max-width: calc(100% + 40px); }
    .widget-filter .widget-body { padding: 10px; }
}

@media(max-width: 1024px){
    .product-compact .product-like { opacity: 1; }

    .section-shop.section-shop-secondary { padding: 66px 20px 0; }
}

@media (max-width: 800px) {
    .breadcrumbs.breadcrumbs-secondary a,
    .breadcrumbs.breadcrumbs-secondary { text-align: center; font-size: 14px; }
    .section-shop.section-shop-secondary {padding: 0 20px 0; }
    .widget-filter { margin: 0 -20px 14px; width: calc(100% + 40px); max-width: calc(100% + 40px); }
    .widget-filter .widget-body { padding: 10px; }
    .header { border-bottom: none; height: auto;}
    .bar-bottom {
        line-height: 1em;
        background: #ebebeb;
        text-transform: uppercase;
        color: #000;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
    }
    .header-inner_container {
        border-bottom: 1px solid #ebebeb;
        height: 62px;
        background-color: #fff;
    }
    span.price { font-size: 14px; }
    .section-shop.section-shop-secondary .section-head { padding: 15px 0 15px; }
    body.checkout-onepage-index .header { height: auto; }
}

@media (max-width: 767px) {
    .section-shop.section-shop-secondary {padding: 0px 20px 0; }
    .header { border-bottom: none; }
    .header-inner_container { }
}

@media(max-width: 1280px){
    .widget-filter .widget-body .filter-subtitle,
    .widget-filter .widget-body .list-checkboxes li label,
    .widget-filter .widget-head a:first-child,
    h3.filter-title,
    .category-filters a { font-weight: 400; }

    .section-aside.section-aside-secondary { margin-top: 0;  }

    .list-view-numbers { margin-right: 10px; }
    .list-view-numbers li { margin-right: 10px; }

    .category-filters a:before { content: ''; position: absolute; top: 100%; left: 0; width: 0%; height: 1px; background: #00dddd; }
}

@media(max-width: 800px){
    .section-top-banner { display: none; }

    h3.filter-title { letter-spacing: normal; background: #f0f4f7; margin: 0 -20px 14px; padding: 12px 20px; text-align: center; font-size: 15px; cursor: pointer; }

    .widget-filter .widget-body .list-checkboxes li label { font-size: 13px; line-height: 2; }
    .widget-filter .widget-body .list-checkboxes .checkbox label:before { top: 4px; }

    .widget-filter .widget-head { padding: 12px; }
    .widget-filter .widget-head a:first-child small { top: 4px; }
    .widget-filter .widget-head a.expand small { float: none; }
    .widget-filter .widget-head a:first-child { font-size: 15px; }
}

@media(max-width: 767px){
    .widget-filter .widget-head a.expand { letter-spacing: 0.08em; }
}


/* PDP exclusive icon */
.section-product .slider-wrap{ position: relative; padding-top: 6px; }
.section-product .product-exclusive { position :absolute; top: -2px; left:9%; font-weight: 600; color: #0dd; font-size: 11px; text-transform: uppercase; z-index: 5;}
.section-product .product-exclusive > div { padding-left: 10px; line-height: 14px; letter-spacing: 1px; margin-top: 15px; }
.section-product .description-exclusive { color: #0dd; }
@media(max-width: 1023px){
    .section-product .product-exclusive {  left:8.75%;}
}
@media(max-width: 767px){
    .section-product .product-exclusive {  left:0.75%;}
}

/* ------------------------------------------------------------ *\
	Popup box
\* ------------------------------------------------------------ */
.splash#CoverPop-cover-topbanner .CoverPop-inner { text-align:center; }
#CoverPop-cover-topbanner { display: none; z-index:0;}
.CoverPop-open-topbanner #CoverPop-cover-topbanner { position: absolute; display:block; z-index: 100000; left:0; right:0; top:0; bottom:0; margin:auto; }

.popup-box { background-color: #fff; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3); display: inline-block; left: 0; right: 0; bottom: 0; top: 0; margin: auto; max-height: 463px; max-width: 680px; position: fixed; }
.popup-box .popup-box-inner { position: absolute; top:50%; left:0; width: 100%; padding: 20px; transform: translateY(-50%); }
.popup-box .popup-image { display:block; width: 100%; height: 100%; object-fit: cover; }
.popup-box .CoverPop-close-topbanner { position: absolute; display: inline-block; width: 13px; height: 13px; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/ico-close-popover.png) no-repeat 0 0; top: 7px; right: 7px;  cursor: pointer; cursor: hand; }
.popup-placeholder { background: rgba(255,255,255, .6) !important; }
/* ------------------------------------------------------------ *\
	Top Banner
\* ------------------------------------------------------------ */
.top-banner { width: 100%; background:#000; z-index: 100000; color: #fff; text-align:center; font-weight:400; text-transform: uppercase; font-size:13px; padding: 4px 0 5px 0; letter-spacing: 0.12em; transition: transform .1s; }
.top-banner a { color: #fff; font-weight:400; display: inline-block; vertical-align: middle; text-decoration: underline; }
.top-banner a:hover { text-decoration: none; }
.top-banner span { display: inline-block; vertical-align: middle; padding: 0 10px; }
.top-banner .bar-divider { position: relative; top:-2px; }

@media (max-width: 767px){
    .popup-box {margin: 35px 30px 15px 30px;  }
    .top-banner { font-size:11px; letter-spacing: 0; }
    .top-banner span { padding: 0 4px; }
    .top-banner + .wrapper .header { top:25px; }
}


.promo-message { text-transform: uppercase; font-weight:500; font-size:11px; display:block; clear: both; }
.promo-text { text-transform: uppercase;  font-weight:500; font-size:11px; color: #ff0000; position: relative; }
.cart-item .promo-message { margin-top:0; }
.cart .promo-message { margin-top:1px; }
.checkout-cart-index .cart-item-price .promo-text {display: none;}

/* ------------------------------------------------------------ *\
	Navigation New Styles
\* ------------------------------------------------------------ */

.nav-alt > ul { position: relative; }
.nav-alt > ul > li.dropdown-fullwidth { position: static; }

.nav-alt li.dropdown-fullwidth .nav-dropdown { left: 0; top: 21px; margin-left: 50px; margin-right: 50px; background-color: transparent; }
.nav-alt li.dropdown-fullwidth .nav-dropdown:after { width: 100%; position:absolute; bottom: 0; left: 0; content: ''; height: calc(100% - 10px); }
.nav-alt li.dropdown-fullwidth .nav-dropdown .shell { max-width: 1200px; position: relative; z-index: 2; }
.nav-alt li.dropdown-fullwidth .nav-dropdown-cols { justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.nav-alt li.dropdown-fullwidth  .nav-dropdown-col { width: 12%; }


.nav-alt > ul > li.dropdown-fullwidth:before { display: none; }
.nav-alt > ul > li.dropdown-fullwidth >a { position: relative; }
.nav-alt > ul > li.dropdown-fullwidth >a:before { content: ''; display: block; position: absolute; bottom: -9px; margin-left: 50px; margin-right: 50px; height: 6px; width: 100%; margin: 0; border-bottom: solid 6px #00dddd; z-index: 4; opacity: 0; transition: all .3s; }
.nav-alt > ul > li.dropdown-fullwidth:hover >a:before { opacity: 1; }
.nav-alt > ul > li.dropdown-fullwidth .dropdown-title { font-size: 20px; text-align: center; margin: 0 0 24px; color: #000; font-weight: 900; }
.nav-alt li.dropdown-fullwidth .nav-dropdown-col { width: 12%; padding-right: 20px; }

@media(max-width: 1200px){
    .nav-alt li.dropdown-fullwidth .nav-dropdown-col { width: 15%; padding-right: 20px; }
}

@media(max-width: 1200px){
    .nav-alt .nav-dropdown-col { width: 12%; padding-right: 80px; }
}

.nav-mobile > ul > li > ul > li:first-child a i { margin-top: -15px; }

p.price { margin-bottom: 0.25em; }
#checkout-sidebar-wrapper .order-summary-body .price .promo-text { display: none; }

.gc-apply-form .btn-popup-checkbalance { margin-top: 1em; }

.nav-alt.hidden { display: none; }

/* ------------------------------------------------------------ *\
	KIT :: Section Product  Multi
\* ------------------------------------------------------------ */

.section-product--multi .section-product .section-aside { padding-left:16px; }
.section-product--multi .error-state { font-style: italic; font-weight:500; font-family: 'Brandon Grotesque'; color: #fa2f2f; text-transform: uppercase; font-size:10px; }
.section-product--multi .section-title { font-size:28px; margin-bottom:4px; letter-spacing: 0; }
.section-product--multi .section-aside { padding-left:16px; padding-bottom:30px; }
.product-kit .section-product--multi .section-aside__head p { font-size:12px; text-transform: uppercase; font-weight:500; margin: 0; }
.product-kit .section-product--multi .section-aside__head p.price, .section-product--multi .section-aside__head h6 { font-family: 'Brandon Grotesque'; font-size:16px; font-weight:400; margin: 10px 0 23px 6px; }
.section-product--multi .btn-add { max-width: 247px; margin-bottom:0; }
.section-product--multi .validation-advice { display:none !important; }

.section-product--multi .product-options-inner { height: 500px; overflow: auto; margin-bottom:20px; }

.section-product--multi .product-options-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#000; border-radius: 0; }
.section-product--multi .product-options-inner .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }

/* ------------------------------------------------------------ *\
	KIT:: Look Items
\* ------------------------------------------------------------ */

.look-items { counter-reset: li; list-style:none; list-style-position: outside; padding-left:14px;}
.look-item { counter-increment: li; position: relative; padding-left:8px; margin-bottom:16px; }
.section-product .look-item h4.section-sub-subtitle, .look-item h4 { font-size:13px; margin-bottom:5px; letter-spacing: 0.1em; font-weight:bold; }
.section-product .look-item h4 a { text-decoration: underline; font-weight:900; margin-right:5px; }
.section-product .look-item .look-item__head h4 { margin-bottom:4px; letter-spacing: 0.07em; font-size:16px; }
.section-product .look-item .look-item__head h4:before { content: counter(li) '.'; position: absolute; font-weight:900; font-size:13px; right:100%; }
.look-item .look-item__body p { max-width: 304px; }
.look-item > li:after {  display: inline-block !important; }
.look-item .radios-color { margin-bottom:10px; }
.product-kit .price.special {color: #000; }
.product-kit .section-product--multi .product-options-inner.kit-options-inner .mCSB_scrollTools .mCSB_draggerRail { opacity : 1;}

@media (max-width: 1024px) {
    .section-product--multi .product-options { height: auto; }
    .product-kit #product-options-wrapper { margin-left: 20px; margin-right: 20px; }
    .section-product--multi .radios-size { width: auto; }
    .section-product--multi .section-aside__head p { font-size:11px; }
    .section-product--multi .section-aside__head h6 { margin: 10px 0; }
    .section-product--multi .section-aside__head h6 s { font-weight:700; }

    .section-product--multi .section-aside { padding-left:0; }
    .section-product--multi .btn-add { max-width: 100%; }
    .section-product--multi .error-state { text-align:center; margin-top:4px; }

    .look-item { padding-left:0; text-align:center; }
    .look-item .look-item__head h4 { display: inline-block; font-size:15px; position: relative; }
    .section-product .look-item .look-item__head h4:before { font-size:19px; padding-right:0; }
    .look-item .look-item__head h4 a { margin: 0; font-size:19px; }
    .look-item .look-item__head h4 a:after { content:''; font-size: 0; line-height: 0; text-indent: -4000px; display:block; width: 100%; }
    .look-item .look-item__body p { margin-left:auto; margin-right:auto; font-weight:500; font-size:14px; max-width: 270px; }
    .look-item .list-radios.radios-size {width: auto;}
}


/* ------------------------------------------------------------ *\
	newsletter signup page
\* ------------------------------------------------------------ */

.section--signup { margin-top: 128px; }

.section--signup .form-newsletter,
.section--signup .news2-inner { height: 560px; }
.section--signup .form-newsletter .form-btn { line-height: 33px; }

@media(max-width: 1023px){
    .section--signup { margin-top: 66px; }
    .section--signup .form-newsletter,
    .section--signup .news2-inner { height: 609px; }
}

@media(max-width: 800px){
    .section--signup { margin-top: 74px; }
    .section--signup .form-newsletter,
    .section--signup .news2-inner { height: 540px; }
    .section--signup .form-newsletter { position: relative; background-position: calc(100% + 100px) center; }
    .section--signup .form-newsletter:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background-color: rgba(255,255,255, .85); }
    .section--signup .form-inner { position: relative; z-index: 10; width: 100%; padding-top: 90px; background:none; }
    .section--signup .form-newsletter .form-title { font-size: 28px; margin-bottom: 18px;  }
    .section--signup .form-newsletter .form-head p { font-size: 18px; }
    .section--signup .form-newsletter .form-head p.small { font-size: 18px; }
}

@media(max-width: 767px){
    .section--signup { margin-top: 12px; }
    .form-newsletter .form-inner { width: 100%; }
    .form-newsletter .form-title { font-size: 54px; }
    .form-newsletter .form-head p { font-size: 26px; line-height: 1.23; }
    .form-newsletter .CoverPop-close { right: auto; left: 6px; top: 7px; width: 10px; height: 10px; z-index: 12;
        -webkit-background-size: cover;
        background-size: cover; }
    .form-newsletter { min-height: 0; background-position: 83% center; }
    .form-newsletter .form-head p.small { margin-bottom: 30px; font-size: 21px; letter-spacing: -0.01em; }
    .form-newsletter .form-inner { padding: 105px 5px 50px; min-height: 420px; }
    .section--signup#CoverPop-cover .CoverPop-inner { padding: 0 7px; }
    .form-newsletter.confirmation { padding: 0; }
    .form-newsletter.confirmation .form-title { font-size: 54px; line-height: 0.96; font-weight: 700; letter-spacing: -0.01em; }
    .form-newsletter.confirmation .form-inner form { max-width: 335px; margin: 65px auto 0; }
    .form-newsletter .field { max-width: calc(100% - 115px); }
}

@media(max-width: 400px){
    .section--signup .form-inner { padding-top: 70px; }
    .section--signup .form-newsletter .field { max-width: 246px; width: 100%; margin: 0 0 5px 0; }
    .section--signup .form-newsletter .form-btn { max-width: 246px; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Update PDP slider
\* ------------------------------------------------------------ */

.section-product .slider .slider-nav i { transform: scale(0.6); transform-origin: 5px 50%; pointer-events: none; }
.section-product .slider-wrap .slider .slide { min-height: 532px; max-width: 370px; width: 30.5vw; }
.section-product .slider-wrap .slider .slide--video { max-width: 740px; width: 61vw;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center; }
.section-product .slider .slick-next { right: 31px; }

.video { position: relative; padding-top: 73.5%; width: 100%; }
.video iframe { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }

@media(max-width: 1024px){
    .section-product .slider-wrap .slider .slide { width: 44.6vw; max-width: none; }
    .section-product .slider-wrap .slider .slide--video { display: block; width: 89.2vw; }
    .section-product .slider .slick-next { right: 23px; }
}

@media(max-width: 767px){
    .section-product .slider-wrap .slider .slide { width: calc(100vw - 20px); min-height: 0; }
    .video { padding-top: 150%; }
}

/* IE Fix PDP */
.section-product .slider-wrap .slider .slide--video {
    opacity: 0;
}
.section-product .slider-wrap .slider .slide--video.slick-active {
    opacity: 1;
}

.section-sitemap { margin: 180px auto 20px auto; max-width: 1180px; }
.list-links-sitemap li { display: block; }
.section-sitemap h3 { line-height: 1.1; margin-bottom: 3px; font-size: 27px; font-weight: 500; }
.sitemap-cols { display: inline-block; margin: 25px; vertical-align: top; text-align: left; }
.sitemap .section-index { padding-bottom: 0; }
.sitemap .section-designers-container { margin-top: 0; }
.sitemap .section-designers-container h3 { line-height: 1.1; margin-bottom: 3px; font-size: 27px; font-weight: 500; }


/* ------------------------------------------------------------ *\
	PLP quickview popup
\* ------------------------------------------------------------ */
.popup-quickview .section-product .section-aside { padding-top: 0;}
.popup-quickview .section-product .product-options { padding-bottom: 10px; }
.popup-quickview .section-product .title-price, .popup-quickview .section-product .radios-color { margin-bottom: 16px; }
.popup-quickview .section-product .title-price { margin-bottom: 26px; }
.popup-quickview .section-product .section-aside { width: 50%; padding-right: 33px; padding-left: 33px; }
.popup-quickview .section-product .section-aside .section-sub-subtitle-colors { font-size: 12px; }
.popup-quickview .section-product .list-section-links { display:none; }
.popup-quickview .section-product .btn-add { margin-bottom:10px; }
.popup-quickview .section-product .btn-add--wishlist { box-shadow: 0 0 0 2px #000 inset; background-color: #fff; color: #000; }
.popup-quickview .section-product .btn-add--wishlist .btn__icon { position: relative; margin-left: 9px; }
.popup-quickview .section-product .btn-add--wishlist .btn__icon i { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.popup-quickview .section-product .radio-color { margin-left: 0; }
.popup-quickview .section-product .accordion { display: none; }
.popup-quickview .product-url { font-size: 12px; text-decoration: underline; position: absolute; bottom: 15px; right: 15px; }
.popup-quickview .slick-slide img { margin: 0 auto; }
.popup-quickview .section-product #advice-required-entry-size_att.validation-advice { display: none; }

@media (max-width: 1450px) {
    .popup-quickview .section-product .section-aside { max-width: 100%; }
}
@media (max-width: 1024px) {
    .popup-quickview  .section-product  #product-options-wrapper { display: block; margin: 0; text-align: left; }
}
@media (max-width: 800px){
    .popup-quickview {
        padding: 50px 20px;
    }
    .product-quickview .product-images { float: left; width: 50%; padding: 0 15px; margin: 0;}
}

@media (max-height: 900px) {
    .popup-quickview { padding: 40px 20px; }
}
@media (max-height: 850px) {
    .popup-quickview { padding: 20px; }
}
@media (max-height: 810px) {
    .popup-quickview { padding: 10px; }
}
/* ------------------------------------------------------------ *\
	PDP update
\* ------------------------------------------------------------ */
.main-pdpUpdate { margin-top: 40px; }
.main-pdpUpdate .section-product .section-aside { width: 100%; max-width: 371px; padding-left: 28px; }
.main-pdpUpdate .radios-color { max-width: none; margin-left: -2px; }
.main-pdpUpdate .radios-color li, .popup-quickview .radios-color li { width: 36px; }
.main-pdpUpdate .radios-color .radio label span, .popup-quickview .radios-color .radio label span { width: 26px; max-width: none; height: 26px; margin-left: auto; margin-right: auto; }
.popup-quickview .radios-color .radio label span { margin: 0; text-align: left; }
.main-pdpUpdate .radios-size, .popup-quickview .radios-size { width: 100%; max-width: none; }
.main-pdpUpdate .radios-size li, .popup-quickview .radios-size li { width: 39px; }
.main-pdpUpdate .radios-size .radio label span, .popup-quickview .radios-size .radio label span { width: 32px; height: 30px; margin-left: auto; margin-right: auto; }
.main-pdpUpdate .section-product .btn-add { margin-bottom: 10px; max-width: none; }
.main-pdpUpdate .section-product .btn-add--wishlist { box-shadow: 0 0 0 2px #000 inset; background-color: #fff; color: #000; }
.main-pdpUpdate .section-product .btn-add--wishlist .btn__icon { position: relative; margin-left: 9px; }
.main-pdpUpdate .section-product .btn-add--wishlist .btn__icon i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.main-pdpUpdate .section-product .btn-add--wishlist:hover { opacity: .7; box-shadow: 0 0 0 2px #292727 inset; background-color: #fff; color: #292727; }

.main-pdpUpdate .section-product .btn-add { margin-bottom: 10px; max-width: none; }
.main-pdpUpdate .section-product .btn-add--wishlist { box-shadow: 0 0 0 2px #000 inset; background-color: #fff; color: #000; }
.main-pdpUpdate .section-product .btn-add--wishlist .btn__icon { position: relative; margin-left: 9px; }
.main-pdpUpdate .section-product .btn-add--wishlist .btn__icon i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.main-pdpUpdate .section-product .btn-add--wishlist:hover { opacity: .7; box-shadow: 0 0 0 2px #292727 inset; background-color: #fff; color: #292727; }

.main-pdpUpdate .section-product .list-section-links { margin-bottom: 12px; }

.main-pdpUpdate p.price { margin-bottom: 0.35em; }
.main-pdpUpdate .section-product .accordion { max-width: 100%; padding-right: 33px; }
.main-pdpUpdate .section-product .accordion-entry { width: 100%; max-width: none;  }
.main-pdpUpdate .section-product .section-content-entry a.js-tab-expand { padding-top: 5px; margin-left: 8.5%; text-transform: uppercase; font-size: 11px; display: block; font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; transition: .3s; }
.main-pdpUpdate .section-product .section-content-entry a.js-tab-expand:hover { text-decoration: none; }
.main-pdpUpdate .section-content-entry .price--alt { display: none; }
.main-pdpUpdate .section-product .section-sub-subtitle .section-sub-subtitle-colors { font-size: 12px;  }
.main-pdpUpdate .remaining-msg-holder,
.main-pdpUpdate .remaining-msg,
.main-pdpUpdate .remaining-msg-holder .remaining-msg,
.popup-quickview .remaining-msg-holder,
.popup-quickview .remaining-msg,
.popup-quickview .remaining-msg-holder .remaining-msg { color: #000; }
.main-pdpUpdate .remaining-msg-holder, .popup-quickview .remaining-msg-holder { margin-bottom: 10px; }
.main-pdpUpdate .radios-size .radio label span i { top: 3px; }

@media (max-width: 1450px) {
    .main-pdpUpdate .section-product .section-aside { width: 31.5%; }
}

@media(max-width: 1024px){
    .main-pdpUpdate .section-product .section-aside  { width: 100%; max-width: none; padding-left: 0; }
    .main-pdpUpdate .section-product .accordion  { padding-right: 0; }
    .main-pdpUpdate #product-options-wrapper { width: 100%; max-width: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: left; }
    .main-pdpUpdate .section-product .section-sub-subtitle { width: 100%; max-width: none; text-align: left; }
    .main-pdpUpdate .radios-color { margin-top: -12px; margin-left: 0; }
    .main-pdpUpdate .section-content-entry { margin-top: 0; margin-bottom: 20px; text-align: left; }
    .main-pdpUpdate .section-product .section-content-entry a.js-tab-expand  { margin-left: 0; margin-bottom: 10px; padding: 18px 0 0; }
    .main-pdpUpdate .section-content-entry .price--alt { display: block; font-weight: 700; }
    .main-pdpUpdate .section-aside .price--alt .price { font-size: 18px; font-weight: 700; }
    .main-pdpUpdate .section-aside .price--alt {  padding-bottom: 20px; }
    .main-pdpUpdate .section-product .btn-add { margin-bottom: 10px; }
}

@media(max-width: 800px){
    .main-pdpUpdate { margin-top: 88px; }
}

@media(max-width: 768px){
    .main-pdpUpdate { margin-top: 22px; }
    .main-pdpUpdate span.price { font-size: 20px; }
    .main-pdpUpdate .radios-color li { width: 42px; margin: 0; }
    .main-pdpUpdate .radios-color .radio label span { width: 28px; height: 28px; }
    .main-pdpUpdate .radios-size .radio label span i { top: 7px; }
    .main-pdpUpdate .list-section-links { max-width: none; margin-left: 0; }
    .main-pdpUpdate .list-section-links li { display: inline-block; margin-right: 10px; }
    .main-pdpUpdate .section-content-entry { text-align: center; }
}

@media(max-width: 767px){
    .main-pdpUpdate .radios-color  { margin-top: 0; }
}

@media(max-width: 480px){
    .main.banner_enabled .main-pdpUpdate { margin-top: 22px; }
}

/* ------------------------------------------------------------ *\
	Color Swatches
\* ------------------------------------------------------------ */

.list-colors { display: flex; align-items: center; justify-content: center; list-style-type: none; flex-wrap: wrap; }
.list-colors li { margin-bottom: 12px; margin-left: 3px; margin-right: 4px; }
.list-colors li span { position: relative; display: block; width: 20px; height: 20px; background-size: cover; background-position: center; font-size: 0; line-height: 0; text-indent: -4004px; font-size: 0; cursor: pointer; }
.list-colors li span:before { content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 2px; background: #00d6d6; opacity: 0; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; }
.list-colors .current span:before { opacity: 1; visibility: visible; }
.list-colors li span a { display: block; width: 100%; height: 100%; }
.list-colors li span a.visible mobile { display: none; opacity: 0; visibility: hidden; }
.radios-color li.bordered span,
.list-colors li.bordered { box-shadow: 0 0 0 1px #ddd; }

.product-compact .product-content { padding: 12px 10px 0; }
.product-compact .product-prices { margin-bottom: 12px; }

.product-compact .product-actions--alt { position: absolute; bottom: 35px; left: 0; right: 0; min-height: auto; padding: 0; opacity: 0; background: transparent; z-index: 10; transition: opacity 0.2s linear 0s; }
.product-compact .product-actions--alt .btn-light { position: absolute; top: 0; left: 5px; right: 5px; display: block; height: 25px; padding: 4px 10px; margin: 0 auto; background: rgba(255, 255, 255, 0.48) none repeat scroll 0 0; font-size: 12px; letter-spacing: 0; text-transform: uppercase; text-align: center; appearance: none; transition: background .3s ease-in-out; }
.product-compact .product-actions--alt .btn-light:hover { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; text-decoration: none; }

@media(max-width: 520px) {
    .list-colors li { margin-left: 2px; margin-right: 3px; }
    .list-colors li span { width: 14px; height: 14px; }
    .list-colors li span:before { bottom: -4px; }

    .product-compact .product-prices { margin-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form .hidden { display: none; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn-grey { background: #ebebeb; color: #000; }

.btn--block { display: block; width: 100%; }

/* ------------------------------------------------------------ *\
	Popup primary
\* ------------------------------------------------------------ */

.popup-primary { display:none; max-width: 400px; padding: 26px 28px 31px; }

.popup-primary p { margin-bottom: 17px; }

.popup-primary .btn { line-height: 44px; font-size: 16px; text-transform: uppercase; border-bottom: 0;}
.popup-primary .btn:hover { color: inherit; }
.popup-primary .btn-dark:hover { color: #fff;  }

.popup-primary .btn + p { margin-top: 18px; }
.popup-primary .mfp-close { font-size: 0; width: 20px; height: 20px; top: 6px; right: 6px; }
.popup-primary .mfp-close:before { content: ''; display: inline-block; width: 18px; height: 1px; transform: rotate(45deg); position: absolute; top: 10px; left: 1px; background: #000; }
.popup-primary .mfp-close:after { content: ''; display: inline-block; width: 18px; height: 1px; transform: rotate(-45deg); position: absolute; top: 10px; left: 1px; background: #000; }

.popup-login .popup__title { padding: 10px; margin-bottom: 20px; background-color: #353132; color: #fff; font-size: 12px; font-weight: 700; }

.popup-primary .form-checkout-signin { padding-bottom: 0; margin-bottom: 7px; border-bottom: 0; }
.popup-primary .form-checkout-signin .form-head h4 { margin: 0; font-size: 21px; }
.popup-primary .form-checkout-signin .form-section-head h4 { font-size: 17px; font-weight: 700; text-transform: uppercase; }
.popup-primary .form-checkout-signin .form-row { padding-bottom: 16px; }
.popup-primary .form-checkout-signin .form-controls + .form-label { margin-top: 28px; }
.popup-primary .form-checkout-signin .field::placeholder { color: #9D9D9D; font-weight: 500; text-transform: uppercase; letter-spacing: 0.03em; }
.popup-primary .form-checkout-signin .field { border: 1px solid #2c2c2c; font-size: 16px; }
.popup-primary .form-checkout-signin .form-help-block { padding-top: 10px; font-size: 16px; text-align: left; text-transform: none; }
.popup-primary .form-checkout-signin .form-actions { margin-top: 6px; }
.popup-primary .form-checkout-signin .form-actions .btn + .btn { margin-top: 11px; }

@media(max-width: 767px){
    .popup-primary { margin-top: 75px; margin-bottom: 75px; padding: 18px 20px 24px; }

    .popup-primary .form-checkout-signin { margin-bottom: 0; }
    .popup-primary .form-checkout-signin .form-section-head { margin-bottom: 0px; }
    .popup-primary .form-checkout-signin .form-controls + .form-label { margin-top: 15px; }
    .popup-primary .form-checkout-signin .form-help-block { padding-top: 15px; }
    .popup-primary .form-checkout-signin .form-row { padding-bottom: 20px; }
    .popup-primary .form-checkout-signin .form-actions { margin-top: 0; }
    .popup-primary .form-checkout-signin .form-actions .btn + .btn { margin-top: 9px; }
    .popup-primary .form-checkout-signin .form-help-block { padding-top: 10px; }
}

/* ------------------------------------------------------------ *\
	Form Checkout Signin
\* ------------------------------------------------------------ */

.form-checkout-signin input:focus::placeholder { color: transparent; }

/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header .logo-alt { left: 24px; transform: translateX(0); width: 210px; top: -17px; z-index: 10; }
.header .bar_body { max-height: 0; overflow: hidden; transform: scale(0); }
.header .nav-alt > ul > li:before { bottom: -11px; }

@media (max-width: 1325px) and (min-width: 1024px) {
    .header .logo-alt { width: 160px; top: -10px; }

    .header .nav-alt { padding-left: 200px; font-size: 14px; }
}

@media (max-width: 1024px) {
    .header .logo-alt { width: 220px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
    .header .header-inner { padding-top: 60px; z-index: 5; }
}

@media (max-width: 800px) {
    .header .header-inner { padding-top: 0; }
    .header .logo-alt { display: block; width: 138px !important; margin: 0 auto; padding: 18px 0; font-size: 0; position: relative; margin: 0 auto; left: auto; top: 0; transform: translateX(0) translateY(0) }
}

/* ------------------------------------------------------------ *\
    Search alt
\* ------------------------------------------------------------ */

.search-alt.open .search-field { padding: 0 5px; width: 150px; }

/* ------------------------------------------------------------ *\
    Nav access
\* ------------------------------------------------------------ */

.nav-access { padding-top: 8px; }
.nav-access > ul > li { padding: 0 0 15px }
.nav-access > ul > li + li { margin-left: 20px !important; }
.nav-access .nav-alt > ul > li { padding: 0; }
.nav-access .nav-alt { position: relative; width: auto; margin-left: 20px; margin-right: 0; font-size: 13px; }

@media(max-width: 1024px){
    .nav-access .nav-alt { width: auto !important; }

    .nav-access li:not(.link_bag) { display: none !important; }
}

@media(max-width: 800px){
    .nav-access { top: 48px !important; }
}

@media (max-width: 1325px) and (min-width: 1024px) {
    .header .nav-alt {
        padding-left: 0 !important;
    }
}

/* ------------------------------------------------------------ *\
    Menu mobile
\* ------------------------------------------------------------ */

.search-mobile-alt { display: none; position: absolute; top: 36px; left: 68px; z-index: 100; }

@media (max-width: 800px) {
    .btn-menu { position: relative; top: -32px;  }
}

@media (max-width: 767px) {
    .btn-menu { top: -42px;  }
}

@media(max-width: 374px){
    .search-mobile-alt { left: 58px; }

}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

footer.form-bottom .form-actions {
    text-align: unset;
    overflow: visible;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 20px;
}

.gift-options .form-col {
    padding: 16px 12px 0;
    width: 50%;
    float: left;
}

.gift-service .content-box {
    border: 2px solid;
    min-height: 200px;
    /*width: 450px;*/
    padding: 10px;
}
.gift-service .content-box .input-box input{
    -webkit-appearance: textfield;
    width: 100%;
    border: 1px #000 solid;
}
.gift-service .form-row {
    min-height: 110px;
    padding-bottom: 10px;
}

.gift-options .note {
    width: 59%;
}

section.gift-options {
    width: 120%;
    height:auto;
    font-size: 11px;
    overflow: hidden;
}

.gift-options ul > li {
    list-style: none;
}

.gift-options ul > li.wide {
    margin: 10px 5px;
}

.gift-options .gift-service .form-list .field {
    float: left;
    width: 50%;
    border: none;
    padding: 0 5px;
}

.gift-options .gift-service .form-list textarea {
    width: 100%;
    border: 1px #000 solid;
}

.gift-messages-form .form-section-head {
    padding: 10px 0;
}

.gift-messages-form .form-section-head h4 {
    margin-bottom: 0;
}

section.gift-options .form, section.gift-options  .field { font-size: 11px; }
section.gift-options .gift-display .form-col.form-col-1.req-signature { width: 100%; }
.gift-service .form-col-2of2 .content-box { /*background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/gift-wrapping.jpg) no-repeat center center / cover;*/ }

/** Amazon checkout **/
#amazon_modal { z-index: 2000 !important; }
#amazon-checkout .amazon-note {text-transform: uppercase; font-size:10px;}
#amazon-checkout #amazon-cancel {text-decoration: underline;}

#amazon-checkout { padding: 140px 20px 20px 20px }
#amazon-checkout h1, #amazon-checkout h2, #amazon-checkout h3, #amazon-checkout h4 { font-size: 16px; font-weight: 700; }
#amazon-checkout h3.product-name, #amazon-checkout h5.bag-item-title, #amazon-checkout .bag-item-price .price { font-size: 12px; }
#amazon-checkout h3.product-name { font-weight: 500; line-height: 1.25;  }
#amazon-checkout .order-review { font-size: 10px; text-transform: uppercase; }
#amazon-checkout .order-review .data-table thead tr th { text-align: left; padding: 3px;}
#amazon-checkout .order-review .data-table tbody tr td {padding: 3px; vertical-align: top;}
#amazon-checkout .order-review strong { font-size: 12px; }
#amazon-checkout .order-review .data-table { font-size: 12px; text-transform: uppercase; font-weight: 500; margin-top:20px; margin-bottom:20px; }
#amazon-checkout .order-review #review-success.button { width:100% }
#amazon-checkout .order-review .f-left a { text-decoration: underline;}
#amazon-checkout .checkbox-transparent .form-shipping-method { margin-bottom: 10px; }
#amazon-checkout .checkbox-transparent label {display: inline; font-size: 10px; margin-left: 10px }
#amazon-checkout .checkbox-transparent label:before { border-bottom-color: #000;}
#amazon-checkout #co-shipping-method-form .form-col.form-col-1of3 {width: 100%;}
#amazon-checkout #shipping-method-wrapper h2, #amazon-checkout .gift-messages-form .form-section-head h4 { font-size: 12px; margin-bottom:12px; font-weight: 700; }
#amazon-checkout .gift-messages-form .form-section-head h4 { margin-bottom:0; }
#amazon-checkout .order-review #checkout-review-table-wrapper > dt {float: left; padding-bottom:10px; clear: both;}
#amazon-checkout .order-review #checkout-review-table-wrapper > dd { float: right}
#amazon-checkout #col-2-amz { border: none; }
#amazon-checkout .order-summary .bag-items-count { padding-top: 42px; }

#amazon-checkout button.btn-checkout:disabled { background: #d4d4d4; color: #b2b0b0; }
#amazon-checkout label.disabled {opacity:.5}

@media (max-width: 1400px){
    section.gift-options { width: 100%; }
}
@media (max-width: 800px){
    #amazon-checkout .checkbox-transparent label span.price { font-size: 10px; }
    section.gift-options { width: 100%; }
}
@media(max-width: 768px) {
    #amazon-checkout #checkout-amazon-columns .col-amz { width: 100%; display: block;}
    .gift-service .content-box { width: 100%; }
    .content-mobile > .section-cta { margin-top: -10px; margin-bottom: -10px; }
    .content-mobile > .section-cta .section-image { margin: 10px; }
}
/*position:fixed; */
.modal-info { top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 998; padding: 20px 0; background: rgba(0,0,0,.51); overflow: auto; transition: transform .6s cubic-bezier(.165,.84,.44,1); }
.modal-info .modal-ie-center { text-align:center; }
.modal-info .modal-ie-center .modal__inner { padding: 68px 50px; margin: auto; width: 474px; border: 1px solid #fff; background: #000; text-align: center; color: #fff; }
.modal__inner h2 { margin-bottom: 10px; font-size: 29px; font-weight: 300; line-height: 1.07; }
.modal__inner h4 { font-size: 27px; letter-spacing: 0.075em; font-weight: 500; }

.modal-info .form-code { max-width: 237px; margin: 0 auto 20px; }
.modal-info .form-code .field { width: 100%; height: 29px; background: #fff; border: 0; border-radius: 0; font-size: 14px; letter-spacing: 0.05em; color: #000; font-weight: 300; text-align: center; text-transform: uppercase; }

.modal-info .btn-unlock { display: inline-block; min-width: 124px; height: 29px; line-height: 29px; background: #2e2e2e; text-align: center; padding: 0 5px; font-size: 14px; letter-spacing: 0.05em; color: #fff; text-transform: uppercase;  transition: opacity .3s; font-weight: 300; }
.btn-unlock:hover { text-decoration: none; opacity: .7; }

@media(max-width: 767px){
    .modal__inner { width: 96%; padding: 80px 20px; }
    .modal__inner h4 { font-size: 33px; letter-spacing: 0.055em; }
    .gift-options .form-col {
        width: 100%;
    }
    .gift-service .form-row {min-height: auto;}
}

@media(max-width: 1500px){
    .cms-studio-b .list-features strong { font-size: 40px; }
}

/************* QuadPay **************/
#quadPayCalculatorWidget #quadPayCalculatorWidgetLearn {
    color: transparent;
}

.desktop-hidden.tablet-visible.title-price #quadPayCalculatorWidget {
    margin: 0 auto;
}

#dt_method_mr_quadpay {
    max-width: 105px;
    padding: 0;
}

#dd_method_mr_quadpay {margin-left: 25px;}

#dt_method_mr_quadpay input:checked + label:before {
    -ms-background-position-y: -197px;
    background-position-y: -197px;
}

#dt_method_mr_quadpay label {
    min-width: 100px;
    min-height: 25px;
    background-size: 80px;
    background-image: url("https://bandier.ips.photos/skin/frontend/bandier/default/images/quadPay_logo.png");
    background-repeat: no-repeat;
    background-position-x: right;
    color: transparent;
}

#dt_method_mr_quadpay label:before {
    height: 20px;
}

ul#payment_form_mr_quadpay {
    list-style: none;
    font-size: 14px;
    line-height: 1.43;
}
/************* end *****************/

/* ============================================ *
 * Paradox Auth.net CIM
 * ============================================ */
/* account */
.customer-paymentinfo-index .manage-payment-method .add-new-card button {
    height: 44px;
    padding: 0 30px;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #0dd;
    color: #fff;
    background: #353132;
    font-size: 11px;
    line-height: 42px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    min-width: 176px;
    margin-bottom: 15px;
}

.customer-paymentinfo-index .manage-payment-method .cards button {
    background: none;
    border: none;
    font-size: 10px;
    line-height: 1.1;
    border-bottom: 1px solid #0dd;
    text-transform: uppercase;
    margin: 0 10px 25px;
}
.customer-paymentinfo-index .manage-payment-method li {
    list-style: none;
    list-style-position: outside;
}

.customer-paymentinfo-index .manage-payment-method .buttons-set form{
    display: inline-block;
}

.customer-paymentinfo-index .manage-payment-method form input {
    width: 100%;
    height: 40px;
    padding: 0 8px;
    border: 2px solid #ebebeb;
    font-size: 14px;
    color: #000;
}
.customer-paymentinfo-index .manage-payment-method form label {
    display: block;
    padding-bottom: 9px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.customer-paymentinfo-index .page-title h1 { font-size: 17px; }
.customer-paymentinfo-index .manage-payment-method .right { float: right; }
.customer-paymentinfo-index .manage-payment-method { margin-top: 88px; }
.customer-paymentinfo-index .manage-payment-method h2 {
    margin-bottom: 37px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.customer-paymentinfo-index .manage-payment-method h3,
.customer-paymentinfo-index .manage-payment-method h4 {
    font-size: 14px;
    font-weight: bold;
}
.customer-paymentinfo-index .col-main > .buttons-set { clear: both; }
.customer-paymentinfo-index .addresses-list ol {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -o-flex; display: flex;
    -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
}
.customer-paymentinfo-index .addresses-list ol > li {
    width: 49%;
}
.customer-paymentinfo-index #form-validate ul > li {
    padding-bottom: 30px;
}
.customer-paymentinfo-index #form-validate ul > li label {
    display: block;
    padding-bottom: 9px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.customer-paymentinfo-index #form-validate ul > li select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 40px;
    padding: 0 35px 0 8px;
    border: 2px solid #a9a9a9;
    background: transparent;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.customer-paymentinfo-index #form-validate ul > li .select {
    position: relative;
}
.customer-paymentinfo-index #form-validate ul > li .select::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 0;
    width: 30px;
    height: 36px;
    border-left: 1px solid #a9a9a9;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg) 5px -280px no-repeat;
}
.customer-paymentinfo-index #form-validate input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.customer-paymentinfo-index #form-validate input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #000;
    margin-right: 5px;
}
.customer-paymentinfo-index #form-validate input[type="radio"]:checked + label::before {
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/sprite.svg) -103px -203px no-repeat;
}
.customer-paymentinfo-index #form-validate .v-fix {
    display: inline-block;
    width: 33%;
}
.customer-paymentinfo-index .box-content {
    font-style: normal;
    font-size: 14px;
    line-height: 1.45;
}
@media (max-width: 800px) {
    .customer-paymentinfo-index .page-title { display: none; }
    .customer-paymentinfo-index .manage-payment-method { margin-top: 10px; }
    .customer-paymentinfo-index .addresses-list ol > li {
        width: 100%;
    }
}
/* checkout */
#dd_method_authnetcim label {
    display: block;
    padding-bottom: 9px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
#dd_method_authnetcim .cvv-what-is-this {
    position: absolute;
    top: 13px;
    right: 13px;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding-bottom: 0;
    border-radius: 50%;
    background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/ico-info.png) no-repeat 0 0;
    background-size: cover;
    font-size: 0;
    font-weight: 500;
    text-transform: uppercase;
    display: none;
}
#dd_method_authnetcim label.required::after {
    content: " *";
}
#dd_method_authnetcim label.required em {
    display: none;
}
#dd_method_authnetcim > ul {
    list-style: none;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -o-flex; display: flex;
    -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
}
#dd_method_authnetcim > ul > li {
    width: 100%;
    padding: 0 12px 15px;
}
#dd_method_authnetcim > ul > li.checkbox-transparent label {
    display: inline-block;
    padding-bottom: 0;
    position: relative;
    left: unset;
    top: unset;
}
#dd_method_authnetcim input[type="text"] {
    height: 40px;
    padding: 0 8px;
    border: 2px solid #aaa;
    font-size: 14px;
    color: #000;
    width: 100%;
}
#dd_method_authnetcim .input-box {
    position: relative;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -o-flex; display: flex;
    -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
}
#dd_method_authnetcim .input-box input + i {
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: -12px;
    width: 37px;
    height: 23px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}
#dd_method_authnetcim > ul > li#authnetcim_cc_type_exp_div { width: 66.66633%; }
#dd_method_authnetcim > ul > li#authnetcim_cc_type_cvv_div { width: 33.33367%; }
#dd_method_authnetcim .input-box input[card-type="visa"] + i { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/visa.png); }
#dd_method_authnetcim .input-box input[card-type="mastercard"] + i { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/mastercard.png); }
#dd_method_authnetcim .input-box input[card-type="discover"] + i{ background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/discover.png); }
#dd_method_authnetcim .input-box input[card-type="amex"] + i{ background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/amex.png); }
#dd_method_authnetcim .v-fix {
    width: 48%;
}
#dd_method_authnetcim #authnetcim_cc_type_cvv_div .v-fix { width: 100%; }
#dd_method_authnetcim .full-width {
    width: 100%;
}
@media (max-width: 599px) {
    #dd_method_authnetcim > ul > li#authnetcim_cc_type_exp_div { position: relative; }
    #dd_method_authnetcim > ul > li#authnetcim_cc_type_exp_div .input-box { position: absolute; bottom: 0; padding: 0 12px 15px 0; }
}
.form-checkout-payment .sp-methods .col { position: relative; }
.form-checkout-payment .badges { position: absolute; top: 9px; right: 45px; flex: 1; text-align: right; line-height: 0; font-size: 0; margin-top: -10px; }
.form-checkout-payment .badges i { display: inline-block; width: 37px; height: 23px; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
.form-checkout-payment .badges i + i { margin-left: 5px; }
.form-checkout-payment .badges .badge-visa { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/visa.png); }
.form-checkout-payment .badges .badge-mastercard { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/mastercard.png); }
.form-checkout-payment .badges .badge-discover { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/discover.png); }
.form-checkout-payment .badges .badge-amex { background-image: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/cc-icons/amex.png); }
@media (max-width: 479px) {
    .form-checkout-payment .badges { right: 0; }
}
.section-search-results .sort-filter-wrap { margin-bottom: 30px; }
#dd_method_authnetcim .authnetcim_new { position: relative; }
#dd_method_authnetcim .authnetcim_new label { display: block; padding-bottom: 0; position:absolute; top: 15px; left: 8px; font-size: 10px; font-weight: 500; text-transform: uppercase; transition: transform .3s ease-in-out; z-index: 1; }
#dd_method_authnetcim .authnetcim_new label.floating { transform: translateY(-8px) scale(0.7); transform-origin: 0 0; opacity: 1; }
#dd_method_authnetcim .authnetcim_new label.floating + .input-text { padding: 12px 8px 4px; }
#dd_method_authnetcim .select label { display: none; }

/* ------------------------------------------------------------ *\
	Section designers container
\* ------------------------------------------------------------ */

.wrapper .section-designers-container .section-head-bar { text-align: center; max-width: 1280px; margin: 0 auto;}
.wrapper .section-designers-container .section-head-bar h1 { font-size: 28px; font-weight: 500; color: #000000; }
.wrapper .section-designers-container .section-head-bar img { width: 100%; }

@media (min-width: 1025px) {
    .wrapper .section-designers-container .section-head-bar.mobile { display:none; }
}

@media (max-width: 1024px) {
    .wrapper .section-designers-container .section-head-bar.desktop { display:none; }
}

/* ------------------------------------------------------------ *\
	Section index
\* ------------------------------------------------------------ */

.section-designers-container .section-index { border: none; }
.wrapper .section-index .section-head { padding: 40px 0 34px; }
.wrapper .section-index .section-body { max-width: 100%; padding: 0 76px 10px; overflow: hidden; }
.section-designers-container .section-index .section-body {max-width: 1180px;}
.section-designers-container .section-index .section-title { letter-spacing: initial;}

@media(max-width: 767px) {
    .wrapper .section-index .section-title { font-size: 28px; font-weight: 500;}
}

/* ------------------------------------------------------------ *\
	Designers
\* ------------------------------------------------------------ */

.wrapper .designers { margin-right: -53px; }
.wrapper .designers .list-links { columns: 6; column-gap: 10px; margin-bottom: -21px; }
.wrapper .designers .list-links h4 { line-height: 1.1; margin-bottom: 3px; font-size: 27px; font-weight: 500; }
.wrapper .designers .list-links li { margin-bottom: 10px; width: 100%; }
.wrapper .designers .list-links li:after { content: ''; display: table; line-height: 0; clear: right; }
.wrapper .designers .list-links li a { padding-bottom: 1px; padding-top: 0; font-size: 13px; letter-spacing: 0.01em; }

/* ------------------------------------------------------------ *\
	Nav alt
\* ------------------------------------------------------------ */

.wrapper .nav-alt li.dropdown-fullwidth-secondary .nav-dropdown { margin-left: 25px; margin-right: 25px; }
.wrapper .nav-alt li.dropdown-fullwidth-secondary .nav-dropdown h6 { margin-bottom: 1px; font-size: 14px; }
.wrapper .nav-alt li.dropdown-fullwidth-secondary .nav-dropdown ul { margin-bottom: 10px; }
.wrapper .nav-alt li.dropdown-fullwidth-secondary .nav-dropdown ul a { margin-bottom: 2px; letter-spacing: 0em; }
.wrapper .nav-alt li.dropdown-fullwidth-secondary .nav-dropdown-col:nth-child(6) a { margin-right: -4px; }
.wrapper .nav-alt li.dropdown-fullwidth .nav-dropdown .shell { max-width: 1220px; }
.wrapper .nav-alt li.dropdown-fullwidth .nav-dropdown-inner { padding: 16px 5px 10px; }

@media(max-width: 1023px) {
    .wrapper .nav-alt li.dropdown-fullwidth-secondary .nav-dropdown-col:nth-child(6) a { margin-right: 0; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.wrapper .visible-xs-inline-block { display: none; }
.wrapper .hidden-xs { display: inline-block; }
.wrapper .designers .list-links { margin: 0 -5px; }

@media(max-width: 1023px){
    .wrapper .designers .list-links { text-align: left; columns: 4; column-gap: 10px; }

    .wrapper .designers { margin-right: 0; }
}

@media(max-width: 767px){
    .wrapper .section-designers-container .section-head-bar { margin-top: -15px; }

    .wrapper .designers .list-links {  display: flex; flex-flow: row wrap; margin-bottom: -16px; }
    .wrapper .designers .list-links li { margin-bottom: 19px; flex: 0 0 33.33%; max-width: 33.33%; columns: auto; }
    .wrapper .designers .list-links h4 { margin-bottom: 6px; }
    .wrapper .section-designers-container .section-head-bar h1 { line-height: 1; }

    .wrapper .section-index { padding-bottom: 38px; }
    .wrapper .section-index .section-body { padding: 0px 0px 20px 20px; }
    .wrapper .designers .list-links { columns: 2; }

    .wrapper .section-index .section-head { padding: 38px 0; }

    .wrapper .visible-xs-inline-block { display: inline-block; }
    .wrapper .hidden-xs { display: none; }
}

@media(max-width: 500px) {
    .wrapper .designers .list-links li { flex: 0 0 50%; max-width: 50%; }
}

/* ------------------------------------------------------------ *\
	PLP quickview
\* ------------------------------------------------------------ */
.product-compact .product-actions { bottom: 10px; min-height: 25px; width: 95%; height: 36px; margin: 0 auto; padding-right: 0; padding-left: 0; right: 0; transition: opacity 0.2s linear 0s, background-color 0.1s linear 0s; background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; }
.product-compact .product-actions .btn-dashed { height: auto; background: none; line-height: 36px; color: inherit; bottom: 17px; position: relative; width: 100%; border: none; }
.product-compact .product-actions:hover { background: rgba(255, 255, 255, 0.9); }
.product-compact .product-actions .btn-dashed:hover { border: none; }

@media(max-width: 768px){
    .product-compact .product-actions { display: none; }
}

/* ------------------------------------------------------------ *\
	Nav alt
\* ------------------------------------------------------------ */

@media(max-width: 1200px){
    .nav-alt .nav-dropdown-cols { overflow: visible; }
}


#mobile-cart-qty {
    font-family: "Brandon Grotesque", sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    top: 15px;
    right: -3px;
    width: 14px;
}

.customer-account-login .form-login .form-row a { font-weight: 500; }
.loading-popup { top: 0; left: 0; width: 100%; height: 100%; z-index: 83510;
    overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8;}
.loading-popup-content{ color: #CCC; position: fixed; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 83511; }

/* ------------------------------------------------------------ *\
    Search Mobile
\* ------------------------------------------------------------ */

.search-mobile-alt { display: none; position: absolute; top: 39px; left: 68px; z-index: 100; }
.search-mobile-alt .ico-search,
.search-mobile .ico-search { transform: scale(1.6); }

.nav-mobile { padding-top: 0; }
.menu-mobile.color { background: #ebebeb; }

@media (max-width: 1024px) {
    .search-mobile-alt { display: block; }
}

@media (max-width: 800px) {
    .search-mobile-alt { position: relative; top: -63px; }
    #mobile-cart-qty { position: relative; top: 4px; right: 15px; }

}@media (max-width: 767px) {
    .search-mobile-alt { top: -74px; }
    #mobile-cart-qty { position: relative; top: 4px; right: 15px; }
}

@media (min-width: 801px) {
    .search-mobile-alt { top: 19px; }
}

.search-mobile .search-btn { top: 26px; left: 15px; right: 100%; }
/*.search-mobile .ico-close { position: absolute; top: 8px; right: 15px; background: url(https://bandier.ips.photos/skin/frontend/bandier/default/images/close.png) no-repeat center left; background-size: 16px 16px; transition: .3s; cursor: pointer; }*/

.search-mobile .search-close { position: absolute; top: 14px; right: 15px; transition: .3s; cursor: pointer; }
.search-mobile .search-close span {
    display: block;
    width: 21px;
    height: 2px;
    margin: 12px 0 5px;
    background: #000;
}
.search-mobile .search-close span:nth-child(1) {
    -webkit-transform: translate3d(0,7px,0) rotate(45deg);
    transform: translate3d(0,7px,0) rotate(45deg);
}
.search-mobile .search-close span:nth-child(2) {
    -webkit-transform: translate3d(0,-7px,0) rotate(-45deg);
    transform: translate3d(0,-7px,0) rotate(-45deg);
}

.search-mobile input { width: 100%; }
.search-mobile.hide { display: none; }

.search-mobile .search-field { width: 84%; height: 45px; margin-left: 10px; padding-left: 30px; text-transform: uppercase; margin-top: 21px; height: 22px; }

@media (max-width: 650px) {
    .search-mobile .search-field { width: 78%; }
}

@media (max-width: 480px) {
    .search-mobile .search-field { width: 72%; }
}

.search-mobile .search-clear {
    position: relative;
    float: right;
    top: 23px;
    font-size: 16px;
    visibility: hidden;
}

.search-mobile .search-clear.active {
    visibility: visible;
    display: inline-block;
}

.search-mobile-container {
    height: 42px;
    width: 85%;
    margin-left: 12px;
    border-bottom: 1px solid #666;
}

.search-mobile .search-field::-ms-clear {  display: none; width : 0; height: 0; }
.search-mobile .search-field::-ms-reveal {  display: none; width : 0; height: 0; }
.search-mobile .search-field::-webkit-search-decoration,
.search-mobile .search-field::-webkit-search-cancel-button,
.search-mobile .search-field::-webkit-search-results-button,
.search-mobile .search-field::-webkit-search-results-decoration { display: none; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider--products .slick-track { margin: 0 auto; }
.slider--products .slider__slides { padding: 0 50px; }
.slider--products .slick-next { display: inline-block; background: transparent; border-left: 0; border-top: 0; border-right: 1px solid #000; border-bottom: 1px solid #000; width: 18px; height: 18px; opacity: 1; font-size: 0; transform: rotate(-45deg); position: absolute; top: 76px; right: 4px; }
.slider--products .slick-prev { display: inline-block; background: transparent; border-left: 0; border-top: 0; border-right: 1px solid #000; border-bottom: 1px solid #000; width: 18px; height: 18px; opacity: 1; font-size: 0; transform: rotate(135deg); position: absolute; top: 76px; left: 4px; z-index: 1; }
.slider--products .product4T .productImage { height: 168px; margin-bottom: 7px; }
.slider--products .product4T .productImage a { display: block; width: 100%; height: 100%; }
.slider--products .product4T .productImage img { margin-top: 0; }
.slider--products .product4T .brand4T { font-size: 9px; letter-spacing: 0.07em; }
.slider--products .product4T .productTitle { font-size: 9px; letter-spacing: 0.07em; }

@media(max-width: 767px) {
    .slider--products .product4T { min-height: auto; margin-bottom: 0; }
    .slider--products .product4T .productImage { height: 122px; margin-bottom: 7px; }

    .slider--products .product4T .brand4T { font-size: 8px; letter-spacing: 0em; margin: 0 -2px; }
    .slider--products .product4T .productTitle { font-size: 8px; letter-spacing: 0em; line-height: 1.2; }

    .slider--products .slick-prev { top: 53px; right: 5px; }
}

/* ------------------------------------------------------------ *\
	Popup main
\* ------------------------------------------------------------ */

.popup--main { text-align: center; margin-top: 140px; margin-bottom: 140px; max-width: 580px; padding: 0; background: transparent; }

.popup--main  h5 { margin-bottom: 5px; font-size: 16px; font-weight: normal; text-align: center; }

.popup--main .popup__inner { padding: 39px 77px 43px; background: #fff; }

.popup--main .popup__head { text-align: center; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #000; }
.popup--main .popup__head h2 { font-size: 25px; font-weight: normal; }
.popup--main .popup__section { border-bottom: 1px solid #000; padding-bottom: 16px; margin-bottom: 13px; }
.popup--main .popup__section:last-child { margin-bottom: 0; }

.popup--main .mfp-close { font-size: 0; width: 20px; height: 20px; margin-top: 9px; margin-right: 10px; opacity: 1; }
.popup--main .mfp-close:before { content: ''; display: inline-block; width: 18px; height: 2px; transform: rotate(45deg); position: absolute; top: 10px; left: 1px; background: #000; }
.popup--main .mfp-close:after { content: ''; display: inline-block; width: 18px; height: 2px; transform: rotate(-45deg); position: absolute; top: 10px; left: 1px; background: #000; }

.popup--main .btn { min-width: 155px; padding: 0 10px; height: 26px; line-height: 27px; font-size: 11px; letter-spacing: 0.04em;}
.popup--main .btn-dark { background-color: #000;  }
.popup--main .btn-outline-dark { line-height: 26px; }

.popup--main .cart-product { max-width: 326px; margin: 0 auto; text-align: left; }
.popup--main .slider--products { margin: 0 -40px -10px; }
.popup--main .slider--products .slider__slides { margin: 0 -6px; padding: 0 40px; }
.popup--main .slider--products .slider__slide { padding: 0 6px; }

@media(max-width: 767px){
    .popup--main { min-height: 486px; }

    .popup--main  h5 { font-size: 13px; margin-bottom: 11px; }

    .popup--main .popup__section { border-bottom: 0; padding-bottom: 0; margin-bottom: 15px; }

    .popup--main .popup__inner { padding: 27px 12px 9px; }

    .popup--main .popup__head { margin-bottom: 10px; padding-bottom: 10px; }
    .popup--main .popup__head h2 { font-size: 20px; line-height: 1;  }

    .popup--main .popup__body { padding-bottom: 27px; border-bottom: 1px solid #000; }

    .popup--main .btn { font-size: 11px; height: 34px; line-height: 34px; letter-spacing: 0.01em; }

    .popup--main .cart-product { max-width: 100%; padding: 0 41px 106px; }

    .popup--main .slider--products { margin: 0 0 -19px; }

    .popup--main .slider--products .slider__slides { margin: 0 30px; padding: 0 29px; }

    .popup--main .slider--products .slider__slide { padding: 0 10px; }

    .popup--main .mfp-close { width: 18px; height: 18px; margin-top: 9px; margin-right: 10px; opacity: 1; }
    .popup--main .mfp-close:before { width: 18px; height: 2px; }
    .popup--main .mfp-close:after { width: 18px; height: 2px; }
}

@media(max-width: 350px){
    .popup--main .slider--products .slider__slides { margin: 0 10px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.popup--main .btn { border-bottom: 0; opacity: 1; }
.popup--main .btn .inline-space-left { margin-left: 0; }

.popup--main .btn .figure-caret{ border-width: 4px 0 4px 6px; }

.popup--main .btn-outline-dark { border: 1px solid #000; }

/* ------------------------------------------------------------ *\
	Cart product in popup
\* ------------------------------------------------------------ */

.popup--main .cart-product p { margin-bottom: 4px; font-size: 13px; letter-spacing: 0.04em; margin-right: -20px; }

.popup--main .cart-product ul { margin-bottom: 8px; }
.popup--main .cart-product ul li { font-size: 11px; letter-spacing: 0.04em; }
.popup--main .cart-product ul li + li { margin-top: -3px; }

.popup--main .cart-product .cart-product_body { padding: 14px 0 40px 11px; }

.popup--main .cart-product .cart-product_designer { font-size: 14px; margin-bottom: 1px; }

.popup--main .cart-product .cart-product-actions li + li { margin-top: 8px; }

.popup--main .cart-product .cart-product-actions ul li a i { margin-top: 2px; }

@media(max-width: 767px) {
    .popup--main .cart-product { position: relative; padding-bottom: 89px; }
    .popup--main .cart-product p { margin-bottom: 4px; margin-right: -25px; font-size: 11px; letter-spacing: 0.04em; }

    .popup--main .cart-product ul li { font-size: 9px; }
    .popup--main .cart-product ul li + li { margin-top: -1px; }

    .popup--main .cart-product .cart-product_body { padding: 32px 0 40px 9px; }

    .popup--main .cart-product .cart-product_designer { font-size: 11px; line-height: 1; letter-spacing: 0.05em; }

    .popup--main .cart-product .cart-product_image { max-width: 82px; }
    .popup--main .cart-product .cart-product_image a { display: block; }
    .popup--main .cart-product .cart-product_image img { max-width: 100%; }

    .popup--main .cart-product .cart-product-actions { position: absolute; bottom: 0; left: 0; width: 100%; }
    .popup--main .cart-product .cart-product-actions ul { margin-bottom: 0; }
    .popup--main .cart-product .cart-product-actions .btn { display: block; width: 100%; height: 48px; line-height: 48px; font-size: 14px; }

    .popup--main .cart-product .cart-product-actions li + li { margin-top: 5px; }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }
.mfp-close:before{ content: 'X'; }
.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
/* Styles for the CoverPop.js plugin */

.CoverPop-open,
.CoverPop-open body {
    overflow: hidden;
}

#CoverPop-cover {
    display: none;
    position: fixed;
    /*overflow-y: auto;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-animation: fade-in .25s ease-in;
    -moz-animation-name: fade-in .25s ease-in;
    -ms-animation-name: fade-in .25s ease-in;
    -o-animation-name: fade-in .25s ease-in;
    animation-name: fade-in .25s ease-in;
}

    .CoverPop-open #CoverPop-cover {
        /*display: block;*/
        background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); zoom: 1; background-color: rgba(0, 0, 0, .2); 
    }


@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://bandier.ips.photos/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

/* What is Afterpay modal */
#afterpay-what-is-modal img.afterpay-modal-image {
  display: block;
}
#afterpay-what-is-modal img.afterpay-modal-image-mobile {
  display: none;
}

@media only screen and (max-width: 480px) {
  #afterpay-what-is-modal img.afterpay-modal-image-mobile {
    display: block;
  }
  #afterpay-what-is-modal img.afterpay-modal-image {
    display: none;
  }
}

/* Afterpay info in checkout */
#what-is-afterpay-trigger {
  margin-top: 0;
  margin-left: 0;
  float: none;
}

#afterpay-logo {
  height: 18px;
  float: none;
}

#dt_method_afterpaypayovertime span {
  margin-left: 10px;
}

#payment_form_afterpaypayovertime.form-list {
  padding-left: 0;
}

#payment_form_afterpaypayovertime .form-alt {
  display: inline-block; /* shrink-wrap the form, to make the footer align nicely */
}

#payment_form_afterpaypayovertime .total-due p {
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #a1a4a6;
  margin: 0 5px 0 0;
  text-transform: uppercase;
  float: left;
  height: 35px;
  line-height: 38px;
}

#payment_form_afterpaypayovertime .total-due span {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  height: 35px;
  line-height: 35px;
  color: #000000;
}

#payment_form_afterpaypayovertime .instalments {
  margin-bottom: 30px;
  position: relative;
}

#payment_form_afterpaypayovertime .instalments .header-text {
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: 9px;
  color: #a1a4a6;
  margin: 10px 0;
  text-transform: uppercase;
  line-height: 20px;
}

#payment_form_afterpaypayovertime .instalments .cost,
#payment_form_afterpaypayovertime .instalments .icon,
#payment_form_afterpaypayovertime .instalments .instalment {
  display: table-row;
  position: relative;
}

#payment_form_afterpaypayovertime .instalments .icon:after {
  content: '';
  background: #f7f7f7;
  display: block;
  height: 1px;
  left: 30px;
  right: 30px;
  margin-top: -5px;
}

#payment_form_afterpaypayovertime .instalments li {
  display: table-cell;
  text-align: center;
  padding: 0 10px;
}

#payment_form_afterpaypayovertime .instalments li:first-child {
  padding-left: 0;
}

#payment_form_afterpaypayovertime .instalments li:last-child {
  padding-right: 0;
}

#payment_form_afterpaypayovertime .instalments .cost {
  font-size: 14px;
  color: #a1a4a6;
}

#payment_form_afterpaypayovertime .instalments .icon img {
  width: 12px;
  display: inline;
  position: relative;
  z-index: 1;
}

#payment_form_afterpaypayovertime .instalments .instalment {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #a1a4a6;
}

#payment_form_afterpaypayovertime .instalment-footer {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #636363;
  text-align: center;
}

#payment_form_afterpaypayovertime .instalment-footer a {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #a1a4a6;
  text-decoration: underline;
}

@media (min-width: 560px) {
  .checkout-onepage-index #payment_form_afterpaypayovertime .instalments li {
    padding: 0 30px;
  }

  .checkout-onepage-index
    #payment_form_afterpaypayovertime
    .instalments
    .header-text {
    font-size: 12px;
  }

  .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .cost {
    font-size: 25px;
  }
}

/* By default, only show the callout text on the default checkout */
#afterpay-callout {
  display: none;
}

.checkout-onepage-index #afterpay-callout {
  display: block;
  margin-left: 0;
}

/* AW_Onestepcheckout support */
#aw-onestepcheckout-payment-method
  #payment_form_afterpaypayovertime
  .instalments
  .header-text {
  height: auto;
  line-height: 1.5;
}

/* IWD_Opc support */
.opc-index-index #dt_method_afterpaypayovertime img {
  height: auto;
  display: inline-block;
  margin: 7px auto 0;
}

.opc-index-index #dt_method_afterpaypayovertime label a {
  display: none;
}

.opc-index-index #payment_form_afterpaypayovertime .form-alt {
  font-style: normal;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .header-text {
  height: auto;
  line-height: 1.5;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li {
  color: #a1a4a6;
  padding: 0 10px;
  font-size: 20px;
}

.opc-index-index
  #payment_form_afterpaypayovertime
  .instalments
  .cost
  li:first-child {
  padding-left: 0;
}

.opc-index-index #payment_form_afterpaypayovertime .instalment-footer p {
  color: #636363;
  font-size: 11px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .instalment li {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #a1a4a6;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments li {
  padding: 0 20px;
}

/* GoMage Lightcheckout support */
#gcheckout-payment-methods-available
  #payment_form_afterpaypayovertime
  .instalments
  .header-text {
  height: auto;
  line-height: 1.55;
  margin-top: 10px;
}

/* Onetouch on cart page */
.method-afterpay_onetouch h3 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #a1a4a6;
  font-size: 15px;
  margin-bottom: 5px;
  text-transform: none;
}

.method-afterpay_onetouch p {
  font-size: 12px;
}

.method-afterpay_onetouch .button {
  margin-top: 10px;
  padding: 7px 30px 7px 30px;
}

.method-afterpay_onetouch .button img {
  display: block;
  width: 90px;
  height: 18px;
}

#payment_form_afterpaypayovertime li {
  float: none;
}

/* Hide the doubled Afterpay Assets */
.product-view .afterpay-installments-amount {
  display: none;
}
.product-view .afterpay-installments-amount:last-of-type {
  display: inline;
}

/* Modify the Afterpay Product Page Language Font-Size */
@media (min-width: 1024px) {
  .afterpay-installments-amount {
    font-size: 14px;
  }
}

/* Alphacube Popup Window Overrides */


#amazon_modal_top { height:1px; }
#amazon_modal .alphacube_w, #amazon_modal .alphacube_e { width:1px; }
/*#amazon_modal_row2 { position:relative; margin-top:-20px; }*/
/*#amazon_modal_close { display:none; right:-6px; }*/

body.amazon-payments-token-ajaxcart .actions,
body.amazon-payments-token-ajaxcart .btn-remove,
body.amazon-payments-token-ajaxcart p.block-subtitle {
  display:none;
}