/* ==========================================================================
   Base styles
   ========================================================================== */

*,:before,:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-font-smoothing: antialiased;}


html {min-height: 100%;height: 100%; background: #E8E4E0; font-family: 'Times New Roman', serif; font-size: 14px; color: #222; line-height: 1.4;}

body {height: 100%;}

::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}

hr {display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc;}

audio, canvas, iframe, img, svg, video {vertical-align: middle;}

fieldset {margin: 0; padding: 0; border: 0;}
textarea {resize: vertical;}

a {color: #222; text-decoration: none; -webkit-transition: color 2s ease-out; -moz-transition: color 0.6s ease 0s; -o-transition: color 0.6s ease 0s; transition: color 0.6s ease 0s;}
a:hover {color: #828282;}


button {border-radius: 0px;}

.freecalendar{padding: 10px; margin-bottom: 30px; font-weight: bold; background: rgba(253, 253, 253, 0.7)}
.freecalendar .cal_img {float:left; margin-right: 20px;}
.freecalendar .cal_text {float: left; padding-top: 20px; width: 60%; font-size: 17px;}




/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {margin: 0.2em 0; padding: 0.2em 0; background: #ccc; color: #000;}


/* ==========================================================================
   GENERAL
   ========================================================================== */

.site-wrapper {min-height: 100%; margin: 0 auto -292px;}

.wrapper {width: 1280px; margin: 0 auto; padding: 0 60px; position: relative;}
header .wrapper {position: static;}
footer .wrapper {padding: 0 70px;}
.wrapper.center{text-align: center;}
footer form{display: none;}

h1 {margin: 0; padding: 50px 0 30px; font-family: 'Didot', serif; font-size: 68px; font-weight: normal; line-height: 100%; text-transform: uppercase; text-align: center;}

#scroll-to {padding-top: 60px; clear: both;}

h1.relatedtitle{font-size: 42px; margin-bottom: 20px;}

/* ==========================================================================
   HEADER
   ========================================================================== */

.top-bar {padding: 6px 0; background: #000; font-size: 12px; font-weight: normal; color: #FFF; text-transform: uppercase; text-align: center; z-index: 999999;}
.top-bar p {margin: 0;}


header {padding-bottom: 10px; border-bottom: 3px solid #000; text-align: center; position: relative;}

.header-fixed header {background: #E8E4E0; position: fixed; top: -112px; right: 0; left: 0; z-index: 999;}
.header-fixed .top-bar {margin-bottom: 161px;}

.header-fixed .logosmall a {display: block; width: 50px; height: 20px; margin: -3px 70px 0 0; background: url('../img/andorinha.png') no-repeat; background-size: 47px; text-indent: -9999px; transition:all 0.6s ease 0s; float: left;}

.logo {width: 290px; padding: 20px 30px 30px;}
.nav-primary .logo-small {display: block; margin-right: 70px; float: left;}
.nav-primary .logo-small img {display: block; height: 20px;}

.header-fixed .logo-small {display: block;}

.nav-primary {height: 22px; padding: 0 10px; text-align: left;}

.nav-mobile-bt {display: none;}

.nav-primary ul {margin: 2px 0 0; padding: 0; float: left;}
.nav-primary li {display: inline-block; list-style: none;}
.nav-primary li a {margin-right: 70px; padding-bottom: 16px; font-size: 13px; text-transform: uppercase;}
.nav-primary li:last-child a {margin-right: 0;}
.nav-primary li ul {display: none; width: 100%; height: 180px; padding: 15px calc((100vw - 1220px) / 2) 10px calc((100vw - 1160px) / 2 + 72px); background: rgb(232, 228, 224); position: absolute; top: 159px; left: 0; z-index: 999;}
.nav-primary li ul .col {margin-right: 65px; float: left;}
.nav-primary li ul li {display: block; min-width: 195px; margin: 0 20px 5px 0; float: left;}
.nav-primary li ul li:last-child {margin-bottom: 0;}
.nav-primary li ul a {display: block; height: 40px; margin-right: 0; padding-left: 50px; font-weight: normal; line-height: 40px; position: relative;}
.nav-primary li ul a:hover {color: #000; text-decoration: underline;}
.nav-primary li ul span {display: inline-block; width: 30px; height: 35px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 0; left: 0;}

.nav-mobile {display: none;}

.header-search {position: relative; top: -7px; float: left;}
.header-search button {background: none; border: none; font-size: 13px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.header-search button span {display: block;}

.langs {margin-left: 30px; padding-left: 30px; border-left: 1px solid #000; font-size: 13px; float: left;}

.header-left {font-size: 12px; position: absolute; top: 20px; left: 50px;}
.header-right {font-size: 12px; position: absolute; top: 20px; right: 50px;}

.header-basket {height: 20px; margin: 4px 0 -2px; font-size: 12px; float: right;}
.basket-button {display: block; width: 33px; height: 36px; background: url('../img/basket.png?v=2') no-repeat center; background-size: 33px; font-family: 'Times New Roman', sans-serif; font-size: 12px; font-weight: normal; text-align: center; line-height: 46px; position: relative; bottom: 14px; float: right; margin-left: 20px;}
.basket-button-total {float: right; margin-left: 10px;}

.header-basket-mobile {display: none;}

.newsletter-subscribe-form label{display: none!important;}


/* ==========================================================================
   CC
   ========================================================================== */

.cc_open_consent_button {background: #000; color: #fff; transform: translateX(-50%); position: relative; left: 50%; font-size: 15px; margin: -10px 0px 20px 0px; padding: 8px 60px;}
.cc_cookies_page .cc_main_text {margin-bottom: 60px;}
.cc_cookies_page .cc_used_cookies .cc_used_cookies_cell{border-bottom: 1px solid #222222ba;}
.cc_cookies_page .cc_used_cookies_container {font-size: 0.9em;}
.cc_open_consent_options:hover {background: #7b7b7b;}
.cc_cookies_page a {text-decoration: underline;}

/* ==========================================================================
   POPUP
   ========================================================================== */
#popup {width: 700px;  padding:20px; box-sizing: border-box; background: #E8E4E0; overflow: hidden; text-align: center}
#popup img {width: 100%;}
#popup h1 {font-size:50px; margin: 0px 0px 10px 0px; padding: 0px;}
#popup h2 {font-size:30px; margin: 0px 0px 10px 0px; padding: 0px;}
#popup h5, #popup h6 {font-weight: normal; margin: 0px;}
#popup p {font-size: 20px; margin-bottom: 0px;}

#popup .popup_imagecontainer {width: 100%; height: 450px; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; background: #000;}
#popup .popup_imagecontainer:before {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    opacity : 0.5;
    background-repeat: no-repeat; background-size: cover; 
    margin: 20px;
}

#popup .popup_imagecontainer .pop_content {opacity: 1; position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; width: 100%;  padding: 40px; box-sizing: border-box}
#popup .popup_imagecontainer .pop_content h1 {}
#popup .pop_content_single {padding: 20px}
#popup .col-1-2.pop_content_single {display: flex; justify-content: center; align-items: center; height: 400px;}

/* ==========================================================================
   BANNER
   ========================================================================== */

.home-banner {max-width: 1280px; height: calc(100vh - 183px); margin: 0 auto; padding: 0 10px; position: relative;}
.home-banner-img {width: 100%;}

.hand {width: 60px; margin: 20px 0 0; position: absolute; bottom: 10px;
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}




/* ==========================================================================
   GRID
   ========================================================================== */

.col-1-2 {width: 50%; float: left;}
.col-2-3 {width: 66.6666%; margin-bottom: 30px; padding-right: 30px; float: left;}
.col-1-3 {width: 33.3333%; margin-bottom: 30px; float: left;}
.col-1-3:nth-child(3n+1) {clear: left;}

.col-1-4 {width: 25%; float: left;}
.col-1-4:nth-child(4n+1) {clear: left;}
.col-1-5 {width: 20%; float: left;}
.col-1-6 {width: 16.666666666%; float: left;}
.col-4-5 {width: 80%; float: left;}


/* ==========================================================================
   HOME
   ========================================================================== */

.novidades h3 {margin-top: 30px; font-size: 24px; font-weight: normal; line-height: 27px; text-transform: uppercase; text-align: center;}
.novidades .center {width: 80%; margin: 30px auto 0;}

.home-text-highlight {width: 290px; padding: 0 10px 30px; float: left;}
.home-text-highlight.has-link {transition: all 0.6s ease 0s;}
.home-text-highlight.has-link:hover {opacity: 0.5;}
.home-text-highlight .img {display: block; width: 100%;}
.home-text-highlight .content {width: 100%; padding: 20px 0 20px; border-bottom: 1px solid #000;}
.home-text-highlight .content h2 {margin: 0 0 10px; font-family: 'Didot', serif; font-size: 26px; font-weight: normal; line-height: 27px;}
.home-text-highlight .content .date {display: block; padding: 10px 0 10px; border-bottom: 1px solid #000; font-size: 12px;}
.home-text-highlight .content p {line-height: 18px;}
.home-text-highlight .more-info {text-decoration: underline;}

.border-highlight a {display: block; padding: 10px; border: 6px solid #FFF;}
.border-highlight .content h2 {margin: 0;}

.brand-highlight {margin: 50px 10px 0; padding: 20px; border: 1px dashed #000;}
.brand-highlight-text {padding: 0 10px; line-height: 18px;}
.brand-highlight-text h2 {margin: 0 0 10px; font-family: 'Didot', serif; font-size: 26px; font-weight: normal; line-height: 27px;}
.brand-highlight-text .more-info {text-decoration: underline;}

.brand-highlight .col-1-3 {margin-bottom: 0;}
.brand-highlight .product .image {border-color: #E8E4E0;}
.brand-highlight .product .content {padding-bottom: 0;}

.home-store {padding: 0 10px; transition: all 0.6s ease 0s;}
.home-store:hover {opacity: 0.5;}
.home-store h2 {margin: 0 0 10px; font-family: 'Didot', serif; font-size: 26px; font-weight: normal; line-height: 27px;}
.home-store .media {width: 100%; margin-bottom: 20px;}
.home-store .content p {line-height: 18px;}
.home-store .content .more-info {text-decoration: underline;}


/* ==========================================================================
   PRODUCTS
   ========================================================================== */

.product {padding: 0 10px; transition: all 0.6s ease 0s;}
.product:hover {opacity: 0.5;}
.main .product {padding: 0 10px 30px;}

.product .image {background-position: center; background-size: cover; background-repeat: no-repeat; border: 6px solid #FFF; overflow: hidden; position: relative;}
.product .image img {width: 100%;}

.product .image .content {opacity: 0; width: 100%; height: 100%; padding: 15px; position: absolute; top: 0; -webkit-transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s; -moz-transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s; -o-transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s; transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s;}
.product .content {padding: 15px 5px 0; position: relative;}
.product .content h2 {margin: 0; font-family: 'Didot', serif; font-size: 18px; font-weight: normal; line-height: 19px;}
.product .content p {margin: 0; font-size: 14px; font-weight: normal;}
.product .content .price {display: block; margin: 0 0 10px 5px; font-family: 'Times new Roman', serif; font-size: 16px; line-height: 19px; float: right;}
.product .content span.oldprice {
    text-decoration: line-through;
    display: block;
    font-size: 14px;
    text-align: right;
    line-height: 110%;
}
.best-sellers .product .content span.oldprice{text-align: left;}

.product .content .view-info {display: none; width: 120px; padding: 8px 12px; background: #000; color: #FFF; text-align: center; clear: both; position: absolute; bottom: 10px; left: 10px;}
.product .content .add-to-favorites {display: none; padding: 8px 12px; font-size: 21px; text-align: center; clear: both; position: absolute; bottom: 2px; right: 0;}

.product:hover .image .content {opacity: 1; background: #FFF;}
.product:hover .view-info, .product:hover .add-to-favorites {display: block;}

.product-discount {
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 8px 8px;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    
}
.product-discount span{font-size: 12px;}


.best-seller .image {width: 50%; float: left;}
.best-seller a:hover {color: #828282}
.best-seller .content {width: 50%; padding: 0 10px; position: static; background: none; float: left;}
.best-seller .content .price {margin: 10px 0 0; float: none;}
.best-seller .content h2 {width: auto;}

.category > a {display: block; height: 200px; margin: 0 10px; background-position: center; background-size: 100px; background-repeat: no-repeat; overflow: hidden; position: relative;}
.category a:hover {color: #222;}
.category a:hover .content {bottom: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

.category .content {display: table; width: 100%; height: 100%; padding: 15px; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s; -moz-transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s; -o-transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s; transition: all 0.4s cubic-bezier(0.26, 0.29, 0.45, 0.97) 0s;}
.category .content h2 {display: table-cell; margin: 0; font-size: 16px; font-weight: normal; text-transform: uppercase; text-align: center; vertical-align: middle;}


/* ==========================================================================
   CATEGORIES PAGE
   ========================================================================== */

.category-banner {display: table; width: 100%;}
.category-banner .slide {display: table-cell; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center; vertical-align: middle; text-align: center;}
.category-banner .slide span {padding: 4px 18px; border: 4px solid #FFF; font-family: Didot; font-size: 50px; font-weight: bold; line-height: 54px; color: #FFF; text-transform: uppercase;}

aside {width: 30%; padding: 60px 30px 0 10px; float: left;}
aside h3 {margin: 30px 0 10px; font-family: 'Didot', serif; font-size: 26px; font-weight: normal; line-height: 27px;}
aside h3:first-of-type {margin: 0 0 10px;}
aside nav ul {margin: 0; padding: 0; list-style: none;}
aside nav ul ul {margin-left: 20px;}
aside nav a {display: block; font-size: 14px; font-weight: normal; line-height: 22px;}
aside nav a.active {text-decoration: underline;}
aside nav div {margin-left: 20px;}

.accordion-wrapper {border-bottom: 1px solid #000;}
.accordion-toggle {font-size: 14px; font-weight: normal; line-height: 22px; cursor: pointer; position: relative;}
.accordion-toggle i {font-size: 14px; font-weight: normal; position: absolute; top: 2px; right: 2px;}
.accordion-toggle i:before {font-weight: normal;}
.accordion-content {display: none; padding: 5px 0;}
.accordion-content.default {display: block;}
.accordion-content a {display: block; padding: 2px 0 2px 10px; font-size: 14px; font-weight: normal;}
.accordion-content a:before {content: "\f372"; padding-right: 10px; font-family: 'Ionicons';}
.accordion-content a.clicked:before {content: "\f374";}

.main {width: 70%; padding: 60px 10px 0 0; position: relative; float: left;}
.tool-bar {font-size: 12px;}
.tool-bar.top {margin: 0 10px 30px; padding-bottom: 5px; border-bottom: 1px solid #000;}
.tool-bar.bottom {margin: 30px 10px 0; padding-top: 5px; border-top: 1px solid #000; clear: both;}
.tool {width: 33.33%; float: left;}
.tool.orderby {text-align: center;}


.pagination ul {margin: 0; padding: 6px 0 0; list-style: none; float: right;}
.pagination li {margin-left: 10px; float: left;}
.pagination li.current{font-weight: bold;}

/* ==========================================================================
   PRODUCT PAGE
   ========================================================================== */

.product-image {width: 50%; padding: 40px 10px 0; float: left;}
.product-main-image {width: 100%; border: 6px solid #FFF;}
.product-main-image img {width: 100%;}
.product-thumbnails {margin-top: 20px; overflow: hidden;}
.product-thumbnails .cycle-slideshow {width: 570px;}
.product-thumbnails .slide {width: 190px; padding: 20px 10px 0 0; overflow: hidden; position: relative; float: left;}
.product-thumbnails img {width: 100%; border: 6px solid #FFF; cursor: pointer;}

.product-info {width: 50%; padding: 80px 10px 0 50px; float: left;}
.product-info h1 {padding: 0 0 10px; font-size: 42px; text-align: left; text-transform: none;}
.product-info p {margin: 0 0 10px; font-size: 14px; font-weight: normal;}
.product-info .price {display: block; margin-bottom: 30px; font-size: 22px;}

.product-info .discountprice .oldprice{font-size: 15px; display: inline-block; text-decoration: line-through; margin-right: 8px;}
.product-info .discountprice .price{display: inline-block;}

.add-to-bag {display: inline-block; margin-top: 80px; padding: 8px 40px; background: #000; font-weight: normal; color: #FFF; border: 0px; letter-spacing: 1px; -webkit-transition: all 2s ease-out; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.add-to-bag:hover {background: #828282; color: #FFF;}
.add-to-bag.disabled{background-color: #BFBEBE; color: #5F5E5E;}

.more-info {margin-top: 80px;}
.entrega {color: #828282; font-size: 12px;}


/* ==========================================================================
   NEWS
   ========================================================================== */

.news .img {padding: 40px 10px 0;}
.news .img img {width: 100%;}

.news .content {padding: 80px 10px 0 50px;}
.news .content h1 {padding: 0 0 10px; font-size: 32px; text-align: left;}
.news .content .date {display: block; margin: 0 0 30px;}

/* ==========================================================================
   NEWS
   ========================================================================== */


.images>div {
    width: 280px;
    display: inline-block;
    overflow: hidden;
}
.presskitlogin{display: inline-block; text-align: left;}
.presskitlogin label {
    width: 80px!important;
    display: inline-block;
}

form.presskitlogin input[type="submit"]{margin-left: 83px; margin-top: 10px; width:160px; text-align: left}

/* ==========================================================================
   EMBED VIMEO & YOUTUBE
   ========================================================================== */

.embed-container {margin-top: 20px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; visibility: visible!important;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: visible!important;}


/* ==========================================================================
   PAGES
   ========================================================================== */

.thumbnail-page-symbol {max-width: 140px; max-height: 140px; margin-bottom: 30px;}
.slide {width: 100%; text-align: center;}
.page .slide {text-align: left;}

.page .banner-img {margin-bottom: 20px; overflow: hidden}
.page .banner-img img {width: 100%;}

.full-width-img {width: 100%;}

.page .col-2-3 {width: 600px; padding: 0; float: none;}

.page h2 {font-family: 'Didot', serif; font-size: 36px; font-weight: normal; line-height: 42px;}
.page h2:first-child {margin-top: 0;}
.page p {font-size: 16px;}

blockquote {margin: 0; font-family: 'Didot', serif; font-size: 24px; line-height: 28px;}
blockquote.big {margin: 0 0 40px; font-size: 44px; line-height: 48px;}
blockquote footer {margin: 10px 0 0; font-size: 14px; color: #757575;}

.banner-crono {overflow: hidden; clear:both}
.banner-crono .slide {padding: 30px 0 30px; border-top: 1px solid #000; text-align: left;}
.banner-crono .slide span{display: block; margin-bottom: 20px; font-family: 'Didot'; font-size: 24px;}

.page .faq {width: 600px; border-top: 1px solid #000;}
.page .faq .accordion-toggle {padding: 12px 0px; font-size: 22px; font-weight: normal;}
.page .faq .accordion-toggle i {font-size: 22px; top: 14px; right: 15px;}
.page .faq .accordion-content {padding: 10px 0px;}

.citacoes blockquote {margin: 0 0 20px;}

.press-selection {padding: 0 20px 0 0; -webkit-transition: all 2s ease-out; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.press-selection:hover {opacity: 0.5;}
.press-selection .content h2 {margin: 20px 0 5px; font-size: 20px; font-weight: normal; line-height: 22px;}
.press-selection .content p {margin: 0; font-size: 13px; font-weight: normal;}



/* ==========================================================================
   BASKET
   ========================================================================== */

body.locked {overflow: hidden;}

.basket {display: none; width: 100vw; height: calc(100vh - 186px); background: #E8E4E0; overflow-y: scroll; position: fixed; top: 189px; left: 0; z-index: 9999;}

.basket .wrapper {width: 1140px; min-height: calc(100vh - 186px); padding: 0; background-position: 0px -120px; background-size: 590px; background-repeat: no-repeat; overflow: hidden; position: relative;}
.basket .basket-content {padding-bottom: 50px; padding-left: 60px; float: right;}

.basket-close {font-size: 35px; position: absolute; top: 10px; right: 0;}

.basket h1 {font-size: 42px; text-align: left; text-transform: none;}

.basket-products {padding: 10px 0 10px; border-bottom: 1px solid #000;}

.basket-item {margin-bottom: 20px; overflow: hidden; position: relative;}
.basket-item-delete {font-size: 24px; position: absolute; top: 0; right: 0;}
.basket-item-img {width: 76px; height: 89px; margin-right: 20px; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative; float: left; border: 4px solid #FFF;}

.basket .basket-product {display: table-cell; width: 270px; vertical-align: middle;}
.basket .basket-quantity {display: table-cell; width: 140px; padding-left: 40px; vertical-align: middle;}

.basket-item-content h3 {margin: 0; font-family: 'Didot', serif; font-size: 18px; font-weight: normal;}
.basket-item-content p, .basket-item-content .price {margin: 0;}

.basket-total-text {margin: 15px 0 40px; font-size: 13px; font-weight: normal; text-transform: uppercase; float: left;}
.basket-total-value {margin: 15px 0px 40px; font-size: 13px; font-weight: normal; text-transform: uppercase; float: right; font-weight: bold:}

.basket-bt-continue {display: block; width: 50%; padding: 8px; background: #FFF; font-weight: normal; text-align: center; float: left;}
.basket-bt-checkout {display: block; width: 50%; padding: 8px; background: #000; font-weight: normal; color: #FFF; text-align: center; float: left;}

.order button.basket-bt-process-preorder  {width:100%}

button.loading{background: #999;}
/* ==========================================================================
   ORDER
   ========================================================================== */

.order {padding: 20px 10px;}
.order h2 {font-family: 'Didot'; font-size: 22px; font-weight: normal;}

.order .basket-header {width: 94%; margin-bottom: 10px; font-size: 13px; font-weight: normal; text-transform: uppercase;}
.order .basket-products{width: 94%;}

.order .basket-product-header, .order .basket-product {display: table-cell; width: 350px; vertical-align: middle;}
.order .basket-quantity-header, .order .basket-quantity, .order .basket-total-header, .order .basket-total, .order .basket-unit-header, .order .basket-unit {display: table-cell; width: 120px; padding-left: 40px; vertical-align: middle;}
.order .basket-quantity-header, .order .basket-quantity {width: 220px;}
.order .basket-total-header, .order .basket-total {text-align: right;}
span.stock-error{font-size: 12px; display: block; padding-top: 10px; float: none; clear: both;}

.order .basket-item {display: table;}
.order .basket-item-content {margin-top: 12px; max-width: 96%}

.order .basket-bt-refresh {display: block; width: 200px; margin-top: 30px; padding: 8px; background: #FFF; font-size: 13px; font-weight: normal; text-align: center; float: right;}

.order .basket-aside {padding: 40px; background: #FFF;}
.order .basket-aside h2 {margin: 0 0 40px;}
.order .basket-aside h3 {margin: 0 0 10px; font-size: 13px;}

.basket-shipping-costs {padding-bottom:10px; border-bottom: 1px solid #000;}
.basket-shipping-costs span {float: right;}
.basket-shipping-costs a {display: block; padding: 2px 0 2px 0; font-size: 14px; font-weight: normal;}
.basket-shipping-costs a span {display: block; width: 215px; float: left;}
.basket-shipping-costs a:after {content: "\f372"; margin-left: 15px; padding-right: 10px; font-family: 'Ionicons';}
.basket-shipping-costs a.clicked:after {content: "\f374";}

.order .basket-total-text {color: #000;}

.order .basket-bt-checkout {width: 100%;}

.quantity-container span.quantity-add, .quantity-container span.quantity-remove {background: #000; font-weight: bold; padding: 2px 8px; cursor: pointer; color: #fff; float: left; border: 1px solid #000; min-width: 30px; text-align: center; -webkit-transition: all 2s ease-out; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.quantity-container span.quantity-add:hover, .quantity-container span.quantity-remove:hover {background: #828282; border-color: #828282;}

.quantity-container span.quantity{padding:2px 8px; border-top: 1px solid #000; border-bottom: 1px solid #000; float: left;  min-width: 30px; text-align: center;}

.basket .quantity-container{margin-top: 10px}

.order .voucher {padding: 40px; background: #FFF; margin-top: 20px;}
.order .voucher h2 {margin: 0 0 40px;}
.order .voucher h3 {margin: 0 0 10px; font-size: 13px;}
.order .voucher button, .order .voucher input{width: 100%;}
.order .voucher input {padding: 10px;}
.order .voucher input.error {border: 1px solid red}



/* ==========================================================================
   FOOTER
   ========================================================================== */

footer {width: 100%; margin: 30px 0; clear: both;}

.push {height: 292px;}

.footer-top {width: 100%; padding: 30px 0; border-top: 1px solid #959595; border-bottom: 1px solid #959595;}
.footer-top .col:first-child {padding-left: 0;}
.footer-top .col {padding: 0 10px;}
.footer-top h3 {margin: 0; font-weight: normal; text-transform: uppercase;}

.footer-menu a {display: block; font-size: 12px; line-height: 17px;}

.social {margin-bottom: 20px;}
.social a {display: inline-block; margin-right: 13px; font-size: 19px; color: #000; text-align: center; line-height: 27px;}
.social a:hover {color: #828282;}

.footer-bottom {padding-top: 30px; font-size: 12px; text-align: left;}

.payment span {display: inline-block; padding: 4px; border: 1px solid #777; border-radius: 4px; font-size: 18px;}

footer .design {float: right;}
footer .partner {display: inline-block; width: 420px; margin-left: 50px; vertical-align: top;}
footer .partner img {width: 420px; margin-top: 5px;}



/* ==========================================================================
   FORM
   ========================================================================== */

form input[type="text"], form input[type="password"] {padding: 7px; background: #E8E4E0; border: 1px solid #000; font-size: 13px;}
form input[type="submit"] {padding: 8px 12px; background-color: #000; border: none; color: #FFF; font-size: 14px; line-height: 16px; -webkit-transition: all 2s ease-out; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
form input[type="submit"]:hover {background: #828282;}
form input.error{background-color: rgba(242, 102, 102, 0.31)!important}
form span.error{display: none!important;}
div.errorFeedback{padding: 6px 10px; background-color: rgba(242, 102, 102, 0.31); box-sizing: border-box; width: 80%}

::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

/* ---------------------------------------------------------------------- */
/*  Select
/* ---------------------------------------------------------------------- */

.s-hidden {padding-right: 10px;visibility: hidden;}
.select {display: inline-block; width: 100%; padding: 4px; color: black; text-align: left; cursor: pointer; position: relative; top: 1px;}

.styledSelect {padding: 4px 6px; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.styledSelect:after {content: ''; width: 0; height: 0; border: 5px solid transparent; border-color: black transparent transparent transparent; position: absolute; top: 10px; right: 6px;}
.styledSelect:active, .styledSelect.active {background-color: #E8E4E0;}

.options {display: none; min-width: 210px; max-height: 200px; margin: 0; padding: 0; background-color: #E8E4E0; border-top: 1px solid #000; list-style: none; overflow-y: scroll; position: absolute; top: 100%; right: 0; left: -1px; z-index: 999;}
.options li {margin: 0 0; padding: 4px 6px; border: 1px solid #000; border-top: none; font-weight: normal;}
.options li:hover {background: #000; color: #FFF;}

.items-per-page.full-custom-select {display: inline-block; width: 60px;}
.items-per-page .options {min-width: 62px;}
.order-by.full-custom-select {display: inline-block; width: 120px;}
.order-by .options {min-width: 122px;}

.productoptions .block {display: table; width: 100%; margin-bottom: 10px; border: 1px solid;}
.productoptions .block:last-child {margin-right: 0;}
.productoptions .block label {display: table-cell; width: 78px; padding: 8px 13px; background: #000; border-right: 1px solid #000; color: #FFF;}

.productoptions .full-custom-select .select {padding: 8px; top: 0;}
.productoptions .full-custom-select .styledSelect {padding: 8px 10px;}
.productoptions .full-custom-select .styledSelect:after {top: 15px;}
.productoptions .full-custom-select .options {min-width: 442px;}
.productoptions .full-custom-select .options li {padding: 4px 10px;}



/* ==========================================================================
   SELECTS
   ========================================================================== */

/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {display: table-cell; width: 440px; padding: 0; position: relative;}

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.custom-select select {width: 100%; margin: 0; padding: .6em 1.9em .5em .8em; background: none; border: 1px solid transparent; border-radius: 0; line-height: 1.3; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; cursor: pointer;}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
    
.custom-select::after {content: "\f3d0"; width: 9px; height: 8px; margin-top: -12px; font-family: 'Ionicons'; font-size: 19px; font-weight: bold; position: absolute; top: 50%; right: 1em; z-index: 2; pointer-events:none;}

/* Focus style */
.custom-select select:focus {background-color: transparent; border: none; color: #222; outline: none;}

/* Set options to normal weight */
.custom-select option {font-weight:normal;}

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */

/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .custom-select::after {display:none;}    

 /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .custom-select select::-ms-expand {display: none;}
  .custom-select select:focus::-ms-value {background: transparent; color: #222;}
}  

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() { 
  .custom-select {overflow: hidden;}
  .custom-select select {width: 120%; width: -moz-calc(100% + 3em); width: calc(100% + em);}
  
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */






/* ==========================================================================
   MODAL
   ========================================================================== */
#modal, .modal{width:400px; height:auto; min-height:200px; background:#FFF; position:fixed; z-index:10000; top: 120px; left: 50%; margin-left:-200px; border:1px solid #DDD; padding:30px; box-shadow:-2px 4px 12px 0px #666; font-size:12px; box-sizing:border-box;

  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
   -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;    
}

/* ==========================================================================
   MODAL
   ========================================================================== */

.jconfirm {text-align: center}
.jconfirm h2{margin-top: 0px; font-family: 'Didot', serif; font-size: 22px; font-weight: normal; line-height: 27px;}
.jconfirm label{display: inline-block; width:100px}
.jconfirm input {width: 90%; margin-bottom: 20px; font-size: 13px!important; padding: 7px!important; background: #E8E4E0!important; border: 1px solid #000;}
.jconfirm button{display: block; width: 90%; padding: 8px; background: #000; font-weight: normal; color: #FFF; text-align: center; text-shadow:none !important; border:none !important; box-shadow:none !important; margin: 0px auto; -webkit-transition: all 2s ease-out; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.jconfirm button:hover {background: #828282;}
.jconfirm .smallinfo{opacity: 0.7}
.jconfirm div.errorFeedback{width:90%; margin: 0px auto 10px}


#resetpassword{width: 50%; margin: 0px auto;}
#resetpassword input{width:80%; margin: 0px auto; float: none; margin-bottom: 20px;}
#resetpassword button {margin: 0px auto;}

/* ==========================================================================
   CHECKOUT
   ========================================================================== */

.order input{display: block; width: 80%}
.order input {display: block; margin-bottom: 20px;}
.order label {display: block; margin-bottom: 5px;}
.order button {display: block; width: 50%; padding: 8px; background: #000; font-weight: normal; color: #FFF; text-align: center;  text-shadow:none !important; border:none !important; box-shadow:none !important; margin-top: 20px; -webkit-transition: all 2s ease-out; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.order button:hover {background: #828282;}
.order input[type="checkbox"], .order input[type="radio"]{display: inline-block; margin-bottom: 0px; width: auto; margin-right: 10px;}

button span{display: none;}
button.loading span{display: block;}

#mainCartContent  {margin-top: 60px}

ul.checkout-bar {margin: 30px 20px; text-align: center; position: relative;}
ul.checkout-bar:before {border-top: 1px solid #000; content: ""; margin: 0 auto; position: absolute; top: 30%; left: 30px; right: 0; bottom: 0; width: 65%; z-index: -1; background: rgb(232, 228, 224);}
ul.checkout-bar li {color: #000; display: inline-block; font-size: 14px; padding: 14px 20px 14px 80px; position: relative; margin: 50px 0 0; padding: 0; text-align: center; width: 19%; font-family: 'Didot';}
ul.checkout-bar li:before {border: 2px solid #000; border-radius: 50%; color: #000; font-size: 14px; left: 40%; line-height: 29px; height: 32px;
 position: absolute; text-align: center; top: -45px; width: 32px; z-index: 200; font-family: 'Times New Roman'; background: rgb(232, 228, 224);
}
ul.checkout-bar li.active {}
ul.checkout-bar li.active:before {background: #000; z-index: 199; color: #fff;}
ul.checkout-bar li.visited { color: rgb(134, 130, 130); border-color: rgb(134, 130, 130);}
ul.checkout-bar li.visited:before { z-index: 200; color: rgb(134, 130, 130); border: 1px solid rgb(134, 130, 130);}
ul.checkout-bar li:nth-child(1):before {content: "1";}
ul.checkout-bar li:nth-child(2):before {content: "2";}
ul.checkout-bar li:nth-child(3):before {content: "3";}
ul.checkout-bar li:nth-child(4):before {content: "4";}
ul.checkout-bar a {text-decoration: none;}

#basket_aside {border-left: 1px solid #959595; padding: 0px 0px 0px 40px}
#basket_aside .basket-item-img{border: 4px solid #FFF; overflow: hidden; position: relative; width: 76px; height: 89px;}
#basket_aside .basket-item {border: 0px none; padding: 0px; display: block;}
#basket_aside .basket-item-content{margin-top: 0px;}
#basket_aside .basket-products{padding: 10px 0px 10px}
#basket_aside .basket-estimated-shipping, #basket_aside .basket-payment-costs, #basket_aside .voucher-discount{padding: 10px}
#basket_aside .basket-estimated-shipping span, #basket_aside .basket-payment-costs span, #basket_aside .voucher-discount span{float: right; text-align: right}
#basket_aside .basket-total-costs {padding:10px; background: #fff; font-weight: bold;}
#basket_aside .basket-total-costs span{float: right; text-align: right}

.custom-select.country, .custom-select.ptzone {width: 312px; border: 1px solid #000; margin-bottom: 20px;}
.custom-select.country select, .custom-select.ptzone select {padding: 7px; font-size: 13px;}
.custom-select.country::after, .custom-select.ptzone::after {margin-top: -10px; font-size: 15px; right: 10px;}

.client-info form, .shipping-info form {margin: 20px 0px;}
.client-info input, .shipping-info input{display: inline-block; width: 230px;}
.client-info label, .shipping-info label{display: inline-block; width:100px}
.client-info button, .shipping-info button {margin-left: 104px; margin-top: 0px; text-align: left; width: 230px;}

.client-info .custom-select.country, .shipping-address .custom-select.country, .custom-select.ptzone {display: inline-block; width: 230px;}
.client-info .custom-select.country select, .shipping-address .custom-select.country select, .custom-select.ptzone select  {padding: 3px 6px;}

.collapsible {border-top: 1px solid #000}
.collapsible.no-border{border-top: 0px none}

#user-address{padding: 0px 0px 20px 0px; position: relative}
#user-address a{position: absolute; top: 0px; right:0px; padding: 8px 10px; background: #000; color: #fff;}

.billing-address, .shipping-address {padding: 0px 0px 20px 0px; position: relative}
.shipping-address .billing-check {display: inline-block; width:30px; margin-bottom: 0px;}
.showShippingAddressForm{position: absolute; top: -10px; right:0px; padding: 8px 10px; background: #000; color: #fff;}

.shipping-method ul{margin: 0px; padding: 0px;}
.shipping-method {padding: 0px 0px 20px 0px; position: relative}
.shipping-method li{margin-right: 40px; list-style-type: none; float: left;}
.shipping-method li span{display: block; margin-left: 20px;}
.shipping-method li .storespickup{ display: none;}
.shipping-method li .storespickup{padding: 2px 0px 0px 24px;}
.shipping-method li .storespickup a {text-decoration: underline;}

.payment-method ul{margin: 0px; padding: 0px;}
.payment-method {padding: 0px 0px 20px 0px; position: relative}
.payment-method li{margin-right: 10px; list-style-type: none; float: left;}


#payment-method{margin-top: 20px; width: 450px;}
#payment-method label{margin-bottom:6px; display: block;}

#payment-method ul.cards li{ float: left;margin: 0 4px 0 0; list-style-type: none; box-sizing: border-box;}
#payment-method ul.cards li span{background-image: url("../img/credit-cards-@2x.png"); background-size: 300px 31px; background-position:0 0;   float: left; width: 47px; height: 31px; text-indent: -9999px;opacity: 0.6; box-sizing: border-box; }

#payment-method ul.cards {margin-bottom: 20px;}
#payment-method ul.cards li span.card.visa {background-position: 0 0}
#payment-method ul.cards li span.card.master-card {background-position: -100px 0}
#payment-method ul.cards li span.card.american-express {background-position: -50px 0}
#payment-method ul.cards li span.card.discover {background-position: -150px 0}
#payment-method ul.cards li span.card.jcb {background-position: -200px 0}
#payment-method ul.cards li span.card.diners-club {background-position: -250px 0}
#payment-method ul.cards li span.card-selected {opacity: 1}
#payment-method ul.cards li.text {font-size: 11px; line-height: 31px; color: #767676;}
#payment-method col-1-4 {margin-right: 10px; overflow: hidden;}

.my-hosted-fields-container {height: 25px; width:300px; margin-bottom: 1em; padding: 0 0.5em;}
#my-credit-card-field, #my-security-code-field, #my-expiration-field {border:1px solid #000;}
#my-security-code-field, #my-expiration-field {border:1px solid #000; width:100px;}
.my-hosted-fields-left {height: 25px; width:100px; margin-bottom: 1em; padding: 0 0.5em; border: 1px solid #000;}
.my-hosted-fields-container.braintree-hosted-fields-invalid {background-color: rgba(242, 102, 102, 0.31)!important}
.my-hosted-fields-container.braintree-hosted-fields-valid {border-color: limegreen;}


/* ==========================================================================
   CLIENTS AREA
   ========================================================================== */
.order-history{}
.order-history-item{border-bottom: 1px solid #000; padding: 20px 0px;}
.order-history-item h3.date{ margin: 0px 0px 6px 0px;}
.order-history-item .info{float: left; width: 50%;}
.order-history-item .total{float: right; text-align: right;}
.order-history-item .total span{display: block; font-size: 16px; font-weight: bold;}
.order-history-item .status{float: left; width:150px; text-align: right}
.order-history-item .status span{display: block; font-size: 16px; font-weight: bold;}
.order-history-item .details{float: left; width:150px; text-align: left;}

.order-history-item .view-order-details {background: #000; padding: 4px 8px; color: #fff; margin: 10px 0 0 0; display: inline-block}

.order-details-address {margin-top: 30px;}

.order-items {width:100%; margin-top: 60px; padding-right: 20px; border-bottom: 1px solid #000; border-collapse: separate;}
.order-items th {padding-bottom: 20px; font-size: 13px; font-weight: normal; text-transform: uppercase;}
.order-items td {padding-bottom: 20px;}
.order-items td td {padding-bottom: 0;}
.order-items td img {border:4px solid #FFF}
.order-items td.img {width:90px;}
.order-items h3 {margin: 0; font-family: 'Didot', serif; font-size: 18px; font-weight: normal;}

.order-info {margin-top: 30px; border-collapse: separate;}
.order-info table {padding: 20px; background: #FFF; border-collapse: separate;}

.order-status{background: #000; padding: 6px 18px; color: #fff; float: right}

table.order-items-list.small-table {width: 300px;float: right;}
table.order-items-list.small-table td{text-align: right; border-bottom: 1px solid #000; padding: 20px 0px;}

.change-password {margin-top: 20px; clear: both;}
.change-password p {font-size: 13px;}
.change-password button {margin-top: 40px;}


.lightbox_confirm{
  position: fixed;
    width: 100%;
    height: 100vh;
    background: #00000059;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;

}

.lightbox_confirm .lightbox_confirm_content {
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    max-width: 700px;
    font-size: 12px;
    text-align: center;
    font-size: 15px!important;
    max-width: 90%;
}
.lightbox_confirm .lightbox_confirm_content p {
  margin: 0px;
}

.lightbox_confirm .button {
  display: inline-block;
    background: #eaeaea;
    color: #000;
    padding: 8px 20px;
    border-radius: 2px;
    border: 1px solid #737373;
    margin: 20px 0px 0px 0px;
    font-weight: normal;
    cursor: pointer;
    transition: all 1s ease;
}
.lightbox_confirm .button:hover{
  opacity: 0.7;
}

.lightbox_confirm .account_del_button {
  background: #000;
  color: #fff;
  margin-right: 5px;
  border: 0px none;
}

.lightbox_confirm .account_cancel_button {
  background: #7b7a7a;
  color: #fff;
  margin-left: 5px;
  border: 0px none;
}

.lightbox_confirm .lightbox_info{
  margin: 20px 0px 0px 0px;
}


.downloaduserdata.button, .deleteaccount.button{
  border: 1px solid #000;
  border-radius: 2px;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 40px;
  transition: all 0.5s ease;
  cursor: pointer;
}

.downloaduserdata.button:hover, .deleteaccount.button:hover{

    background: #000;
    color: #fff;
}

.privacy_agree {text-align: left; padding-left: 16px;}
.privacy_agree a {text-decoration: underline!important}
.consent_check{width: auto!important; padding: 0px!important; margin: 0px 5px 0px 0px;}
.jconfirm .jconfirm-box div.content{max-height: 100vh!important; overflow: auto!important;}
.jconfirm .jconfirm-box div.closeIcon{z-index: 999999!important}

/* ==========================================================================
   LOGIN
   ========================================================================== */

.register .custom-select.country {display: block; width: 288px; margin: 0 auto 20px;}


/* ==========================================================================
   404 PAGE NOT FOUND
   ========================================================================== */


.error404 {height: 100%; text-align: center;}
.error404:before {content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle;}
.error404 .centered {display: inline-block; width: 420px; vertical-align: middle;}

.error404 .centered > a {display: block; border-bottom: 2px solid #000;}
.error404 .logo {width: 340px;}
.error404 .center {width: 420px; margin: 0 auto;}
.error404 h1 {padding: 20px 0; font-size: 24px; text-transform: none;}



/*!
 * jquery-confirm v1.7.5 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2015 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
 .jconfirm-box-container {width: 400px; margin: 0px auto;}
 .jconfirm-box-container.large-modal {width: 700px;}
  .jconfirm-box-container.larger-modal {width: 800px;}
 body.jconfirm-noscroll{overflow:hidden!important}@-webkit-keyframes jconfirm-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:all .4s;transition:all .4s}.jconfirm .jconfirm-bg.seen{opacity:1}.jconfirm .jconfirm-scrollpane{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto}.jconfirm .jconfirm-box{background:#E8E4E0;position:relative}.jconfirm .jconfirm-box div.closeIcon{height:20px;width:20px;position:absolute;top:6px;right:12px;cursor:pointer;opacity:.6;text-align:center;display:none;font-size:29px}.jconfirm .jconfirm-box div.closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.title{font-size:24px;font-weight:bold;font-family:'Didot';padding:30px 30px 0px 30pxs}.jconfirm .jconfirm-box div.content{padding:30px}.jconfirm .jconfirm-box div.content:empty{height:40px;position:relative;opacity:.6}.jconfirm .jconfirm-box div.content:empty:before{content: "\f29c";height:20px;width:20px;font-family:'Ionicons';position:absolute;left:50%;margin-left:-45px;-webkit-animation:jconfirm-rotate 1s infinite;animation:jconfirm-rotate 1s infinite}.jconfirm .jconfirm-box div.content:empty:after{content:'loading..';position:absolute;left:50%;margin-left:-15px}.jconfirm .jconfirm-box .buttons{padding:10px 15px}.jconfirm .jconfirm-box .buttons button+button{margin-left:5px}.jconfirm .jquery-clear{clear:both}.jconfirm.white .jconfirm-bg{background-color:rgba(0,0,0,0.2)}.jconfirm.white .jconfirm-box .buttons{float:right}.jconfirm.white .jconfirm-box .buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.white .jconfirm-box .buttons button.btn-default{box-shadow:none;color:#333}.jconfirm.white .jconfirm-box .buttons button.btn-default:hover{background:#ddd}.jconfirm.black .jconfirm-bg{background-color:rgba(0,0,0,0.5)}.jconfirm.black .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.black .jconfirm-box .buttons{float:right}.jconfirm.black .jconfirm-box .buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.black .jconfirm-box .buttons button.btn-default{box-shadow:none;color:#fff;background:0}.jconfirm.black .jconfirm-box .buttons button.btn-default:hover{background:#828282}.jconfirm.hololight .jconfirm-bg{background-color:rgba(0,0,0,0.5)}.jconfirm.hololight .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.4);border-radius:2px;overflow:hidden}.jconfirm.hololight .jconfirm-box div.title{font-weight:inherit;border-bottom:solid 2px #76cfdf;color:#76cfdf}.jconfirm.hololight .jconfirm-box .buttons{border-top:solid 2px #e7e7e7;width:100%;float:none;padding:0}.jconfirm.hololight .jconfirm-box .buttons button{margin:0;border:0;background:#fff;border-radius:0;width:50%;padding:13px;font-size:16px;font-weight:bold;color:#666}.jconfirm.hololight .jconfirm-box .buttons button+button{border-left:solid 2px #e7e7e7}.jconfirm.holodark .jconfirm-bg{background-color:rgba(0,0,0,0.5)}.jconfirm.holodark .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.4);border-radius:2px;background:#333;overflow:hidden}.jconfirm.holodark .jconfirm-box div.closeIcon{color:white}.jconfirm.holodark .jconfirm-box div.title{font-weight:inherit;border-bottom:solid 2px #76cfdf;color:#76cfdf}.jconfirm.holodark .jconfirm-box div.content{color:white}.jconfirm.holodark .jconfirm-box .buttons{border-top:solid 2px rgba(255,255,255,0.2);width:100%;float:none;padding:0}.jconfirm.holodark .jconfirm-box .buttons button{margin:0;border:0;background:#333;border-radius:0;width:50%;padding:13px;font-size:16px;font-weight:bold;color:#fff;text-shadow:none}.jconfirm.holodark .jconfirm-box .buttons button+button{border-left:solid 2px rgba(255,255,255,0.2)}.jconfirm .jconfirm-box.hilight{box-shadow:0 0 20px red}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:-webkit-transform,opacity,box-shadow;transition-property:transform,opacity,box-shadow}.jconfirm .jconfirm-box.anim-top,.jconfirm .jconfirm-box.anim-left,.jconfirm .jconfirm-box.anim-right,.jconfirm .jconfirm-box.anim-bottom,.jconfirm .jconfirm-box.anim-opacity,.jconfirm .jconfirm-box.anim-zoom,.jconfirm .jconfirm-box.anim-scale,.jconfirm .jconfirm-box.anim-none,.jconfirm .jconfirm-box.anim-rotate,.jconfirm .jconfirm-box.anim-rotatex,.jconfirm .jconfirm-box.anim-rotatey,.jconfirm .jconfirm-box.anim-scaley,.jconfirm .jconfirm-box.anim-scalex{opacity:0}.jconfirm .jconfirm-box.anim-rotate{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.anim-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-rotatey{-webkit-transform:rotatey(90deg);-ms-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-scaley{-webkit-transform:scaley(1.5);-ms-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-scalex{-webkit-transform:scalex(1.5);-ms-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-top{-webkit-transform:translate(0px,-100px);-ms-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.anim-left{-webkit-transform:translate(-100px,0px);-ms-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.anim-right{-webkit-transform:translate(100px,0px);-ms-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.anim-bottom{-webkit-transform:translate(0px,100px);-ms-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.anim-zoom{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.anim-scale{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.jconfirm .jconfirm-box.anim-none{display:none}.jconfirm.supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.supervan .jconfirm-box{background-color:transparent}.jconfirm.supervan .jconfirm-box div.closeIcon{color:white}.jconfirm.supervan .jconfirm-box div.title{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.supervan .jconfirm-box div.content{text-align:center;color:white}.jconfirm.supervan .jconfirm-box .buttons{text-align:center}.jconfirm.supervan .jconfirm-box .buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;width:25%;padding:10px}
 
 

.ion-spin, .ion-loading-a, .ion-loading-b, .ion-load-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading { -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }
.ion-loading-a { -webkit-animation-timing-function: steps(8, start); -moz-animation-timing-function: steps(8, start); animation-timing-function: steps(8, start); }


/* -----------------------------------------------
FlexSlider
----------------------------------------------- */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
#flexslider {height: 685px; overflow: hidden;}
#carousel.flexslider {margin: 0 0 10px; position: relative; zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

#carousel li {margin-right: 10px}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}
#carousel .flex-viewport{max-height:147px;}
#slider{margin-bottom:10px!important;}
#slider .flex-viewport{max-height:685px;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; font-family: 'Ionicons'; position: absolute; top: 55%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {right: 5px;}
.flex-direction-nav .flex-next:after {content: "\f125"; width: 30px; height: 30px; background: #FFF; text-align: center; line-height: 30px; text-indent: 0; float: left;}
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-prev:after {content: "\f124"; width: 30px; height: 30px; background: #FFF; text-align: center; line-height: 30px; text-indent: 0; float: left;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .0!important; filter:alpha(opacity=0); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #828282; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover {background: #333; background: rgba(0,0,0,0.7);}
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

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

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

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

    .wrapper {width: 100%; padding: 0 20px;}

    .nav-primary, .header-left, .header-right, .welcome .noticias {display: none;}

    .top-bar {display: none;}

    .logo {width: 230px; padding: 15px 30px 5px;}

    .nav-mobile-bt {display: block; background: none; border: none; outline: none; position: absolute; top: 30px; left: 15px;}
    .nav-mobile-bt:after {content: '\f20e'; font-family: 'Ionicons'; font-size: 32px;}

    .nav-open .nav-primary {display: block; width: 220px; height: 100%; padding: 0 0 20px; background: #000; overflow-y: scroll; position: fixed; top: 0; left: 0; z-index: 99999;}
    body.nav-open {height: 100vh; overflow: hidden; position: relative; left: 0;}
    .submenu-open {overflow-y: scroll;}

    .nav-primary ul {margin: 0; float: none;}
    .nav-primary ul:not(.nav-mobile) {margin-bottom: 10px; border-bottom: 1px solid #444;}
    .nav-primary li {display: block;}
    .nav-primary li a {display: block; width: 100%; margin: 0; padding: 10px; background: #000; border-top: 1px solid #444; font-size: 15px; color: #FFF; text-transform: none;}

    .nav-primary li ul {height: auto; margin: 0!important; padding: 0!important; background: transparent; border: none!important; overflow: hidden; position: static;}
    .nav-primary li ul li {width: 100%; margin: 0;}
    .nav-primary li ul a {width: 100%; height: auto; padding: 8px 10px; background: #E8E4E0; border: none; color: #000; line-height: normal;}
    .nav-primary li ul a span {display: none;}

    .has-submenu {position: relative;}
    .has-submenu:after {content: "\f3d0"; font-family: 'Ionicons'; font-size: 16px; font-weight: bold; color: #FFF; position: absolute; top: 10px; right: 15px;}

    .nav-primary li.logosmall a {display: block; height: 57px; margin: 0px 70px 70px 0; background: #000 url('../img/andorinha_white.png') no-repeat 10px 16px; border-top: none; border-bottom: 1px solid #444; background-size: 47px; text-indent: -9999px;}

    .nav-mobile {display: block; padding-bottom: 40px!important; background: #000; position: static; bottom: 0;}
    .nav-mobile li:first-child {position: absolute; top: 12px; right: 0;}
    .nav-mobile li a {padding: 8px 10px 0; border: none; font-size: 13px;}
    .submenu-open .nav-mobile {position: static;}

    .header-search {width: 200px; margin: 20px 10px; top: initial; float: none; position: absolute; top: 56px; right: 0;}
    .header-search input[type="text"] {width: 100%; background: #000; border-color: #FFF; font-size: 13px;}
    .header-search ::-webkit-input-placeholder {color: #FFF;}
    .header-search :-moz-placeholder {color: #FFF;}
    .header-search ::-moz-placeholder {color: #FFF;}
    .header-search :-ms-input-placeholder {color: #FFF;}
    .header-search button {font-size: 15px; color: #FFF; position: absolute; top: 5px; right: 0;}

    .header-basket {display: none;}
    .header-basket-mobile {display: block; width: 70px; position: absolute; top: 45px; right: 20px;}

    h1 {padding: 20px 0; font-size: 36px;}
    h1.relatedtitle{font-size: 32px;}
    
    .home-title {font-size: 21px;}

    .welcome .banner {margin-top: 10px;}

    .novidades .col-1-5, .best-sellers .col-1-5, .brand-highlight .col-1-4, .home-stores .col-1-4 {width: 100%; margin-bottom: 20px; padding: 0;}
    /*.novidades .col-1-5:last-child {display: none;}*/

    aside, .main {width: 100%; padding: 40px 0 0; float: none;}
    .thumbnail-page-symbol {margin-left: 40px; float: right;}

    .page .col-2-3 {width: 100%; margin-bottom: 0;}

    .page .faq {width: 100%;}
    .page .faq .accordion-toggle {padding: 12px 40px 12px 0; font-size: 18px;}

    .home-text-highlight {width: 100%; padding: 0 0 30px;}
    .news .img, .news .content {width: 100%; padding: 40px 0 0; float: none;}

    .banner-crono .slide {padding: 20px 0;}

    .press-selection {width: 50%;}
    .press-selection img {width: 100%;}
    .col-1-3:nth-child(3n+1) {clear: none;}
    .col-1-3:nth-child(2n+1) {clear: left;}

    .category-banner .slide {height: 110px;}
    .category-banner .slide span {font-size: 30px;}

    .main .product {width: 100%; padding: 0 0 30px;}

    .products aside {display: none;}

    .items-per-page, .tool.orderby, .tool-bar.top {display: none;}
    .tool {width: 100%;}

    .product-image, .product-info {width: 100%; padding: 40px 0 0; float: none;}

    #flexslider {height: auto;}

    .add-to-bag {margin-top: 20px;}

    .more-info {margin-top: 40px;}

    .product-related .product {width: 100%; padding: 0 0 30px;}

    .basket {min-height: 100%; top: 0;}
    .basket .wrapper {width: 100%; min-height: 100%; background: transparent!important;}
    .basket .basket-content {width: 100%; padding: 0 20px;}
    .basket-close {right: 20px;}
    .basket .basket-item-img {display: none;}
    .basket .basket-quantity {width: 250px; padding-left: 0}
    .basket .basket-item-content {width: 160px; float: left;}

    .order {padding: 0;}

    ul.checkout-bar {margin: 20px 0; padding: 0;}
    ul.checkout-bar:before {width: 80%; top: 32%; left: 0;}
    ul.checkout-bar li {width: 24%; margin: 70px 0 0; vertical-align: top;}
    ul.checkout-bar li:before {left: 30%;}

    #mainCartContent .col-2-3 {width: 100%; padding: 0; float: none;}
    #mainCartContent .col-1-3 {width: 100%; float: none;}
    .order .basket-header, .order .basket-products {width: 100%;}

    .order .basket-unit-header, .order .basket-unit {display: none;}
    .order .basket-product-header, .order .basket-product {width: 340px;}
    .order .basket-item-img {display: none;}
    .order .basket-item-content {max-width: 160px; float: left;}
    .order .basket-quantity-header, .order .basket-quantity {width: 230px; padding-left: 10px;}
    .order .basket-total-header, .order .basket-total {width: 60px; padding-left: 10px;}

    .order .col-2-3, .order .col-1-2 {width: 100%; padding-right: 0; float: none;}

    .order input[type="text"], .order input[type="password"], .order button {width: 100%;}

    .cart #cart-view {display: none;}

    .client-info .custom-select.country, .shipping-address .custom-select.country, .custom-select.ptzone {width: 100%; margin-bottom: 15px; overflow: hidden;}
    .client-info button, .shipping-info button {margin-left: 0;}
    .client-info .custom-select.country select, .shipping-address .custom-select.country select, .custom-select.ptzone select  {padding: 6px;}

    #user-shipping-address {width: 150px;}

    #payment-method, .my-hosted-fields-container {width: 100%;}
    #payment-method ul.cards li.text {clear: both;}

    .order .custom-select.country {display: block; width: 100%; margin-bottom: 20px; border: 1px solid #000; overflow: hidden; clear: both;}

    .jconfirm .jconfirm-box {height: 100vh; margin: 0!important; overflow: hidden;}
    .christmaspop .jconfirm-box {max-height: 300px;}
    
    
    .jconfirm .col-1-2 {width: 100%; padding: 0 0 20px;}
    .jconfirm .register {padding: 0!important;}
    .jconfirm-box-container.large-modal, .jconfirm-box-container {width: 100%;}
    .register .custom-select.country {width: 100%;}
    .jconfirm form input[type="text"], .jconfirm form input[type="password"], .jconfirm button {width: 100%;}

    .jconfirm .jconfirm-box div.content {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden;}

    input[type="text"], input[type="password"] {-webkit-appearance: none; border-radius: 0;}

    footer .wrapper {padding: 0 20px;}
    footer .footer-top {padding: 30px 0 10px;}
    footer .col-1-4 {width: 100%; margin-bottom: 20px;}
    footer .col-1-4.footer-menu {width: 50%;}
    .social {margin: 0 20px 0 0; float: left;}

    footer .partner {width: 100%; margin: 20px 0 0;}
    footer .partner img {width: 100%;}
    footer .design {margin-top: 30px; float: none;}

    form input[type="text"], form input[type="password"] {width: 150px;}

	
	.col-1-5 {width:100%;}
	.home-store {margin-bottom: 20px;}
	
	.lity-container {max-width: 90%!important;}
	#popup {width: 100%; min-width: 90vw}
	#popup .col-1-2 {width: 100%; float: none;}
	#popup .col-1-2.pop_content_single {height: auto; display: inline;}
	#popup h1 {font-size: 30px;}
	#popup h2 {font-size: 20px;}
	#popup p {font-size: 16px;}
	
	.freecalendar .cal_text {float: left; padding-top: 10px; width: 70%; font-size: 14px;}

}


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

    .top-bar p {font-size: 13px;}

    .basket .basket-content {padding: 0 20px 40px;}
    .basket .basket-quantity {padding-left: 0px;}

    .order .basket-quantity-header, .order .basket-quantity {width: 300px; padding-left: 0px;}
    #user-shipping-address {width: 100px;}
    .showShippingAddressForm {top: 3px;}

    .payment-info .col-1-4 {width: 50%;}

    footer  form input[type="text"], footer form input[type="password"] {width: 95px;}

}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *, *:before, *:after {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}

/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.7);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 20px;
  top: 10px;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 90%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}