/* ==========================================================================
    #Reset
========================================================================== */
* { margin: 0; padding: 0; outline: 0; }

/* ==========================================================================
    #Base
========================================================================== */

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.70;
    font-family: 'gillsans', arial, sans-serif;
    color: #000;
    background: #fff;
    min-width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    font-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a { color: #000; text-decoration: none; cursor: pointer; }
a:hover { color: #e92b8a; text-decoration: none; }
a img { border: 0; }

img { border: 0; vertical-align: middle; }

h2 { font-size: 44px; line-height: 48px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
h3 { font-size: 36px; text-transform: uppercase; font-weight: normal; }
h4 { font-size: 30px; text-transform: uppercase; font-weight: normal; }
h5 { font-size: 14px; text-transform: uppercase; }
h6 { font-size: 12px; text-transform: uppercase; }

input, textarea, select { font-size: 13px; font-family: 'gillsans', arial, sans-serif; font-weight: bold; }
textarea { overflow: auto; resize: none; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }

::-webkit-input-placeholder { color: #000; opacity: 1; }
:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
::input-placeholder { color: #000; opacity: 1; }
input::-moz-placeholder { color: #000; opacity: 1; }
input[placeholder] { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; opacity: 1; }

/* ==========================================================================
    #Helpers
========================================================================== */
.mobile input,
.mobile textarea { -webkit-appearance: none; border-radius: 0; box-shadow: none; }
.mobile input[type="checkbox"] { -webkit-appearance: checkbox; }
.mobile input[type="radio"] { -webkit-appearance: radio; }
.mobile select { -webkit-appearance: select; }

input,
textarea,
select,
button,
a,
.col,
.search,
.home-grid-item .post-item,
.home-grid-item .overlay-circle,
ul.main-nav a,
.review-head,
.review-body,
.circle-item,
.circle-item-overlay,
.footer,
.nav-dropdown { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

li { list-style: none; }

.left { float: left; }
.right { float: right; }

.shell:after,
.row:after,
.main-nav:after,
.category-items-list:after,
.category-options:after,
.slide-wrapper:after,
.breadcrumbs ul:after,
.product-detail:after,
.review:after,
[class*="-cols"]:after { content: ''; display: table; clear: both; height: 0; line-height: 0; font-size: 0; }

.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.menu,
.logo a,
.icon-grid,
.social-links a,
.form-join .submit,
.search .submit,
.bx-controls-direction a { font-style: normal; font-size: 0; line-height: 0; text-indent: -100%; overflow: hidden; }

.wrapper { min-height: 100%; position: relative; overflow: hidden; }

.container { padding: 92px 0 325px; }

.shell { width: 1160px; padding: 0 20px; margin: 0 auto; }

.col { float: left; }
.two-cols .col { width: 50%; }
.four-cols .col { width: 25%; }
.col-size1 { width: 506px; }
.col-size2 { float: right; width: 423px; }

.btn { display: inline-block; font-size: 14px; line-height: 24px; padding: 7px 16px 5px; font-weight: bold; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-align: center; background: #f4acc0; border: 0; cursor: pointer; }
.btn:hover { color: #fff; opacity: .9; }

.btn-black { background: #000; }

.btn-white { background: #fff; color: #000; }
.btn-white:hover { color: #000; }

.btn-blue { background: #0099ae; }

.btn-red { background: #e11c36; }

.mobile-only { display: none; }

/* ==========================================================================
    #Icons
========================================================================== */
[class^="ico-"],
[class*=" ico-"] { display: inline-block; vertical-align: middle; background: url(images/sprite.png) 0 0 no-repeat; }

.ico-arrow-white-small { width: 8px; height: 12px; background-image: url(images/link-arrow-white-tablet.png); }

/* ==========================================================================
    #Header
========================================================================== */
.header { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; background: #fff; backface-visibility: visible; }
.header .shell { position: relative; }

.menu { display: none; }

.logo { float: left; width: 170px; height: 92px; margin: 0 33px 0 8px; }
/*.logo a { display: block; height: 92px; background: url(images/logo.png) no-repeat 0 0; }*/
/* Changed the logo to DCB-LOGO.svg */
.logo a { display: block; height: 92px; background: url(images/DCB-LOGO.svg) no-repeat 0 0; background-size: 170px 92px;}

.nav { margin-right: -20px; float: right; width: 969px; }

.top-message { float: left; width: 552px; text-align: center; color: #fff; background: #0098ae; font-size: 13px; line-height: 28px; letter-spacing: 0.5px; }
.link-search { display: none; }
.search { float: left; width: 269px; height: 28px; padding: 6px 14px 6px 32px; background: #ffe000; position: relative; }
.search .field { display: block; width: 100%; border: 0; border-bottom: 1px solid #302a00; color: #302a00; background: transparent; padding: 1px 0 1px; height: 16px; }
.search .icon-search { position: absolute; top: 0; left: 0; width: 32px; height: 28px; border: 0; cursor: pointer; background: url(images/icon-search.png) no-repeat 10px 6px; }
.search .submit { position: absolute; top: 3px; right: 14px; width: 17px; height: 19px; background: url(images/search-submit.png) no-repeat center center; border: 0; cursor: pointer; }

.btn-sign { float: left; display: block; width: 148px; text-align: center; font-size: 11px; line-height: 28px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #e11c36; font-weight: bold; }
.btn-sign:hover { color: #000; text-decoration: none; opacity: .9; }

ul.nav-main > li { float: left; height: 64px; }
ul.nav-main > li > a { display: table; width: 100%; height: 64px; padding: 16px; font-size: 12px; line-height: 16px; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #fff; background: #e92b8a; }
ul.nav-main > li > a > span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
ul.nav-main > li > a:hover { text-decoration: none; opacity: .9; color: #fff; }
ul.nav-main > li > a .icon-bag { display: block; width: 36px; height: 44px; background: url(images/icon-bag.png) no-repeat 0 0; margin: -7px 3px -5px 1px; }
ul.nav-main > li:hover .nav-dropdown { display: block; }
ul.nav-main li.link-1 { width: 163px; }
ul.nav-main li.link-2 { width: 199px; }
ul.nav-main li.link-3 { width: 190px; }
ul.nav-main li.link-4 { position: relative; width: 139px; }
ul.nav-main li.link-5 { width: 130px; }
ul.nav-main li.link-6 { width: 76px; }
ul.nav-main li.link-7 { position: relative; width: 72px; }
ul.nav-main li.link-1 > a { background: #e92b8a; }
ul.nav-main li.link-2 > a { background: #f4acc0; }
ul.nav-main li.link-3 > a { background: #0071b5; }
ul.nav-main li.link-4 > a { background: #00a17e; }
ul.nav-main li.link-5 > a { background: #573e99; }
ul.nav-main li.link-6 > a { background: #ff6622; }
ul.nav-main li.link-7 > a { background: #0098ae; }

/*.nav-main .has-dropdown.visible .nav-dropdown { display: block; }*/

.nav a,
.btn {
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.nav-secondary { padding: 16px 0; text-align: center; }
.nav-secondary li { display: inline-block; padding: 0 25px; }
.nav-secondary a { font-size: 12px; font-weight: bold; color: #563d9a; text-transform: uppercase; }
.nav-secondary a:hover,
.nav-secondary .current a { color: #00a17d; }


/* ==========================================================================
    #Dropdowns
========================================================================== */
.nav-dropdown { display: none; position: absolute; top: 92px; left: 0; z-index: 1; overflow: hidden; width: 100%; padding: 20px; }
.nav-dropdown .cols { float: left; padding: 13px 0 0 18px; }
.nav-dropdown .col { width: 245px; }
.nav-dropdown .col ~ .col { margin-left: 20px; }

.nav-dropdown-image { float: right; }
.nav-dropdown-title { padding-bottom: 13px; border-bottom: 1px solid #fac7d4; margin-bottom: 13px; }
.nav-dropdown-title .ico-arrow-white-small { margin-left: 5px; }
.nav-dropdown-title a { font-size: 12px; text-transform: uppercase; color: #fff; letter-spacing: 1px; }
.nav-dropdown-links { float: left; width: 50%; }
.nav-dropdown-links h6 { display: inline-block; border-bottom: 1px solid #fff; }
.nav-dropdown-links ul { padding-bottom: 20px;  }
.nav-dropdown-links a { font-family: 'gillsans bold'; font-size: 12px; color: #fff; letter-spacing: 1px; }

.nav-dropdown-lifestyle { background: #f6adc2; }
.nav-dropdown-lifestyle .col-size1 { width: 130px; }
.nav-dropdown-lifestyle .col-size3 { width: 345px; }

.nav-dropdown-events { top: 64px; width: 417px; background: #00a17d; }
.nav-dropdown-events .nav-dropdown-title { border-color: #adbbb9; }
.nav-dropdown-events .nav-dropdown-links { float: left; width: 105px; padding: 12px 0 0; }
.nav-dropdown-events .nav-dropdown-links li { padding-bottom: 3px; }

.nav-dropdown-sweets { background: #ea2b8a; }
.nav-dropdown-sweets .col-size1 { width: 360px; }
.nav-dropdown-sweets .col-size2 { width: 390px; }

/* ==========================================================================
    #Main
========================================================================== */
.main { padding-bottom: 150px; background: url(images/candyanimation.gif) no-repeat center bottom; border-bottom: 20px solid #fff; }
.main-secondary { padding-bottom: 0; background: transparent; }

.main-inner { padding: 0 105px; }
.main-inner.gutter-bottom-50 { padding-bottom: 50px; }

.breadcrumbs { font-size: 14px; line-height: 16px; font-weight: normal; color: #ababab; margin: 31px 20px; letter-spacing: 0.5px; }
.breadcrumbs ul li { float: left; }
.breadcrumbs ul li ~ li:before { content: '/'; float: left; margin: 0 4px; }
.breadcrumbs ul li a { color: #ababab; }
.breadcrumbs ul li a:hover { color: #e92b8a; }

.banner { position: relative; }
.banner-image { margin: 0 -20px; }
.banner-image img { display: block; width: 100%; }
.banner-caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; padding-top: 95px; }
.banner-caption h2 { font-size: 36px; line-height: 44px; color: #000; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; }
.banner-caption p { padding-top: 8px; font-size: 18px; font-weight: 300; text-transform: uppercase; }
.banner-caption-home { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 122px; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; }
.banner-caption-home h2 { font-size: 44px; line-height: 48px; font-weight: normal; margin: 0 0 32px; }
.banner-caption-home p { margin-bottom: 27px; }
.banner-caption-home .btn { width: 208px; }
.banner-caption-home .banner-caption-content { padding-left: 80px; }
.banner-alt .banner-caption-home { top: 0; left: auto; right: 30px; bottom: auto; width: 410px; }
.banner-alt .banner-caption-home .banner-caption-content { padding-left: 0; }
.banner-alt .shell { position: relative; }

/* ==========================================================================
    #Home Grid
========================================================================== */
.home-grid { padding: 20px 0 0; }
.home-grid .row { margin: 0 -10px; }
.home-grid .col { width: 50%; padding: 0 10px; }
.home-grid .col-full { width: 100%; }
.home-grid-item { display: block; margin-bottom: 20px; position: relative; }
.home-grid-item img { display: block; width: 100%; }
.home-grid-item .post-item { background: #573e9a; color: #fff; height: 498px; padding: 66px 84px; font-size: 14px; line-height: 24px; letter-spacing: 2px; }
.home-grid-item .post-item p { margin-bottom: 39px; }
.home-grid-item .post-item blockquote { font-size: 44px; line-height: 48px; letter-spacing: 0px; margin-bottom: 37px; text-indent: -18px; }
.home-grid-item .post-item .link-arrow { background: url(images/link-arrow-white.png) no-repeat right 0; color: #fff; letter-spacing: 0;}
.home-grid-item .overlay { position: absolute; top: 40px; right: 70px; bottom: 18px; left: 60px; }
/*ACADACA change below !!! overlay circle width/height change 20% smaller */
.home-grid-item .overlay-circle { background: #fff; width: 440px; height: 440px; border-radius: 50%; text-align: center; color: #000; font-size: 14px; line-height: 24px; font-weight: 300; letter-spacing: 2px; padding-top: 97px; margin-top:25px; margin-left:40px;}
.home-grid-item .overlay-circle h2 { font-size: 44px; line-height: 48px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 40px; }
.home-grid-item .overlay-circle p { margin-bottom: 42px; }
.home-grid-item .overlay-circle .link-arrow { letter-spacing: 1px; padding-right: 18px; margin-bottom:9px; }
.home-grid-item:hover img { position: relative; z-index: 3; }
.home-grid-item:hover .form-quickview { display: block; padding-top: 300px; }

.product { position: relative; }
.product-details { float: left; width: 285px; margin-left: 42px; }

.category { padding: 23px 0; }
.category-aside { position: relative; float: left; width: 140px; padding: 2px 0 0; margin-right: 62px; }
.category-aside h4 { font-size: 14px; line-height: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 14px; }

ul.nav-aside { font-size: 12px; line-height: 24px; border-top: 1px solid #e5e5e5; font-weight: bold; padding: 14px 0 13px; letter-spacing: 0.5px; }
ul.nav-aside ~ ul.nav-aside { padding-top: 10px; }
ul.nav-aside li a { color: #000; text-transform: uppercase; }
ul.nav-aside li.current>a,
.nav-aside .has-dropdown:hover a,
ul.nav-aside li a:hover { color: #e92b8a; }
.nav-aside .has-dropdown:hover { background: url(images/nav-aside-dropdown-arrow.png) 115px 7px no-repeat; }
.nav-aside li:hover .nav-aside-dropdown { left: 140px; }
.nav-aside > li > ul { display: none; padding-left: 15px; }
.nav-aside .has-dropdown-secondary.visible > a { color: #e92b8a; }
.nav-aside .has-dropdown-secondary > a { position: relative; padding-right: 15px; }
.nav-aside .has-dropdown-secondary > a:after { position: absolute; top: 2px; right: 0; width: 8px; height: 10px; background: url(images/nav-aside-dropdown-arrow.png) 0 0 no-repeat; content: ''; transition: 0.5s transform; }
.nav-aside .has-dropdown-secondary.visible > a:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.nav-aside { position: relative; }

.nav-aside-dropdown { display: block; position: absolute; bottom: 0; /* top: -23px;*/ z-index: 9998; left: 9999px; width: 185px; padding: 25px 26px 10px; background: #000; color: #fff; }
.nav-aside-dropdown h4 { margin-bottom: 0; }

.category-content { float: left; width: 958px; }
.category-content.full { float: none; width: auto; }

.category-options { padding: 0 5px 32px 0; }
.category-options .sort { float: right; width: 218px; }
.category-options .sort .selecter { text-transform: uppercase; }
.category-options .sort .selecter .selecter-selected,
.category-options .sort .selecter .selecter-options { border-color: #e5e5e5; }

ul.nav-layout { float: right; margin: 10px 20px; }
ul.nav-layout li { float: left; }
ul.nav-layout li ~ li { margin-left: 9px; }
ul.nav-layout li a.icon-grid { display: block; width: 19px; height: 19px; background: url(images/icon-layout.png) no-repeat 0 0; }
ul.nav-layout li a.icon-grid-3 { background-position: 0 0; }
ul.nav-layout li.selected a.icon-grid-3,
ul.nav-layout li a.icon-grid-3:hover { background-position: 0 bottom; }
ul.nav-layout li a.icon-grid-5 { background-position: -19px 0; }
ul.nav-layout li.selected a.icon-grid-5,
ul.nav-layout li a.icon-grid-5:hover { background-position: -19px bottom; }

/* ==========================================================================
    #Features
========================================================================== */
.section-features { padding: 22px 0 55px; }
.features { overflow: hidden; margin-right: -22px; }
.feature { position: relative; float: left; width: 570px; margin: 0 20px 22px 0; }
.feature-image { width: 570px; height: 498px; }
.feature-image img { width: 100%; height: 100%; }
.feature-content,
.feature-content a { width: 348px; height: 348px;  }
.feature-content { position: absolute; top: 50%; left: 50%; margin: -174px 0 0 -174px; }
.feature-content a { display: table-cell; border-radius: 50%; background: #f8afc3; vertical-align: middle; text-align: center; color: #fff; text-transform: uppercase; }
.feature .feature-content a:hover { color: #fff!important; }
.feature-title,
.feature-actions { display: block; }
.feature-title { padding-bottom: 17px; font-size: 40px; line-height: 1.1; font-weight: normal; }
.feature-actions span { padding-right: 15px; background: url(images/link-arrow-white.png) right center no-repeat; font-size: 13px; font-weight: bold; letter-spacing: 1px; }
.feature-secondary .feature-image { background: #f8afc3; }
.feature-secondary .feature-content a { background: #fff; color: #000; }
.feature-secondary .feature-content a:hover { color: #000!important; }
.feature-secondary .feature-actions span { background-image: url(images/link-arrow.png); }

/* ==========================================================================
    #Slider Related
========================================================================== */
.section-related-products { padding-bottom: 60px; }
.slider-related .slides { overflow: hidden; }
.slider-related .slider-clip { width: 1000px; margin: 0 auto; }
.slider-related .slide { width: 165px!important; }
.slider-related .slide-image img { width: 100%; height: auto; }
.slider-related .bx-controls-direction a.bx-next { right: -80px; }
.slider-related .bx-controls-direction a.bx-prev { left: -80px; }

/* ==========================================================================
    #Category
========================================================================== */
ul.category-items-list { margin: 0 -44px 0 0; }
ul.category-items-list > li { float: left; width: 296px; height: 380px; margin: 0 38px 65px 0; }

ul.category-items-list.category-items-list-5 { margin: 0 -19px; font-size: 0; }
ul.category-items-list.category-items-list-5 > li { width: 20%; height: auto; margin-right: 0; padding: 0 19px; float: none; display: inline-block; vertical-align: top; font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.category-items-list.category-items-list-5 .category-item-image { width: 100%; height: auto; }
ul.category-items-list.category-items-list-5 li:hover .category-item-image { width: 100%; height: auto; margin-bottom: 10px; }
ul.category-items-list.category-items-list-5 .category-item-image { margin-bottom: 10px; }
ul.category-items-list.category-items-list-5 .category-item-image > img { width: 100%; height: auto; }
ul.category-items-list.category-items-list-5 .form-quickview { padding-top: 180%; }
ul.category-items-list.category-items-list-5 .details-toggle-holder { margin-top: 10px; }
ul.category-items-list.category-items-list-5 .details-toggle-holder a { color: #32607b; }

.category-items-foot { text-align: center; }

.no-touch .category-items-list li:hover .category-item-body { position: relative; z-index: 3; }
.no-touch .category-items-list li:hover .form-quickview { display: block; }
.no-touch .category-items-list li:hover .category-item-image > img:first-child { opacity: 0; }
.no-touch .category-items-list li:hover .category-item-image > .hover-image { display: block; }
.no-touch .category-items-list li:hover .category-item-image { width: 283px; height: 283px; border-radius: 50%; margin-bottom: 24px; overflow: hidden; }
.no-touch .category-items-list li:hover .category-item-image > .hover-image {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

.category-item { display: block; position: relative; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.category-item-image { position: relative; display: block; width: 296px; height: 296px; margin-bottom: 11px; position: relative; }
.category-item-image > img { display: block; width: 296px; height: 296px; }
.category-item-image > .hover-image { display: none; }
.category-item-image .arrow-up { position: absolute; top: 210px; right: 8px; width: 31px; height: 32px; background: url(images/arrow-up.png) no-repeat 0 0; }
.category-item-image:hover { color: #000; }
.category-items-list li:hover .category-item-image-circle { width: 296px; height: 296px; }
.category-item-image-circle { overflow: hidden; border-radius: 50%; background: #ffe000; }
.category-item-image-circle .overlay { position: absolute; top: 49px; right: 20px; bottom: 48px; left: 53px; }
.category-item-image-circle .overlay img.img-left { float: left; width: 100px; height: 188px; margin-right: 23px; }
.category-item-image-circle .overlay .circle-title { float: left; width: 100px; font-size: 26px; line-height: 30px; text-transform: uppercase; font-weight: 300; padding: 31px 0 21px; }
.category-item-image-circle .overlay .arrow { float: left; display: block; width: 32px; height: 32px; background: url(images/arrow-black.png) no-repeat 0 0; }
.category-item-image-circle-2 { color: #fff; background: #f4acc0; }
.category-item-image-circle-2 .overlay { top: 43px; right: 40px; bottom: 43px; left: 40px; text-align: center; }
.category-item-image-circle-2 .overlay .circle-title { float: none; display: block; width: 100%; text-align: center; padding: 0 0 11px; }
.category-item-image-circle-2 .overlay img { display: block; width: 207px; height: 90px; margin: 0 auto 26px; }
.category-item-image-circle-2 .overlay .arrow { float: none; background-image: url(images/arrow-white.png); margin: 0 auto; }
.category-item-image-circle-2:hover { color: #fff; }
.category-item p { margin: 0; }
.category-item p.offer { color: #e01c36; font-weight: normal; padding-top: 6px; }
.category-item p.offer-2 { color: #ed6f21; }
.category-item p.offer-3 { color: #0071b5; }

.hover-image { display: none; position: absolute; top: 0; left: 0; }

.category-items-small .category-items-list > li { width: 175px; height: 270px; margin-right: 25px; }
.category-items-small .category-item-image { width: auto; height: 175px; }
.category-items-small .category-item-image > img { width: 175px; height: 175px; }
.category-items-small .category-item-image > .hover-image { left: -10px; }
.category-items-small .category-item-image-circle .overlay img.img-left { width: 60px; height: auto; margin-right: 13px; }
.category-items-small .category-item-image-circle .overlay { top: 30px; left: 32px; bottom: auto; right: auto; }
.category-items-small .category-item-image-circle .overlay .circle-title { width: 60px; padding: 15px 0 12px; font-size: 15px; line-height: 1.2; }
.category-items-small .category-item-image-circle .overlay .arrow { width: 19px; height: 19px; background-image: url(images/arrow-black-small.png); }
.category-items-small .category-item-image-circle-2 .overlay .arrow { background-image: url(images/arrow-white-small.png); }
.category-items-small .category-item-image-circle-2 .overlay .circle-title { width: 100%; padding: 25px 0 6px; }
.category-items-small .category-item-image-circle-2 .overlay { top: 0; left: 0; right: auto; bottom: auto; }
.category-items-small .category-item-image-circle-2 .overlay img { width: 120px; height: auto; margin-bottom: 15px; }
.category-items-small .form-quickview { padding: 295px 10px 20px; }
.category-items-small .form-quickview .chosen-container .chosen-results li,
.category-items-small .form-quickview .chosen-container { font-size: 8px; }
.category-items-small .form-quickview .chosen-container-single .chosen-single { height: 24px; padding: 2px 0 2px 7px; }
.category-items-small .form-quickview .chosen-container-single .chosen-single div { width: 26px; height: 24px; background-image: url(images/select-arrow-tablet.png); }
.category-items-small .form-quickview .form-row { padding-bottom: 8px; }
.category-items-small .form-quickview .btn { height: 22px; padding: 0; font-size: 8px; line-height: 22px; }
.category-items-small .form-quickview .form-notice { padding-top: 4px; font-size: 9px; }
.category-items-small .category-items-list li:hover .category-item-image { width: 160px; height: 160px; }
.category-items-small .category-items-list li:hover .category-item-image-circle { width: auto; height: 175px;  }

.offer { color: #e01c36; }
.offer-2 { color: #ed6f21; }
.offer-3 { color: #0071b5; }

.more-wrapper { position: relative; padding-bottom: 38px; margin-bottom: 10px; }
.more-wrapper .load-more { position: absolute; bottom: 4px; left: 50%; width: 230px; margin-left: -115px; }

.form-quickview { display: none; position: absolute; top: -20px; left: -20px; width: 100%; padding: 413px 20px 20px; z-index: 2; background: #fff; box-shadow: 0 1px 5px #e4e4e4;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.form-quickview .chosen-container .chosen-results,
.form-quickview .chosen-container-single .chosen-single { border-color: #000; }
.form-quickview .form-row { padding-bottom: 10px; }
.form-quickview .btn { width: 100%; background: #009eb4; }
.form-quickview .form-notice { display: block; padding-top: 10px; }

/* ==========================================================================
    #Promotions
========================================================================== */
.section-promotions { padding-bottom: 20px; }
.list-promotions { overflow: hidden; background: #f8afc3; color: #fff; }
.list-promotions li { float: left; width: 386px; padding: 6px 0 7px; text-align: center; }
.list-promotions li + li { border-left: 1px solid #fac7d4; }

/* ==========================================================================
    #Lifestyle
========================================================================== */
.lifestyle .breadcrumbs { margin: 25px 0; font-weight: 300; }
.lifestyle .breadcrumbs ul { padding: 0 20px; }

/* ==========================================================================
    #Slider
========================================================================== */
.home-slider { margin-bottom: 28px; }
.home-slider .slides-container { background: #f8afc2; position: relative; }
.home-slider .slide-wrapper { padding: 50px 108px; }
.home-slider .slide-wrapper .col-left { float: left; width: 430px; }
.home-slider .slide-wrapper .col-right { float: right; width: 430px; }
.home-slider .slide-circle { position: relative; display: block; width: 430px; height: 430px; overflow: hidden; border-radius: 50%; background: #fff; position: relative; text-align: center; }
.home-slider .slide-circle img.block-image { display: block; width: 100%; height: 100%; border-radius: 50%; }
.home-slider .slide-circle .icon-zoom { position: absolute; top: 204px; left: 245px; width: 27px; height: 27px; background: url(images/icon-zoom.png) no-repeat 0 0; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, .1);}
.home-slider .slide-circle-black { background: #000; }
.home-slider .slide-circle-black img.number-image { display: block; width: 122px; height: 110px; margin: 66px auto 42px; }
.home-slider .slide-circle-black .sep { display: block; width: 39px; height: 3px; background: url(images/sep.png) no-repeat 0 0; margin: 38px auto; }
.home-slider .slide-circle-black h3 { font-size: 24px; line-height: 28px; text-align: center; color: #fff; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; margin-bottom: 30px; }
.home-slider .slide-circle-black .link-arrow { color: #fff; background: url(images/link-arrow-white.png) no-repeat right 2px; padding-left: 24px; }
.home-slider .arrow-up { position: absolute; right: 14px; bottom: 18px; width: 31px; height: 32px; background: url(images/arrow-up.png) no-repeat 0 0; }

.home-slider .slide-popup { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; text-align: center; opacity: 0; visibility: hidden; border-radius: 50%; overflow: hidden;
    -webkit-transition: 0.3s opacity, 0.3s visibility;
    -o-transition: 0.3s opacity, 0.3s visibility;
    transition: 0.3s opacity, 0.3s visibility;
}
.home-slider .slide-wrapper.visible .slide-popup { opacity: 1; visibility: visible; z-index: 5; }
.home-slider .slide-wrapper.visible .popup-overlay { opacity: 1; visibility: visible; }
.home-slider .slide-popup-content { position: absolute; top: 50%; left: 0; width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home-slider .popup-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 100%; background: rgba(153,164,214, .9); opacity: 0; visibility: hidden;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.home-slider .slide-popup-image { padding-bottom: 25px; }
.home-slider .slide-popup-image img { display: inline-block; width: 250px; height: auto; text-align: center; }
.home-slider .slide-popup-entry h6 { font-size: 13px; line-height: 1.1;  letter-spacing: 1px; }


/* ==========================================================================
    #Product
========================================================================== */
.product-detail { position: relative; z-index: 5; padding: 70px 0 48px; min-height: 614px; font-size: 16px; line-height: 20px; font-weight: 300; }
.product-detail .col-left { float: left; width: 290px; margin: 0 0 0 20px; }
.product-detail .col-right { float: right; width: 280px; margin: 8px 12px 0 0; }
.product-detail h2 { margin-bottom: 30px; }
.product-detail .rating { display: inline-block; vertical-align: top; padding: 1px 5px 0 0; }
.product-detail .row { margin-bottom: 11px; }
.product-detail .row span a { text-decoration: underline; }
.product-detail .social-links { width: 183px; }
.product-detail .social-links li ~ li { margin-left: 23px; }
.product-detail .social-links li a { height: 20px; background-image: url(images/social-icons-black.png); }
.product-detail .social-links li a.icon-facebook { width: 10px; background-position: 0 0; }
.product-detail .social-links li a.icon-twitter { width: 23px; background-position: -10px 0; }
.product-detail .social-links li a.icon-pinterest { width: 20px; background-position: -33px 0; }
.product-detail .social-links li a.icon-email { width: 23px; background-position: -53px 0; }

.product-detail .form-giftcard { position: absolute; bottom: 115px; right: 12px; width: 280px; line-height: 1.1; font-weight: normal; }
.form-giftcard .form-head { padding-bottom: 5px; }
.form-giftcard .form-head p { text-transform: uppercase; }
.form-giftcard .form-head a { color: #ff6621; text-decoration: underline; }
.form-giftcard .form-head a:hover { text-decoration: none; }
.form-giftcard .form-label { display: block; padding-bottom: 10px; }
.form-giftcard .form-controls { overflow: hidden; }
.form-giftcard .field { float: left; width: 172px; height: 39px; padding: 0 10px; border: 1px solid #000; font-weight: normal; }
.form-giftcard .btn { float: right; width: 95px; height: 39px; }
.form-giftcard .form-notice { display: block; padding-top: 15px; }

.product-slider { position: absolute; top: -16px; left: 50%; z-index: -1; width: 546px; margin: 0 0 0 -273px; }
.product-slider .slide img { display: block; max-width: 100%; }
.product-slider .slides-container { margin-bottom: 25px; }
.product-slider .thumbs { text-align: center; }
.product-slider .thumbs a { display: inline-block; width: 54px; }
.product-slider .thumbs a ~ a { margin-left: 7px; }
.product-slider .thumbs a img { display: block; width: 54px; }

.toggle-items { border-top: 1px solid #e5e5e5; }
.toggle-item { border-bottom: 1px solid #e5e5e5; }
.toggle-item .icon-toggle-arrow { position: absolute; top: 19px; right: 8px; width: 17px; height: 11px; background: url(images/toggle-arrow.png) no-repeat 0 0; }
.toggle-item-active .icon-toggle-arrow { background-position: 0 -11px; }
.toggle-item-title { cursor: pointer; position: relative; font-size: 14px; line-height: 24px; padding: 13px 25px 13px 0; font-weight: bold; text-transform: uppercase; }
.toggle-item-content { display: none; font-size: 16px; line-height: 24px; font-weight: 300; letter-spacing: 0.5px; padding-bottom: 4px; }
.toggle-item-content p { margin-bottom: 18px; padding-top: 6px; }
.toggle-item.current .toggle-item-content { display: block; }

/* ==========================================================================
    #Circles
========================================================================== */
.circle-items { overflow: hidden; }
.circle-items .two-cols { margin: 0 -10px; }
.circle-items .two-cols .col { padding: 0 10px; }
.circle-item { height: 508px; margin-bottom: 20px; text-align: center; background: #ffde00; position: relative; }
.circle-item-bg { display: block; width: 570px; height: 508px; }
.circle-item .author { font-size: 15px; line-height: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 53px; }
.circle-item blockquote { font-size: 32px; line-height: 36px; letter-spacing: 0px; }
.circle-item-overlay { width: 432px; height: 432px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -216px 0 0 -216px; }
.circle-item-1 { background: #ffde00; }
.circle-item-1 .circle-item-overlay { background: #5a3f90; color: #fff; padding: 74px 60px; }
.circle-item-2 .circle-item-overlay { background: #fff; color: #000; padding: 49px 60px; }
.circle-item-2 .circle-item-overlay p.title { margin-bottom: 83px; font-size: 14px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; }
.circle-item-2 .circle-item-overlay h2 { letter-spacing: 1px; margin-bottom: 32px; }
.circle-item-2 .circle-item-overlay .link-arrow { letter-spacing: 2px; padding-right: 20px; background-position: right 1px; }

/* ==========================================================================
    #Reviews
========================================================================== */
.reviews { border-top: 1px solid #e5e5e5; margin: 15px 0 35px; overflow: hidden; }
.reviews-head { border-bottom: 1px solid #e5e5e5; text-align: center; padding: 29px 0; }
.reviews-head h3 { font-size: 24px; line-height: 28px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; margin-bottom: 13px; }
.reviews .btn { padding: 7px 36px 5px; background: #00a27e; }
.reviews .two-cols { margin: 0 -48px; }
.reviews .two-cols .col { width: 50%; padding: 0 66px; }

.review { border-bottom: 1px solid #e5e5e5; padding: 44px 0; margin: 0 0 10px; font-size: 16px; line-height: 24px; font-weight: 300; }
.review-head { float: left; width: 178px; padding-right: 18px; letter-spacing: 0.5px; }
.review-head .name { font-size: 26px; line-height: 28px; margin-bottom: 3px; }
.review-head .date { margin-bottom: 17px; }
.review-entry { float: left; width: 310px; padding: 2px 0; }

.reviews .more-wrapper { padding-top: 30px; text-align: center; }

.link-arrow { display: inline-block; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; padding-right: 23px; background: url(images/link-arrow.png) no-repeat right 2px; }

.bx-controls-direction a { position: absolute; top: 50%; margin-top: -28px; display: block; width: 42px; height: 56px; background: url(images/slider-nav.png) no-repeat 0 0; }
.bx-controls-direction a.bx-prev { left: 0; background-position: 0 0; }
.bx-controls-direction a.bx-next { right: 0; background-position: right 0; }

.chosen-container { width: 100% !important; }
.chosen-container-single .chosen-search { display: none; }

/* ==========================================================================
    #Rating
========================================================================== */
.rating { overflow: hidden; }
.rating .star { float: left; width: 15px; height: 15px; background: url(images/star.png) no-repeat 0 0; }
.rating .star ~ .star { margin-left: 2px; }
.rating .star-active { background-position: 0 bottom; }

/* ==========================================================================
    #Footer
========================================================================== */
.footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 325px; color: #fff; background: #000 url(images/footer-border.png) repeat-x center 0; padding: 38px 0 28px; font-size: 13px; line-height: 22px; }
.footer a { color: #fff; }
.footer a:hover { color: #f4acc0; }
.footer .four-cols .col { padding: 0 0 0 49px; width: 280px; text-transform: uppercase; font-weight: bold; }

.social-links { text-align: center; padding-bottom: 38px; }
.social-links li { display: inline-block; }
.social-links li ~ li { margin-left: 21px; }
.social-links li a { display: block; width: 22px; height: 22px; background: url(images/social-icons.png) no-repeat 0 0; }
.social-links li a.icon-facebook { background-position: 0 0; }
.social-links li a.icon-twitter { background-position: -22px 0; }
.social-links li a.icon-pinterest { background-position: -44px 0; }
.social-links li a.icon-instagram { background-position: -66px 0; }
.social-links li a.icon-vimeo { background-position: -88px 0; }

.copyright { padding: 25px 49px 0; font-size: 14px; line-height: 21px; font-weight: normal; }

.full-overlay { display: none; }

/* ==========================================================================
    #Forms
========================================================================== */
.form-join { width: 210px; }
.form-join .form-body { position: relative; }
.form-join label { display: block; margin-bottom: 22px; }
.form-join .field { width: 100%; border: 0; border-bottom: 3px solid #fff; background: transparent; color: #fff; padding: 4px 14px 4px 0; }
.form-join .submit { position: absolute; right: 0; bottom: 0; width: 14px; height: 25px; border: 0; cursor: pointer; background: url(images/submit-arrow.png) no-repeat center center; }
.form-join .form-notice { padding-top: 5px; text-transform: none; font-weight: normal; }
.form-join .form-alert { font-size: 13px; text-transform: none; }

.form-join ::-webkit-input-placeholder { color: #fff; opacity: 1; }
.form-join :-moz-placeholder { color: #fff; opacity: 1; }
.form-join ::-moz-placeholder { color: #fff; opacity: 1; }
.form-join ::input-placeholder { color: #fff; opacity: 1; }
.form-join input::-moz-placeholder { color: #fff; opacity: 1; }
.form-join input[placeholder] { color: #fff; opacity: 1; }
.form-join :-ms-input-placeholder { color: #fff; opacity: 1; }

.form-notice { display: block; font-size: 14px; }
.form-notice-error { color: #ff0000; }

.icheckbox,
.iradio {display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-size: 0; line-height: 0;  border: none; cursor: pointer; }

.icheckbox,
.iradio { width: 16px; height: 16px; border: 1px solid #000; }

.icheckbox.checked,
.iradio.checked { background: #f6adc2; }

.checkbox label,
.radio label { cursor: pointer; }

.form-add { padding: 24px 0 31px; width: 183px; }
.form-add .form-control { margin-bottom: 10px; }
.form-add .chosen-container-single .chosen-single,
.form-add .chosen-container .chosen-results { border-color: #000; overflow: visible; }
.form-add .btn { display: block; width: 100%; background: #0099af; }
.form-add .form-row { position: relative; }
.form-add .form-hint { position: absolute; top: 10px; left: 193px; width: 100px; }
.form-add .form-notice { padding-top: 3px; }

.form-add-secondary { padding: 0 0 30px 0; }
.form-add-secondary .form-row { padding-bottom: 6px; }
.form-add-secondary .form-label { display: block; font-size: 14px; padding-bottom: 5px; }
.form-add-secondary .textarea,
.form-add-secondary .field { width: 100%; border: 1px solid #000; font-weight: normal; }
.form-add-secondary .field { height: 41px; padding: 0 10px; }
.form-add-secondary .textarea { height: 113px; padding: 10px; }
.form-add-secondary .form-body { padding-bottom: 15px; }

.colors { padding-bottom: 10px; }
.colors-label { display: block; padding-bottom: 2px; text-transform: uppercase; }
.list-colors { overflow: hidden; }
.list-colors li { float: left; }
.list-colors li + li { padding-left: 8px; }

.form-filter-secondary .form-head { border-bottom: 1px solid #fff; margin-bottom: 12px; }
.form-filter-secondary .form-actions { padding-top: 10px; margin-left: -8px; text-align: center; }
.form-filter-secondary .icheckbox { width: 11px; height: 11px; border: 2px solid #fff; margin-right: 8px; background: #000; }
.form-filter-secondary .icheckbox.checked { border-color: #f4acc0; background: #f4acc0; }
.form-filter-secondary .icheckbox.checked + label { color: #e92b8a; }
.form-filter-secondary .checkbox label { text-transform: uppercase; }
.form-filter-secondary .btn { display: block; width: 100%; height: 32px; padding: 0; font-size: 12px; line-height: 32px; text-align: center; }

.reset { background: transparent; border: 0; border-radius: 0; text-transform: uppercase; font-size: 12px; color: #fff; letter-spacing: 1px; margin-top: 17px; cursor: pointer; }
.form-filter-secondary .form-body { max-height: 300px; padding: 0; overflow: auto; margin-right: -10px; }
.form-filter-secondary .checkbox { padding-bottom: 1px; }

.other { margin-bottom: 39px; border-top: 1px solid #e5e5e5; padding: 40px 0 0; }
.other .category-item:hover .form-quickview { display: block; }
.other h4 { font-size: 14px; line-height: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 69px; }
.other .four-cols { padding: 0 20px; }
.other .col { padding: 0 10px; }
.other .category-item { width: 260px; height: 352px; }
.other .category-item-image { width: 260px; height: auto; margin-bottom: 14px; }
.other .category-item-image img { width: 260px; height: 260px; }
.other .category-item:hover .category-item-body { position: relative; z-index: 3; }

/* ==========================================================================
    #BX SLider
========================================================================== */
.bx-wrapper { position: relative; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport {
    will-change: all;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

body.home-page a:hover { color: #0099af !important; }
body.category-page a:hover { color: #e92b8a !important; }
body.category-page .header a:hover { color: #000!important; }

/* ==========================================================================
    #Popups
========================================================================== */
.list-popups { padding: 50px 0; }
.popup { background: #fff; }

.popup-email { overflow: hidden; width: 570px; height: 570px; border-radius: 50%; }
.form-popup-email { display: table-cell; width: 570px; height: 570px; vertical-align: middle; }
.form-popup-email .form-head { padding: 0 50px 40px; text-align: center; }
.form-popup-email h2 { font-size: 44px; line-height: 48px; }
.form-popup-email .form-body,
.form-popup-email .form-actions { width: 217px; margin: 0 auto; }
.form-popup-email .form-body { padding-bottom: 20px; }
.form-popup-email .form-row { padding-bottom: 17px; }
.form-popup-email .field { width: 100%; padding-bottom: 9px; border: 0; border-bottom: 4px solid #000; font-size: 14px; color: #000; font-weight: normal; }
.form-popup-email .form-notice { padding-top: 5px; margin-bottom: -17px; text-align: left; }
.form-popup-email .btn { width: 100%;  }
.form-popup-email .form-alert {  padding: 0 50px 75px; text-align: center; }
.form-popup-email .form-welcome { text-align: center; }
.form-popup-email .form-welcome h2 { font-size: 33px; line-height: 1.1; }
.form-popup-email .form-welcome p { font-size: 27px; line-height: 1.1; }
.form-popup-email .form-welcome .signature { display: inline-block; padding-left: 200px; }
.form-popup-email .form-welcome .actions { padding-top: 28px; }
.form-popup-email .form-welcome .btn { width: auto; }

.popup-primary { width: 540px; padding: 27px 30px 40px; }
.popup-primary .popup-head { padding-bottom: 23px; }
.popup-primary .popup-head h4 { font-size: 30px; }
.popup-primary .popup-head .product-image,
.popup-primary .popup-head .product-title { display: none; }

.size-chart img { width: 100%; height: auto; }

.popup-form form { overflow: hidden; }
.popup-form .form-aside { float: left; width: 120px; }
.popup-form .form-content { float: right; width: 353px; margin-top: -5px; }
.popup-form .product-image { padding-bottom: 5px; }
.popup-form .product-title { font-size: 10px; }
.popup-form .form-row { padding-bottom: 20px; }
.popup-form .form-label { display: block; text-transform: uppercase; }
.popup-form .field,
.popup-form .textarea { width: 100%; font-size: 14px; border: 1px solid #000; font-weight: normal; }
.popup-form .field { height: 39px; padding: 0 10px; }
.popup-form .textarea { height: 205px; padding: 10px; }
.popup-form .form-actions { overflow: hidden; }
.popup-form .form-actions .link-cancel { float: left; margin-top: 7px; text-transform: uppercase; font-weight: bold; }
.popup-form .form-actions .btn { float: right; width: 217px; }
.popup-form .form-row-inline { overflow: hidden; }
.popup-form .form-row-inline .form-controls,
.popup-form .form-row-inline .form-label { float: left; }
.popup-form .form-row-inline .form-label { width: 100px; }
.popup-form .form-row-inline .form-controls { padding: 0 0 0 15px; }
.popup-form .form-notice { display: inline; padding-left: 25px; text-transform: none; }
.popup-form .rating { padding-top: 3px; }

.popup-form-notify .form-body { padding-bottom: 30px; }
.popup-form-notify .form-label { padding-bottom: 13px; }

.popup-form-review .form-content { padding-top: 7px; margin-top: 0; }
.popup-form-review .form-label { padding-bottom: 3px; }

.popup-article { overflow: hidden; padding-right: 100px; line-height: 1.75; }
.popup-article ~ .popup-article { padding-top: 10px; }
.popup-article-image { float: left; margin-right: 40px; }
.popup-article-content { overflow: hidden; padding-top: 7px; }

.popup-article-secondary { padding-right: 0; }
.popup-article-secondary .popup-article-entry { font-size: 16px; line-height: 1.5; }
.popup-article-secondary .popup-article-entry p + p { padding-top: 34px; }
.popup-secondary { width: 560px; padding: 20px; }

.popup-article-slider { padding-bottom: 33px; }

.popup-events  { padding-top: 20px; }
.popup-events h2 { padding-bottom: 25px; font-size: 24px; text-transform: none; font-weight: bold; }

.list-events-secondary { overflow: hidden; margin-right: -20px; font-size: 16px; line-height: 1.55; }
.list-events-secondary li { float: left; width: 270px; margin: 0 20px 47px 0; }
.list-events-secondary h5 { font-size: 16px; }

/* ==========================================================================
    #Custom Popup
========================================================================== */
.popup-custom { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: url(images/candyanimation.gif) 0 0 repeat; }
.popup-custom:before,
.popup-custom:after { position: fixed; left: 0; width: 100%; height: 24px; background: url(images/popup-border.png) 0 0 repeat-x; content: ''; z-index: 999; }
.popup-custom:before { top: 0; }
.popup-custom:after { bottom: 0; }
.popup-custom .popup-content { position: fixed; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup-custom .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,158,180, .79); }
.popup-logo { padding-bottom: 21px; }

.popup-custom .popup-email { width: 706px; height: 706px; }
.form-popup-email-alt { display: block; width: 706px; padding-top: 24px; vertical-align: top; }
.form-popup-email-alt h2 { padding-bottom: 7px; font-size: 39px; }
.form-popup-email-alt h3 { position: relative; margin-bottom: 23px; font-size: 32px; line-height: 1.16; text-transform: none; }
.form-popup-email-alt h3 img { width: 130px; height: auto; margin: -8px -130px 0 0; vertical-align: top; }
.form-popup-email-alt .form-head { padding-bottom: 38px;  }
.form-popup-email-alt .form-head p { font-family: 'gillsans bold', sans-serif; font-size: 21px; line-height: 1.1; }
.form-popup-email-alt .form-body { width: 390px; }
.form-popup-email-alt .form-row { padding-bottom: 24px; }
.form-popup-email-alt .field { padding-bottom: 13px; border-bottom-width: 5px; font-size: 18px; }
.form-popup-email-alt .form-actions { width: 280px; margin-top: -13px; }
.form-popup-email-alt .form-actions .btn { height: 50px; padding: 0; font-size: 20px; line-height: 50px; }

.form-popup-email-alt .form-success { display: none; text-align: center; padding-top: 14px; }
.form-popup-email-alt .form-success p { padding-bottom: 25px; font-family: 'gillsans bold', sans-serif; font-size: 21px; line-height: 1.1; }
.form-popup-email-alt .form-success .popup-logo { position: static; top: 37px; left: 0; width: 100%; padding-bottom: 46px; }
.form-popup-email-alt .form-success h2 { padding-bottom: 23px;  }

.submited .form-popup-email-alt,
.popup-custom .popup-email.submited { width: 544px; height: 544px; }
.popup-custom .popup-email.submited { background: #fff url(images/thank-you.jpg) center bottom no-repeat; }
.submited .form-popup-email-alt .form-success { display: block; }
.submited .form-popup-email-alt .form-inner { display: none; }

.form-popup-email-alt .form-notice-error { display: none; }
.form-popup-email-alt .error .form-notice-error  { display: block; }

.cart-popup-open .popup-custom-cart { display: block; }
.popup-custom-cart { display: none; background: transparent; }
.popup-content-cart.popup-content { width: 880px;}
.popup-cart { padding: 23px 35px 21px; }
.popup-cart h4 { padding-bottom: 3px; font-weight: bold; }
.popup-cart .popup-head { padding-bottom: 36px; text-align: center; }
.popup-cart .popup-head p { font-size: 14px; font-weight: bold; }
.popup-cart .popup-actions { text-align: center; }
.popup-cart .form-quickview { display: block; position: static; padding: 0; box-shadow: none; }
.popup-cart .form-quickview .btn { background: #009eb4; }
.popup-cart .price { font-weight: bold; }
.popup-cart .popup-body { padding-bottom: 60px; }

.cart-products { list-style: none outside none; }
.cart-product { float: left; width: 260px; }
.cart-product ~ .cart-product { padding-left: 15px; }
.cart-product-image { padding-bottom: 50px; }
.cart-product-content { padding-bottom: 56px; }

/* ==========================================================================
    #Section Search
========================================================================== */
.section-search { padding: 33px 5px 0 92px; }
.section-search .section-head h3 { float: left; }
.section-search .section-head-inner { float: right; padding-top: 16px; }
.section-search .section-body { padding-top: 20px; }
.section-search .nav-layout,
.section-search .sort { float: left; }
.section-search .sort { width: 218px; }
.no-touch .section-search .category-items-list li:hover .category-item-image > img:first-child { width: 175px; height: 175px; opacity: 1; }
.section-search .category-items-small li:hover .category-item-image { height: 175px; margin-bottom: 11px; }
.no-touch .section-search .category-items-list li:hover .category-item-image { border-radius: 0; }
.section-search .category-items-small .category-items-list li:hover .category-item-image { width: 175px; }

.no-touch .section-popular .category-items-list li:hover .category-item-image > img:first-child { width: 175px; height: 175px; opacity: 1; }
.section-popular .category-items-small li:hover .category-item-image { height: 175px; margin-bottom: 11px; }
.no-touch .section-popular .category-items-list li:hover .category-item-image { border-radius: 0; }
.section-popular .category-items-small .category-items-list li:hover .category-item-image { width: 175px; }

.search-secondary { padding: 5px 0 44px; }
.search-secondary h6 { letter-spacing: 1px; }
.search-secondary h6 br { display: none; }
.search-secondary .form-head { padding-bottom: 44px; }
.search-secondary .form-body { overflow: hidden; }
.search-secondary .search-field,
.search-secondary .search-btn { float: left; }
.search-secondary .search-field { width: 298px; height: 39px; padding: 0 10px; border: 1px solid #000; }
.search-secondary .search-btn { width: 132px; height: 39px; border: 0; border-radius: 0; margin-left: 20px; background: #ffe100; font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; cursor: pointer; }

.hidden { display: none; }

/* ==========================================================================
    #Section Popular
========================================================================== */
.section-popular { padding: 0 5px 0 92px; }
.section-popular .section-head { padding-bottom: 44px; }

/* ==========================================================================
    #Section Cart
========================================================================== */
.section-cart { padding: 42px 0 35px; }
.section-cart .section-head { overflow: hidden; padding-bottom: 40px; }
.section-cart .section-head h2 { float: left; }
.section-cart .form-alert { float: left; padding: 22px 0 0 32px; color: #4b4b4b; text-transform: uppercase; }

.table-cart { }
.table-cart th { padding: 13px 0; background: #e5e5e5; color: #000; text-align: left; text-transform: uppercase; }
.table-cart td { padding-top: 25px; vertical-align: top; }
.table-cart th:last-child,
.table-cart td:last-child { padding-right: 20px; text-align: right; }
.table-cart th:first-child { padding-left: 20px; }
.table-cart .table-body { padding-bottom: 27px; }
.table-cart .table-foot { overflow: hidden; padding: 24px 0 10px; border-width: 1px 0; border-style: solid; border-color: #e5e5e5; }
.table-cart .form-promo { float: left; }
.table-cart .total { float: right; }
.table-cart .table-actions-inner { width: 207px; margin-left: auto; }
.table-cart .table-actions { padding-top: 34px; }
.table-cart .table-actions .btn { display: block; width: 100%; padding: 10px 0 9px; line-height: 1.25; }
.table-cart .table-actions .btn ~ .btn { margin-top: 20px; }

.total { width: 252px; }
.total dl { overflow: hidden; }
.total dt,
.total dd { font-weight: bold; text-transform: uppercase; }
.total dt { float: left; padding-bottom: 13px; clear: both; }
.total dd { float: right; text-align: right; }

.form-promo h6 { font-size: 14px; }
.form-promo .form-head { padding-bottom: 13px; }
.form-promo .form-row { overflow: hidden; }
.form-promo .field { float: left; width: 172px; height: 39px; padding: 0 10px; border: 1px solid #000; font-weight: normal; }
.form-promo .btn { float: left; width: 94px; height: 39px; margin-left: 13px; }
.form-promo .form-notice { display: block; padding-top: 6px; text-transform: uppercase; }

.cart-item-image,
.cart-item-content { float: left; }
.cart-item-content { max-width: 421px; }
.cart-item-image { padding: 6px 10px 0 0; }
.cart-item-title { padding-bottom: 15px; line-height: 1.5; }
.cart-item-shipping { font-size: 12px; color: #adadad; text-transform: uppercase; }
.cart-item-meta { padding-bottom: 22px; }

.cart-item-actions .link-remove,
.cart-item-quantity .link-update { font-size: 12px; color: #000; text-transform: uppercase; text-decoration: underline; }
.cart-item-actions .link-remove:hover,
.cart-item-quantity .link-update:hover { text-decoration: none;  }
.cart-item-quantity { width: 120px; padding-top: 5px; }
.cart-item-quantity .field { width: 83px; height: 39px; border: 1px solid #000; font-weight: normal; text-align: center; }
.cart-item-quantity-actions { padding: 8px 0 0 20px; }
.cart-item-price { display: block; padding-top: 13px; }

/* ==========================================================================
    #Section Order
========================================================================== */
.section-order { padding-top: 42px; }
.section-order .section-head { padding-bottom: 39px; }
.section-order .section-body { border: 1px solid #e5e5e5; }
.section-order .section-body ~ .section-body{ border-top: 0; }
.section-order .section-body-inner-head { padding: 13px 18px; background: #e5e5e5; }
.section-order .total { width: 242px; margin: 29px 20px 0 auto; }
.section-order .total dt,
.section-order .total dd { font-weight: normal; }
.total-body { padding-bottom: 10px; }
.total-foot { padding-top: 12px; border-top: 1px solid #e5e5e5; }
.section-order .cart-item-content { float: none; overflow: hidden; }
.section-order .cart-item-meta { padding: 23px 0 0; overflow: hidden; font-weight: bold; }
.section-order .cart-item-quantity { float: left; width: auto; padding: 0; font-size: 12px; }
.section-order .cart-item-price { float: right; padding: 0; }
.section-order .cart-item-image { padding: 4px 4px 0 0; }
.section-order .section-actions { padding: 0 0 8px 20px; }
.section-order .section-actions a { text-decoration: underline; }
.section-order .section-actions a:hover { text-decoration: none; }

.shipping-entry { padding: 16px 20px 4px; line-height: 1.29; }

.cart-item { overflow: hidden; padding: 14px 20px 0; }
.cart-item ~ .cart-item { padding-top: 24px; }

.section-order-final { padding-top: 42px; }
.section-order-final .section-head { padding-bottom: 34px; }
.section-order-final .order-infos-head { padding-bottom: 10px; }
.section-order-final .table-cart .cart-item-quantity { width: 83px; padding-top: 0;  text-align: center; }
.section-order-final .total dt,
.section-order-final .total dd { font-weight: normal; }
.section-order-final .table-cart .table-foot { border-bottom: 0; }
.section-order-final .order-infos { padding-bottom: 8px; }
.order-info { padding-bottom: 17px; }
.section-order-final .order-infos .col { float: left; }
.order-infos .col-size1 { width: 223px; }
.order-infos .col-size2 { float: left; width: 410px; }
.order-infos .col-size2 .order-info { float: left; width: 50%; }
.order-infos .col-size3 { width: 310px; }
.section-order-final .cart-item-price { padding-top: 0; }
.section-order-final .section-body ~ .section-body { padding-top: 25px; border-top: 1px solid #e5e5e5; }

/* ==========================================================================
    #Section Checkout
========================================================================== */
.section-checkout { padding-top: 42px; }
.section-checkout .section-head { position: relative; padding-bottom: 39px; }
.section-checkout .form-alert { position: absolute; bottom: 10px; left: 0; color: #ff0000; text-transform: uppercase; }
.section-checkout .row { padding-bottom: 10px; }

.steps-checkout { border: 1px solid #e5e5e5; }
.step ~ .step { margin-top: 1px; }
.step-head { overflow: hidden; padding: 13px 18px; background: #e5e5e5; }
.step-head h5 { float: left; }
.step-head-actions { display: none; float: right; text-transform: uppercase; }
.step-head-actions a { text-decoration: underline; }
.step-head-actions a:hover { color: #000; text-decoration: none; }
.step.done .step-head-actions { display: block; }
.step-body { display: none; padding: 0 20px 8px; }
.step.current .step-body { display: block; }

.form-checkout-register { padding: 13px 30px 22px; }
.form-checkout-register ~ .form-checkout-register { border-top: 1px solid #e5e5e5; }
.form-checkout-register .form-head { padding-bottom: 12px; }
.form-checkout-register .form-row { overflow: hidden; padding-bottom: 15px; }
.form-checkout-register .form-label { float: left; width: 101px; padding-top: 9px; }
.form-checkout-register .form-controls { float: left; }
.form-checkout-register .field { width: 281px; height: 41px; padding: 0 10px; border: 1px solid #000; font-size: 16px; font-weight: normal; }
.form-checkout-register .form-foot { position: relative; width: 280px; padding-left: 101px; margin-top: -4px; }
.form-checkout-register .form-foot.gutter-top-10 { padding-top: 10px; }
.form-checkout-register .forgot-password { padding-bottom: 9px; }
.form-checkout-register .forgot-password a { text-decoration: underline; }
.form-checkout-register .forgot-password a:hover { color: #000; text-decoration: none; }
.form-checkout-register .form-actions { text-align: right; }
.form-checkout-register .form-notice { position: absolute; top: 30px; left: 0; width: 270px; text-transform: uppercase; }

.form-checkout { padding: 13px 0 20px; }
.form-checkout .form-head { padding-bottom: 11px; }
.form-checkout .form-head h5 { text-transform: none; }
.form-checkout .form-col { float: left; }
.form-checkout .form-col-1of2 { width: 210px; }
.form-checkout .form-col-1of2 ~ .form-col-1of2 { float: right; width: 223px; }
.form-checkout .form-group ~ .form-group { padding-top: 61px; }
.form-checkout .form-row { padding-bottom: 4px; }
.form-checkout .form-row .form-col-1of2 { width: 107px; }
.form-checkout .form-row .form-col-1of2 ~ .form-col-1of2 { width: 95px; }
.form-checkout .form-label { display: block; }
.form-checkout .form-label-underline { text-decoration: underline; }
.form-checkout .chosen-container { text-transform: none; }
.form-checkout .chosen-container-single .chosen-single { height: 41px; }
.form-checkout .chosen-container-single .chosen-single span { margin-right: 30px; }
.form-checkout .chosen-container-single .chosen-single,
.form-checkout .chosen-container .chosen-results { border-color: #000; }
.form-checkout .chosen-container-single .chosen-single div { height: 41px; }
.form-checkout .textarea,
.form-checkout .field { width: 100%; border: 1px solid #000; font-weight: normal; }
.form-checkout .field { height: 41px; padding: 0 10px; }
.form-checkout .field ~ .field { margin-top: 7px; }
.form-checkout .textarea { height: 178px; padding: 10px; }
.form-checkout .form-hint-block { display: block; padding-top: 6px; }
.form-checkout .form-hint a { text-decoration: underline; }
.form-checkout .form-hint a:hover { color: #000; text-decoration: none; }
.form-checkout .icheckbox,
.form-checkout .iradio { margin: -1px 10px 0 0; }
.form-checkout .radio { padding-bottom: 2px; }
.form-checkout .form-actions { padding-top: 20px; text-align: right; }
.form-checkout .form-label .form-notice { display: inline; padding-left: 5px; }
.form-checkout .form-apply,
.form-checkout .form-hint.top-gutter { display: block; padding-top: 8px; }
.form-checkout .form-notice-secondary { display: block; padding-top: 4px; text-transform: uppercase; }
.form-checkout .form-actions-secondary { padding-top: 0; }
.form-checkout .form-actions-secondary .btn { padding: 7px 33px 5px; }

.form-checkout .form-cols.sliding { display: none; }

.form-checkout-inner { display: none; padding: 8px 15px 20px; border: 1px solid #e5e5e5; margin: 10px 0; clear: both; }
.form-checkout-inner .form-row .form-col-1of2 { width: 49%; }
.form-checkout-inner .form-row .form-col-1of2 ~ .form-col-1of2{ width: 49%; }

.link-cancel { margin-right: 30px; font-weight: bold; text-transform: uppercase; }

.chosen-container-single .chosen-single div { display: none !important; }
.chosen-container-single .chosen-single { background: url(images/select-arrow.png) right center no-repeat; }

.checkout-items .checkout-item { padding-bottom: 20px; }
.checkout-item { overflow: hidden; }
.checkout-item-image { float: left; }
.checkout-item-content { overflow: hidden; padding-left: 9px; }
.checkout-item-title { font-size: 10px; line-height: 1.25; }
.checkout-item-type { font-size: 10px; line-height: 1.25; text-transform: uppercase; font-weight: bold; }

.form-checkout .form-section { padding: 0 20px 15px; margin: 0 -20px; }
.form-checkout .form-section-head { padding-bottom: 12px; }
.form-checkout .form-section ~ .form-section { padding-top: 12px; border-top: 1px solid #e5e5e5; }
.form-checkout .form-section ~ .form-actions { padding-top: 0; }

/* ==========================================================================
    #Section Account
========================================================================== */
.section-account { padding: 50px 0; margin: 0 -10px; }
.section-account .col-1of2 { width: 50%; padding: 0 10px; }
.form-account { padding: 7px 20px 50px; border: 1px solid #e5e5e5; }
.form-account h4 { font-size: 26px; text-transform: none; font-weight: normal; }
.form-account .form-head { padding-bottom: 11px; }
.form-account .form-row { padding-bottom: 3px; }
.form-account .form-label { display: block; padding-bottom: 1px; font-weight: bold; }
.form-account .chosen-container { text-transform: none; font-weight: normal; }
.form-account .chosen-container-single .chosen-single { height: 41px; }
.form-account .chosen-container-single .chosen-single span { margin-right: 30px; }
.form-account .chosen-container-single .chosen-single,
.form-account .chosen-container .chosen-results { border-color: #000; }
.form-account .chosen-container-single .chosen-single div { height: 41px; }
.form-account .textarea,
.form-account .field { width: 100%; border: 1px solid #000; font-weight: normal; }
.form-account .field { height: 41px; padding: 0 10px; }
.form-account .forgot-password a { font-weight: bold; }
.form-account .form-actions { text-align: right; }
.form-account .form-hint { color: #a8a7a7; }
.form-account .form-col { float: left; }
.form-account .form-col-1of2 { width: 47%; }
.form-account .form-col-1of2 ~ .form-col-1of2 { float: right; }
.form-account .checkbox { padding-top: 5px; }
.form-account .icheckbox { margin: -2px 10px 0 0; }
.form-account .form-actions { padding-top: 10px; }
.form-account .form-actions-alt { padding-top: 0; margin-top: -6px; }

/* ==========================================================================
    #Order Infos
========================================================================== */
.order-infos .cols,
.order-infos .row { overflow: hidden; }
.order-infos h5 { text-transform: none; }
.order-infos-head { padding-bottom: 14px; }
.order-info { line-height: 1.29; }
.order-infos .row { padding-bottom: 27px; }

.step .order-infos .col-1of3 { width: 152px; }
.step .order-infos { padding-top: 14px; border-bottom: 1px solid #e5e5e5; }

.order-infos-alt { padding-bottom: 15px; }
.order-infos-alt .cols ~ .cols { padding-top: 20px; border-top: 1px solid #e5e5e5; }
.order-infos-alt .cols { padding-bottom: 20px; }
.step .order-infos-alt { border-bottom: 0; }
.order-infos-actions { text-align: right; }
.order-infos-actions .btn { padding: 7px 33px 5px; }

/* ==========================================================================
    #Section Profile
========================================================================== */
.section-profile { padding: 70px 0 50px; font-size: 12px; }
.section-profile h4 { padding-bottom: 3px; font-size: 14px; font-weight: 300; }
.section-profile .section-aside { float: left; width: 207px; }
.section-profile .section-content { position: relative; float: left; width: 612px; }
.section-profile .section-content-alt { top: -30px; float: none; width: auto; overflow: hidden; padding-top: 30px; }
.section-profile .section-nav a { font-weight: bold; }
.section-profile .section-nav li { padding-bottom: 4px; }
.section-profile .section-nav .current a,
.section-profile .section-nav a:hover { color: #e11c36; }
.section-profile .section-content-head { padding-bottom: 34px; }
.section-profile .btn { padding: 7px 20px 6px; font-size: 12px; }
.section-profile .section-content-actions { padding-top: 20px; }
.section-profile .link-back { position: absolute; top: 0; left: 0; }

.personal-info { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.personal-info-entry { padding-bottom: 10px; }
.personal-info-entry dl { overflow: hidden; }
.personal-info-entry dt,
.personal-info-entry dd { float: left; }
.personal-info-entry dt { width: 155px; padding-bottom: 4px; clear: left; }

.form-profile .form-group { padding: 0 187px 15px 0; }
.form-profile .form-group ~ .form-group{ padding-top: 15px; border-top: 1px solid #e5e5e5; }
.form-profile .form-row { padding-bottom: 5px; }
.form-profile .form-label { display: block; padding-bottom: 2px; }
.form-profile .chosen-container { font-weight: normal; }
.form-profile .chosen-container-single .chosen-single { height: 41px; }
.form-profile .chosen-container-single .chosen-single span { margin-right: 30px; }
.form-profile .chosen-container-single .chosen-single,
.form-profile .chosen-container .chosen-results { border-color: #000; }
.form-profile .chosen-container-single .chosen-single div { height: 41px; }
.form-profile .textarea,
.form-profile .field { width: 100%; border: 1px solid #000; font-weight: normal; }
.form-profile .field { height: 41px; padding: 0 10px; }
.form-profile .form-actions { padding-top: 10px; }
.form-profile .link-cancel { margin-left: 45px; }
.form-profile .icheckbox { float: left; margin: 0 15px 10px 0; }
.form-profile .checkbox label {display: block;  overflow: hidden; line-height: 1.4; }
.form-profile .form-col { float: left; padding-bottom: 15px; }
.form-profile .form-col ~ .form-col { padding-left: 10px; }
.form-profile .form-col-size1 { width: 149px; }
.form-profile .form-col-size2 { width: 74px; }
.form-profile .form-col-size3 { width: 92px; }
.form-profile .form-col-1of3 { width: 87px; }
.form-profile .form-col-2of3 { width: 150px; }
.form-profile-alt .form-col ~ .form-col { float: right; padding-left: 0; }
.form-profile-alt .btn { width: 100%; }
.form-profile-alt .form-col-1of2 { width: 48%; }
.form-profile-alt .form-col { padding-bottom: 0; }
.form-profile-alt .form-hint { display: block; padding: 7px 0 0 15px; }
.form-profile-alt .form-hint a { text-decoration: underline; }
.form-profile-alt .form-hint a:hover { color: #000; text-decoration: none; }

.credit-card-info,
.address-info { margin-top: -13px; }
.credit-card-info-entry,
.address-info-entry { padding-bottom: 30px; line-height: 1.5; }
.credit-card-info-entry p + p,
.address-info-entry p + p { padding-top: 20px; }

.profile-edit .col { width: 307px; }
.profile-edit .col ~ .col { width: 266px; padding-left: 22px; border-left: 1px solid #e5e5e5; margin-left: 20px; }

.profile-info { overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.profile-info ~ .profile-info { padding-top: 15px; }
.profile-info-entry { float: left; line-height: 1.5; }
.profile-info-entry p + p { padding-top: 18px; }
.profile-info-actions { float: right; width: 95px; text-transform: uppercase; }
.profile-info-actions a { display: inline-block; }
.profile-info-actions a ~ a { margin-top: 16px; }

.table-order-history th,
.table-order-history td { border-bottom: 1px solid #e5e5e5;  }
.table-order-history th { padding-bottom: 13px; text-align: left; }
.table-order-history td { padding: 16px 0 13px; vertical-align: top; }
.table-order-history strong { display: block; padding-bottom: 14px; }

/* ==========================================================================
    #Section About
========================================================================== */
.section-about { overflow: hidden; padding: 42px 60px 50px 0; font-size: 16px; line-height: 1.38; font-weight: 300; }
.section-about .section-aside { float: left; width: 190px; padding: 25px 20px 0 0; }
.section-about .section-content { overflow: hidden; }
.section-about .section-content p { padding-bottom: 22px; }
/*.section-about .section-content p + h5 { padding-top: 25px; }*/
.section-about .section-content-head { padding-bottom: 89px; }
.section-about h5,
.section-about h6 { font-size: 16px; }
.section-about h6 { text-transform: none; }
.section-about h2 span { text-transform: none; }
.section-about .section-nav li { padding-bottom: 2px; }
.section-about .section-nav a { font-size: 12px; font-weight: bold; text-transform: uppercase; }
.section-about .section-nav a:hover,
.section-about .section-nav .current a { color: #008da3; }
.section-about .cols { overflow: hidden; }
.section-about .col { width: 424px; }
.section-about .col ~ .col { float: right; }
.section-about dl { overflow: hidden; font-weight: normal; }
.section-about dt,
.section-about dd { float: left; }
.section-about dt { width: 110px; font-weight: bold; clear: left; }
.section-about dl a { text-decoration: underline; }
.section-about dl a:hover { color: #000; text-decoration: none; }

/* ==========================================================================
    #Section Press
========================================================================== */
.section-press { padding: 50px 0 0 20px; }
.press-items { overflow: hidden; margin-right: -35px; }
.press-item { float: left; width: 180px; padding: 0 55px 20px 0; font-size: 16px; line-height: 1.38; text-align: center; }
.press-item-image { padding-bottom: 15px; }
.press-item-title { font-size: 16px; font-weight: normal; text-transform: none; }

/* ==========================================================================
    #Section Stores
========================================================================== */
.section-stores { padding: 30px 0 0; }
.section-stores .section-body { padding: 0 60px; }
.section-stores .section-bar .form-location { text-align: right; }
.section-stores .section-foot { padding: 40px 60px 0; }
.section-stores .section-foot .form-location label { text-transform: uppercase; }

.store { position: relative; overflow: hidden; padding: 38px 0 45px; border-bottom: 1px solid #231f20; }
.store .col-size1 { width: 300px; }
.store .col-size2 { width: 175px; }
.store-head { position: relative; padding: 0 0 20px; }
.store-label { color: #0099af; text-transform: uppercase; }
.store-image { position: absolute; top: 38px; left: 50%; width: 293px; height: 293px; border-radius: 50%; margin-left: -146px; }
.store-image img { width: 100%; height: 100%; }
.store-entry { padding: 0 70px 45px 0; }
.store-actions .link-more { font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; }
.store-contacts { padding-top: 85px; }
.store-contacts strong { display: block; font-weight: normal; text-transform: uppercase; }
.store-contacts p + p { padding-top: 25px; }
.store-contacts .toggle { display: none; }

.form-location label { font-weight: bold; }
.location-field { width: 121px; height: 33px; padding: 0 10px; border: 1px solid #000; margin: 0 2px 0 22px; }
.form-location ::-webkit-input-placeholder { color: #a8a8a8; opacity: 1; }
.form-location :-moz-placeholder { color: #a8a8a8; opacity: 1; }
.form-location ::-moz-placeholder { color: #a8a8a8; opacity: 1; }
.form-location ::input-placeholder { color: #a8a8a8; opacity: 1; }
.form-location input::-moz-placeholder { color: #a8a8a8; opacity: 1; }
.form-location input[placeholder] { color: #a8a8a8; opacity: 1; }
.form-location :-ms-input-placeholder { color: #a8a8a8; opacity: 1; }
.form-location .form-btn { width: 17px; height: 19px; background: url(images/search-submit.png) no-repeat center center; border: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4000px; vertical-align: middle; }

.stores-secondary { padding-top: 45px; }
.stores-secondary .cols { overflow: hidden; }
.stores-secondary .col { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.stores-secondary .col-1of3 { width: 260px; }
.stores-secondary .col-1of3 ~ .col-1of3 { padding-left: 130px; }

.list-stores { line-height: 1.5; }
.list-stores li { padding-bottom: 27px; }
.list-stores h5 { font-weight: normal; }
.list-stores p { font-size: 16px; }

.section-stores .socials { text-align: right; }
.section-stores .socials-label,
.section-stores .social-links { display: inline-block; vertical-align: middle; }
.section-stores .socials-label { padding-right: 30px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; }
.section-stores .social-links { padding: 0; text-align: left; }
.section-stores .social-links li ~ li { margin-left: 23px; }
.section-stores .social-links li a { height: 20px; background-image: url(images/social-icons-black.png); }
.section-stores .social-links li a.icon-facebook { width: 10px; background-position: 0 0; }
.section-stores .social-links li a.icon-twitter { width: 23px; background-position: -10px 0; }
.section-stores .social-links li a.icon-pinterest { width: 20px; background-position: -33px 0; }
.section-stores .social-links li a.icon-email { width: 23px; background-position: -53px 0; }
.section-stores .slider-store { padding-top: 10px; }

.section-stores-secondary { padding: 30px 60px; }
.section-stores-secondary .cols { overflow: hidden; padding-bottom: 30px; }
.section-stores-secondary .section-head { padding-bottom: 10px; }
.section-stores-secondary .section-body { padding: 0; }
.section-stores-secondary .col-1of3 { width: 260px; }
.section-stores-secondary .col-2of3 { float: right; width: 755px; }
.section-stores-secondary .col-1of2 { width: 365px; }
.section-stores-secondary .col-1of2 ~ .col-1of2 { float: right; }

.store-single .store-entry { padding-right: 0; padding-bottom: 10px; font-size: 16px; }
.store-single .store-contacts { padding-top: 0; font-size: 16px; }
.store-single .store-actions { padding-top: 8px; }

/* ==========================================================================
    #Article
========================================================================== */
.article-title { padding-bottom: 8px; font-size: 35px; line-height: 1.37; }
.article-image { padding-bottom: 15px; }
.article-image img { display: block; width: 100%; }
.article-entry { font-size: 16px; line-height: 1.5; }
.article .link-more { font-weight: bold; }
.article-socials .social-links li ~ li { margin-left: 23px; }
.article-socials .social-links li a { height: 20px; background-image: url(images/social-icons-black.png); }
.article-socials .social-links li a.icon-facebook { width: 10px; background-position: 0 0; }
.article-socials .social-links li a.icon-twitter { width: 23px; background-position: -10px 0; }
.article-socials .social-links li a.icon-pinterest { width: 20px; background-position: -33px 0; }
.article-socials .social-links li a.icon-email { width: 23px; background-position: -53px 0; }

.list-events { text-align: center; font-weight: bold; }
.list-events li { padding-bottom: 23px;}
.list-events strong { display: block; }

.article-single { overflow: hidden; }
.article-single.clearfix { overflow: visible; }
.article-single .article-title { padding-bottom: 25px; line-height: 1.09; text-transform: none; }
.article-single .article-image { float: left; }
.article-single .article-content { float: right; width: 285px; padding-top: 70px; }
.article-single .article-entry p + p { padding-top: 25px; }

.article-tertiary { text-align: center; }
.article-tertiary .cols { overflow: hidden; }
.article-tertiary .article-head { padding-bottom: 26px; margin-bottom: 30px; background: url(images/article-head.png) center bottom no-repeat; }
.article-tertiary .article-head h6 { padding-bottom: 18px; }
.article-tertiary h3 { font-size: 35px; line-height: 1.09; }
.article-tertiary .article-image { width: 895px; margin: 0 auto; }
.article-tertiary .article-image img { margin-bottom: 15px; }
.article-tertiary .article-image .col ~ .col { padding-left: 15px; }
.article-tertiary .article-entry { width: 420px; padding-bottom: 35px; margin: 0 auto; font-size: 16px; }
.article-tertiary .article-head .article-meta { padding: 0; padding-top: 10px; }
.article-tertiary .article-head .article-meta span { display: block; font-size: 12px; line-height: 1.33; font-weight: bold; text-transform: uppercase; }
.article-tertiary .article-date { color: #0099af; }
.article-tertiary .article-body .cols { padding-bottom: 50px; }
.article-tertiary .article-body .col { float: right; width: 540px; padding-top: 46px; }
.article-tertiary .article-body .col ~ .col { float: left; padding-top: 0; }


.article-tags { padding-bottom: 20px; font-size: 16px; }
.article-tags a { text-decoration: underline; }
.article-tags a:hover { color: #000; text-decoration: none; }

.slider-article-images .slide-caption { font-size: 16px; color: #888; text-align: right; }

.form-tickets { width: 300px; padding-bottom: 40px; margin: 0 auto; }
.form-tickets .selecter { float: left; width: 82px!important; text-align: left; }
.form-tickets .form-row { padding-bottom: 7px; }
.form-tickets .form-row .selecter { float: none; width: 100%!important; }
.form-tickets .btn { float: right; width: 205px; height: 41px; padding: 0; line-height: 41px; }
.form-tickets .selecter .selecter-selected { background-image: url(images/select-arrow-tablet.png); }

.packages { text-align: left; }
.packages h4 { padding-bottom: 13px; font-size: 24px; }

.list-packages > li { padding: 11px 20px 13px; border: 1px solid #e5e5e5; }
.list-packages > li + li { margin-top: 23px; }
.list-packages h5 { padding-bottom: 23px; font-size: 16px; text-transform: none; }
.list-packages ul li { padding-left: 12px; background: url(images/bullet.png) 0 9px no-repeat; font-size: 16px; line-height: 1.5; }

/* ==========================================================================
    #Section Parties
========================================================================== */
.section-parties .article-single { padding-bottom: 35px; }
.section-parties .articles { overflow: hidden; margin-right: -20px; }
.section-parties .article { float: left; width: 570px; margin: 0 20px 40px 0; }

/* ==========================================================================
    #Section Events
========================================================================== */
.section-events .article-single .article-image { margin: 0 -20px; }

.section-events-secondary .events { width: 810px; margin: 0 auto; }
.section-events-secondary .events-content { width: 560px; }

.events { overflow: hidden; padding-top: 40px; }
.events h5 { padding-bottom: 20px; font-size: 18px; text-transform: none; }
.events-filter { float: left; width: 175px; }
.events-filter li { padding-bottom: 18px; }
.events-filter img { width: 100%; }

.events-content { float: right; width: 955px; }
.table-events { font-size: 16px; line-height: 1.5; }
.table-events .link-more { font-weight: bold; }
.table-events h6 { font-size: 16px; text-transform: none; }
.table-events td { padding: 0 20px 25px 0; vertical-align: top; }
.table-events td:first-child { width: 144px; }
.table-events td:first-child + td { width: 144px; }
.table-events td:first-child + td + td { width: 240px; }

/* ==========================================================================
    #Slider Quotes
========================================================================== */
.slider-quotes .slide { position: relative; }
.slider-quotes .slide-content { position: absolute; top: 50%; left: 50%; overflow: hidden; width: 430px; height: 430px; margin: -215px 0 0 -215px; border-radius: 50%; background: #563d9a; color: #fff; text-align: center; }
.slider-quotes .quote { display: table-cell; width: 430px; height: 430px; vertical-align: middle; }
.slider-quotes .quote-entry { padding: 20px 30px 30px; font-size: 35px; line-height: 1.09; }
.slider-quotes .quote-actions .link-more { padding-right: 23px; color: #fff; font-weight: bold; background: url(images/link-arrow-white.png) right center no-repeat; text-transform: uppercase; }

/* ==========================================================================
    #Services
========================================================================== */
.services { overflow: hidden; margin-right: -20px; }
.service { position: relative; float: left; margin: 0 20px 30px 0; }
.service:hover .service-content { display: block; }
.service-content { display: none;  position: absolute; top: 0; left: 0; width: 100%; padding: 70px 0 0; text-align: center; color: #fff; }
.service-title { padding-bottom: 2px; padding-top: 15px; line-height: 50px;}
.service-content h6 { font-size: 14px; }
.service-actions { padding-top: 50px; }
.service-actions .link-more { padding-right: 23px; color: #fff; font-weight: bold; text-transform: uppercase; background: url(images/link-arrow-white.png) right center no-repeat; }

.section-world { padding-top: 20px; }
.section-candy-barn { padding-top: 20px; }
.section-candy-barn .article-image { padding-bottom: 0; }
.section-candy-barn .article-entry { width: 635px; }
.section-candy-barn .article-entry p { margin-bottom: 40px; }
.section-candy-barn .article-entry h5 { font-size: 17px; margin-top: 60px; }
.section-candy-barn .friends { list-style: none outside none; overflow: hidden; margin-top: 30px; }
.section-candy-barn .friend { float: left; width: 32%; vertical-align: middle; height: 115px; margin-right: 2%; }
.section-candy-barn .friend img { width: 100%; height: auto; }
.section-candy-barn .friend:nth-child(3n) { margin-right: 0; }
.section-candy-barn .btn-donate { background: #f6b1c5; line-height: 59px; width: 464px; text-align: center; color: #fff; font-weight: 600; font-size: 18px; display: block; margin: 37px auto 75px; text-transform: uppercase; }
.section-candy-article-meta { text-align: center; margin: 58px 0 130px; position: relative; }
.section-candy-article-meta:after { background: url(images/after-article.png) repeat-x 0 0; content: ''; position: absolute; bottom: -65px; left: 0; width: 100%; height: 61px; }
.section-candy-article-meta a { text-decoration: none; }
.section-candy-article-meta .article-socials [class^='link-'] { background: url(images/color-socials.png) no-repeat; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; width: 32px; height: 32px; margin-top: 17px; }
.section-candy-article-meta .article-socials [class^='link-']:hover { opacity: .7; }
.section-candy-article-meta .article-socials .link-facebook { background-position: 0px 0; }
.section-candy-article-meta .article-socials .link-twitter { background-position: -108px 0; }
.section-candy-article-meta .article-socials .link-pinterest { background-position: -72px 0; }
.section-candy-article-meta .article-socials .link-email { background-position: -36px 0; }
.section-candy-article-meta .article-socials .social-links li ~ li { margin-left: 0px; }
.section-related.section-related-monthly .section-head { margin-bottom: 33px; }

/* ==========================================================================
    #Section Related
========================================================================== */
.section-related .section-head { width: 570px; padding: 28px 0 24px; border-width: 2px 0; border-style: solid; border-color: #e5e5e5; margin: 0 auto; text-align: center; }
.section-related .section-head h6 { font-size: 14px; }
.section-related .section-body { padding-top: 40px; }
.section-related .articles { overflow: hidden; }
.section-related .article { float: left; width: 340px; text-align: center; }
.section-related .article ~ .article { padding-left: 50px; }
.section-related .article h6 { padding-bottom: 6px; font-size: 14px; }
.section-related .article h4 { font-size: 24px; }
.section-related .article-head { padding-bottom: 15px; }
.section-related .article-entry { padding: 0 30px 20px; }
.section-related .article-actions { padding-bottom: 13px; }
.section-related .link-more { padding-right: 25px; background: url(images/link-arrow.png) right center no-repeat; text-transform: uppercase; }
.section-related .article-tags { padding-bottom: 5px; }

/* ==========================================================================
    #Recipe
========================================================================== */
.section-recipe { padding-bottom: 30px; }
.section-recipe .cols { overflow: hidden; }
.section-recipe .col { width: 500px; }
.section-recipe .col ~ .col { float: right; width: 560px; }
.recipe-images img { width: 100%; margin-bottom: 20px; }

.recipe-head { padding-bottom: 10px; border-bottom: 1px solid #f3abbf; }
.recipe-head h6 { padding-bottom: 20px; font-size: 13px; }
.recipe-head p { padding: 0 30px 37px; font-size: 35px; line-height: 1.09; }
.recipe-head .article-tags { padding-bottom: 10px; }
.recipe-title { padding-bottom: 30px; margin-bottom: 42px; background: url(images/article-head.png) center bottom no-repeat; font-size: 35px; color: #0099af; }

.recipe-body { padding: 24px 10px 0; font-size: 16px; line-height: 1.5; text-align: left; }
.recipe-body h4 { padding-bottom: 10px; margin-bottom: 25px; background: url(images/article-head.png) 0 bottom no-repeat; font-size: 24px; color: #0099af; }
.recipe-body h6 { padding-bottom: 10px; font-size: 13px; }
.recipe-products { padding-bottom: 40px; }

.list-recipe-steps li { position: relative; padding: 2px 0 22px 30px; }
.recipe-step { position: absolute; top: 0; left: 0; font-size: 23px; font-weight: bold; }
.recipe-step-pink { color: #ea2b8b; }
.recipe-step-yellow { color: #ffdf00; }
.recipe-step-blue { color: #0097ad; }
.recipe-step-purple { color: #5a3f91; }
.recipe-step-orange { color: #ec6f21; }

/* ==========================================================================
    #Section Shopping List
========================================================================== */
.section-shopping-list { padding-bottom: 43px; }
.section-shopping-list .section-head { padding-bottom: 15px; background: url(images/article-head.png) center bottom no-repeat; text-align: center; }
.section-shopping-list .section-head h3 { font-size: 44px; text-transform: none;  }
.section-shopping-list .category-item:hover .form-quickview { display: block; }
.section-shopping-list .category-item:hover .category-item-body { position: relative; z-index: 999; }
.section-shopping-list .other .category-item-image { margin-bottom: 4px; }
.section-shopping-list .form-quickview { top: -10px; padding: 334px 20px 20px; }
.section-shopping-list .other { padding-top: 30px; border: 0; }

/* ==========================================================================
    #Qty select
========================================================================== */
.qty-select { position: relative; }
.qty-select .field { width: 100%; padding: 10px 10px 10px; border: 1px solid #000; font-size: 14px; font-weight: 300; }
.qty-up,
.qty-down { position: absolute; top: 6px; width: 18px; height: 19px; background: url(images/qty-buttons.png) 0 0 no-repeat; }
.qty-up { right: 63px; background-position: 0 0; }
.qty-down { right: 14px; background-position: -49px 0; }

/* ==========================================================================
    #Search Autocomplete
========================================================================== */
.search-autocomplete { display: none; position: absolute; top: 100%; right: 0; z-index: 1; width: 295px; padding: 8px;  background: #ffe600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search.open .search-autocomplete { display: block; }
.search-result a { display: block; overflow: hidden; }
.search-result ~ .search-result { padding-top: 16px; }
.search-result-image { float: left; padding-right: 16px; }
.search-result-content { display: block; overflow: hidden; padding: 3px ; font-size: 11px; line-height: 1.55; text-transform: uppercase; font-weight: bold; }

/* ==========================================================================
    #Modals
========================================================================== */
.modal-cart { position: absolute; top: 92px; right: 0; z-index: 2; width: 360px; padding: 14px 20px 15px; background: #0099af; font-size: 10px; color: #fff; font-weight: bold; }
.modal-cart a { color: #fff; }
.modal-cart .close { position: absolute; top: 14px; right: 14px; width: 13px; height: 13px; background: url(images/close.png) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -4000px; }
.modal-cart h5{ font-size: 12px; }
.modal-cart .table-cart-small td { padding: 12px 0 8px; border-bottom: 1px solid #fff; vertical-align: top; }
.modal-cart .table-cart-image { width: 50px; padding-top: 4px; }
.modal-cart .table-cart-small .table-cart-content { padding-left: 12px; }
.modal-cart .table-cart-content h6 { font-size: 10px; text-transform: uppercase; }
.modal-cart .table-cart-meta { text-align: right; }
.modal-cart .table-cart-meta span { display: block; font-weight: bold; }
.modal-cart .table-cart-meta .table-cart-qty { padding-top: 27px; text-transform: uppercase; }
.modal-cart .table-cart-total { padding: 4px 0 10px; overflow: hidden; }
.modal-cart .total-items { float: left; }
.modal-cart .total-price { float: right; }
.modal-cart .total-price dt,
.modal-cart .total-price dd { float: left; }
.modal-cart .total-price dt { padding-right: 28px; }
.modal-cart .modal-actions { overflow: hidden; }
.modal-cart .modal-actions a { float: left; font-size: 12px; text-transform: uppercase; }
.modal-cart .modal-actions a + a { float: right; }

/*
*****************************************************
  BELOW ADDED FOR THE UPCOMING DESIGN YOUR OWN CANDY
  2015-10-13  branch_dc_front_2015_10_13_tk573
*****************************************************
*/

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

.main-no-ribbon { padding-bottom: 0; background: transparent; border: 0 none; }

.ico-editor-close { background: url(images/ico-editor-close.png) no-repeat 0 0; width: 21px; height: 21px; }
.ico-editor-arrow-prev { background: url(images/ico-editor-arrow-prev.png) no-repeat 0 0; width: 12px; height: 18px; }
.ico-editor-arrow-next { background: url(images/ico-editor-arrow-next.png) no-repeat 0 0; width: 12px; height: 18px; }

.ico-arrow-mini-up { background: url(images/mini-arrow-up.png) no-repeat 0 0; width: 11px; height: 7px; }
.ico-arrow-mini-down { background: url(images/mini-arrow-down.png) no-repeat 0 0; width: 10px; height: 7px; }
.ico-arrow-mini-left { background: url(images/mini-arrow-left.png) no-repeat 0 0; width: 7px; height: 11px; }
.ico-arrow-mini-right { background: url(images/mini-arrow-right.png) no-repeat 0 0; width: 7px; height: 10px; }
.ico-arrow-rotate { background: url(images/arrow-rotate.png) no-repeat 0 0; width: 34px; height: 27px;
    -webkit-background-size: 34px 27px;
    background-size: 34px 27px;
}
.ico-arrow-prev { background: url(images/arrow-prev.png) no-repeat 0 0; width: 50px; height: 52px;
    -webkit-background-size: 25px 26px;
    background-size: 25px 26px;
}

.banner-alt-2 .banner-image img { height: auto; }

.banner-caption-home-alt .banner-caption-content { max-width: 480px; text-align: center; text-transform: none; margin: 0 auto; letter-spacing: normal; padding: 200px 0 0; font-size: 16px; line-height: 1.2; }

.banner-caption-home-alt .btns { font-size: 0; }
.banner-caption-home-alt .btn { width: auto; padding-left: 0; padding-right: 0; width: 50%; position: relative; }
.banner-caption-home-alt .btn:first-child { left: -5px; }
.banner-caption-home-alt .btn:last-child { right: -5px; }

.banner-caption-home-alt p { margin-bottom: 50px; }

.shell-large { width: 1200px; }

.home-slider img { width: 100%; }

.btn-medium-blue { background: #0071bb; }
.btn-green-blue { background: #369fb4; }
.btn-large { height: 56px; line-height: 44px; font-size: 18px; padding-left: 80px; padding-right: 80px; }
.btn-full { width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-modal { min-width: 164px; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-small { font-size: 14px; }
.editor-head {  background: #0071bb; color: #fff; text-align: center; padding: 8px 42px; margin-bottom: 16px; }
.editor-head-controls { float: left; padding: 9px 0 0; width: 0; }
.editor-logo { display: inline-block; font-size: 43px; line-height: 1; }

.editor-nav { text-align: center; margin-bottom: 25px; }
.editor-nav h4 { font-weight: 300; }
.editor-nav li { display: inline-block; margin: 0 8px; }
.editor-nav li a { display: inline-block; width: 28px; height: 28px; background: #f7b2c6; border-radius: 50%; border: 4px solid transparent; position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.editor-nav li a:after { content: ''; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; }
.editor-nav .target-pink a:after { background: #00a4ca; }
.editor-nav .target-blue a:after { background: #ffe800; }
.editor-nav .target-yellow a:after  { background: #f8b3c8; }

.editor-nav .active a:after { opacity: 1; }

.editor-nav .active.target-pink a { border-color: #e71c37; }
.editor-nav .active.target-blue a { border-color: #0072bc; background: #00a4ca; }
.editor-nav .active.target-yellow a { border-color: #f36f21; background: #ffe800; }


.product-detail-holder { margin: -40px 140px 40px; position: relative; height: 0; overflow: hidden; opacity: 0;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}
.product-detail-inner { padding: 40px 0 73px; }
.product-detail-holder.expanded { height: auto; opacity: 1; }
.product-detail-holder .product-detail-close { position: absolute; top: 0; right: 0; }
.product-detail-holder.no-prev .details-prev,
.product-detail-holder.no-next .details-next { display: none; }
.product-detail-holder .product-detail-controls { overflow: hidden; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: .15em; clear: both; margin-top: -23px; top: -40px; position: relative; }
.product-detail-holder .product-detail-controls a { float: left; }
.product-detail-holder .product-detail-controls a i { margin: 0 10px; position: relative; top: -1px; }
.product-detail-holder .product-detail-controls a + a { float: right; }
.product-detail-holder .product-detail { padding: 0; min-height: 400px; }
.product-detail-holder .product-slider  { width: 450px; margin-left: -225px; }
.product-detail-holder .product-detail h2 { font-size: 26px; line-height: 1.1; }
.product-detail-holder .toggle-item-content { font-size: 12px; line-height: 1.5; }
.product-detail-holder .toggle-item-content p { padding-top: 0; margin-bottom: 1.5em; }
.product-detail-holder .toggle-item-title { font-size: 12px; }
.product-detail-holder .product-detail .col-left { width: 190px; }
.product-detail-holder .product-detail .col-left p { font-size: 20px; margin-bottom: 60px; }
.product-detail-holder .product-detail .col-right { width: 220px; }

.editor-add-form { text-align: center; font-size: 14px; line-height: 1.21; }
.editor-add-form .form-control { margin-bottom: 30px; }
.editor-add-form .form-control .btn { margin-bottom: 18px; }

.editor-add-form .qty-label { color: #000; }
.editor-add-form .qty-select .field { text-indent: -40px; }

.editor-add-form .btn[disabled] { background: #ccc; cursor: default; }
.editor-add-form .btn[disabled]:hover { opacity: 1; }

.editor { display: table; width: 100%; table-layout: fixed; }
.editor-aside { display: table-cell; vertical-align: top; width: 270px; background: #0071bb; color: #fff; }
.editor-body { display: table-cell; vertical-align: top; }

.editor-aside-head { text-align: center; line-height: 59px; }
.editor-aside-body { padding: 0 44px; }

.editor-product-thumb { width: 182px; height: 182px; margin: 0 auto 30px; border-radius: 200px; overflow: hidden; }
.editor-product-thumb img { width: 100%; height: auto; border-radius: 200px; }

.editor-masks { font-size: 0; padding: 0 15px 30px; }
.editor-masks li { display: inline-block; width: 33.33%; padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.editor-masks li a { display: block; }
.editor-masks li img { width: 100%; height: auto; }


.editor-controls { width: 330px; float: right; margin: 0 100px; }
.editor-controls-block { border: 1px solid #0071bb; padding: 20px; }

.editor-controls-row { margin-bottom: 17px; }
.editor-controls-row:last-child { margin-bottom: 0; }
.editor-controls-row:after { content: ''; line-height: 0; display: table; clear: both; }

.editor-controls .field { width: 100%; font-size: 14px; padding: 6px; border: 1px solid #000; }
.editor-controls .field::-webkit-input-placeholder { color: #b5b5b5; }
.editor-controls .field::-moz-placeholder { color: #b5b5b5; }
.editor-controls .field:-moz-placeholder { color: #b5b5b5; }
.editor-controls .field:-ms-input-placeholder { color: #b5b5b5; }

.editor-controls .color-picker { overflow: hidden; margin: 0 -3px; }
.editor-controls .color { float: left; width: 20px; height: 20px; border-radius: 20px; margin: 3px; position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.editor-controls .color .iradio { width: 100%; height: 100%; border: 0 none; }
.editor-controls .color label { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; }
.editor-controls .color .iradio.checked { background: transparent; }
.editor-controls .selecter { width: 122px; }
.editor-controls .selecter .selecter-selected { font-size: 12px; letter-spacing: -.0001em; color: #0071bb; border-color: #0071bb; background-image: url(images/select-arrow-small.png); font-weight: normal; }
.editor-controls .selecter .selecter-options { border-color: #0071bb; }
.editor-controls .selecter .selecter-item { font-size: 12px; letter-spacing: -.0001em; font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.editor-controls-group { margin-bottom: 20px; }
.editor-controls-group-actions a { color: #0071bb; font-size: 12px; }

.editor-slider { background: #0071bb; width: 122px; height: 26px; line-height: 26px; border-radius: 40px; float: left; margin-top: 26px; }
.editor-slider-inner { margin: 0 26px; }
.editor-slider > span { float: left; width: 22px; text-align: center; color: #fff; font-size: 8px; }
.editor-slider > span ~ span { float: right; font-size: 15px; }
.editor-slider .ui-widget-content { background: transparent; position: relative; top: 11px; border-radius: 0; height: auto; border-top-color: #065283; border-bottom-color: #6badd8; border-left: 0 none; border-right: 0 none; font-size: 13px; }
.editor-slider .ui-slider-horizontal .ui-slider-handle { border-radius: 20px; margin-top: -4px; background: #fff; border-color: #fff; }

.dpad { position: relative; width: 82px; height: 82px; float: right; }
.dpad:before { content: ''; position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; background: #0071bb; margin: -23px 0 0 -23px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dpad:after { content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; background: #fff; border-radius: 50%; }
.dpad-btn { position: absolute; width: 30px; height: 30px; background: #0071bb; border-radius: 6px; }
.dpad-btn-up,
.dpad-btn-down { left: 50%; margin-left: -15px; }
.dpad-btn-up { top: 0; }
.dpad-btn-down { bottom: 0; }

.dpad-btn-left,
.dpad-btn-right { top: 50%; margin-top: -15px; }
.dpad-btn-left { left: 0; }
.dpad-btn-right { right: 0; }

.dpad-btn i { position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.editor-canvas-holder { position: relative; float: left; }
.editor-canvas { float: left; width: 360px; height: 360px; overflow: hidden; position: relative; }
.editor-canvas-image { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.editor-canvas-mask { position: absolute; top: 0; left: 0;  z-index: 2; width: 100%; height: auto; }
.editor-canvas-text { position: absolute; left: 0; right: 0; top: 50%; text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.editor-canvas-image-border { position: absolute; top: 0; left: 0; z-index: 9999999; border: 1px solid #000; opacity: 0; visibility: hidden; box-shadow: 0 0 0 1px #fff; display: none;
    -webkit-transition: opacity 100ms 400ms, visibility 100ms 400ms;
    -o-transition: opacity 100ms 400ms, visibility 100ms 400ms;
    transition: opacity 100ms 400ms, visibility 100ms 400ms;
}

.editor-canvas-edit-holder { display: none; text-align: center; }
.editor-canvas .editor-canvas-image { opacity: 0; }
.editor-canvas-holder.has-image .editor-canvas-image { opacity: 1; }
.editor-canvas-holder.has-image .editor-canvas-image-border { display: block; }
.editor-canvas-holder.has-image .editor-canvas-edit-holder { display: block; }
.editor-canvas-holder.has-image .editor-canvas-edit-holder a { color: #0071bb; }
.editor-canvas.resizing + .editor-canvas-image-border,
.editor-canvas:hover + .editor-canvas-image-border,
.editor-canvas-image-border:hover { opacity: 1; visibility: visible;
    -webkit-transition: opacity 100ms, visibility 100ms;
    -o-transition: opacity 100ms, visibility 100ms;
    transition: opacity 100ms, visibility 100ms;
}

.resize-hotspot { position: absolute; }
.resize-hotspot-top,
.resize-hotspot-bottom { left: 0; right: 0; height: 10px; }
.resize-hotspot-top { top: 0; }
.resize-hotspot-bottom { bottom: 0; }

.resize-hotspot-left,
.resize-hotspot-right { top: 0; bottom: 0; width: 10px; }
.resize-hotspot-left { left: 0; }
.resize-hotspot-right { right: 0; }

.btn-upload { position: relative; overflow: hidden; }
.btn-upload input { font-size: 200px; height: 100px; position: absolute; bottom: 0; left: 0; opacity: 0; }

.editor-canvas-image-holder { position: absolute; top: 50%; left: 50%; overflow: hidden; width: 284px; height: 284px; margin: -142px 0 0 -142px; }


.mixer { font-size: 0; text-align: center; }
.mixer-cell { display: inline-block; padding: 10px; width: 16.66%; position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mixer-cell-placeholder { display: block; width: 100%; border: 3px dashed #c5c5c5; border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mixer-cell-placeholder:after { content: ''; display: block; padding-top: 100%; }

.mixer-item { position: absolute; top: 13px; left: 13px; right: 13px; bottom: 13px; }
.mixer-item img { width: 100%; height: auto; overflow: hidden; border-radius: 50%; }
.mixer-item .remove { position: absolute; top: 100%; left: 0; right: 0; color: #000; font-size: 14px; font-weight: 300; text-transform: uppercase; margin-top: 15px; }

.category-content-alt { width: auto; overflow: hidden; float: none; }
.editor .product-detail-holder { margin-left: 0; margin-right: 45px; }

ul.category-items-list.category-items-list-4 { margin: 0; }
ul.category-items-list.category-items-list-4 > li { width: 25%; height: auto; margin-right: 0; padding: 0 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.category-items-list.category-items-list-4 .category-item-image { width: 100%; height: auto; }
ul.category-items-list.category-items-list-4 li:hover .category-item-image { width: 100%; height: auto; margin-bottom: 10px; }
ul.category-items-list.category-items-list-4 .category-item-image { margin-bottom: 10px; }
ul.category-items-list.category-items-list-4 .category-item-image > img { width: 100%; height: auto; }
ul.category-items-list.category-items-list-4 .form-quickview { padding-top: 180%; }
ul.category-items-list.category-items-list-4 .details-toggle-holder { margin-top: 10px; }
ul.category-items-list.category-items-list-4 .details-toggle-holder a { color: #32607b; }

.mixer { margin: 0 30px 40px 5px; }
.editor-subhead { text-align: center; font-size: 12px; line-height: 1.2; margin-bottom: 35px; }
.editor-subhead h4 { font-size: 16px; margin-bottom: 8px; }

/*
.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999; opacity: 0; visibility: hidden;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}
*/

.modal-overlay { background: rgba(0,158,180,.54); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.modal-inner { position: absolute; top: 50%; left: 50%; background: #fff; padding: 40px 30px 30px; width: 500px; text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
.modal-body { font-size: 30px; line-height: 1.2; font-weight: 300; margin-bottom: 30px; }
*/

.modal-foot { padding: 0 20px; overflow: hidden; }

.modal.visible { opacity: 1; visibility: visible; }
.template { display: none; }

a[disabled] { pointer-events: none; }

.no-transitions {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.image-editor { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: none; }
.image-editor.visible { display: block; }
.image-editor-backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .7; }
.image-editor-main { position: absolute; position: absolute; top: 50%; left: 50%; width: 600px; max-width: 100%; max-width: 100%; background: #fff; padding: 20px; text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.image-editor-content { max-width: 400px; height: 400px; position: relative; margin: 0 auto; border: 1px solid #000; margin-bottom: 10px; overflow: hidden; }

.editor-content-portrait { display: none; }

.rotate-msg { text-align: center; padding: 20px 0; }


.image-editor-pane { width: 284px; height: 284px; position: absolute; top: 50%; left: 50%; margin: -142px 0 0 -142px; background: #fff; }
.image-editor-image { position: absolute; top: 0; left: 0; width: 100%; height: auto; border: 1px solid #000; }

.image-editor-main-head { height: 60px; }
.image-editor-main-body { margin-bottom: 10px; }
.image-editor-main-foot .btn + .btn { margin-top: 10px; }
.image-editor-main-overlay { position: absolute; background: #000; opacity: .3; pointer-events: none; }
.image-editor-main-overlay-top { top: 0; right: 50%; bottom: 50%; left: 0; margin-bottom: 142px; margin-right: -142px; }
.image-editor-main-overlay-right { top: 0; right: 0; bottom: 50%; left: 50%; margin-left: 142px; margin-bottom: -142px; }
.image-editor-main-overlay-bottom { top: 50%; right: 0; bottom: 0; left: 50%; margin-top: 142px; margin-left: -142px; }
.image-editor-main-overlay-left { top: 50%; right: 50%; bottom: 0; left: 0; margin-right: 142px; margin-top: -142px; }