/* ============================================================= OVERRIDE STYLES ============================================================= */ /* Body */ body {background: #FFFFFF !important; -webkit-font-smoothing: antialiased;} /* Hide iframe for google meraketing code */ iframe[name='google_conversion_frame'] {font-size: 0 !important;line-height: 0 !important;width: 0 !important;height: 0 !important;margin-top: -13px;float: left;} /* Specify Main Font Family for the website */ body, p, span, strong, small, ul, li {font-family: 'Open Sans', sans-serif !important;} h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif !important;color: #212122;} /* Font Families */ /* Lato */ *.lato {font-family: 'Lato', sans-serif !important;} /* Open Sans */ *.open {font-family: 'Open Sans', sans-serif !important;} /* Khula */ *.khula {font-family: 'Khula', sans-serif !important;} /* PT Serif */ *.pt-serif {font-family: 'PT Serif', serif !important;} /* Last .columns classes inside a .product-gallery div will float left */ .product__gallery div.product__block:last-child {float: left !important;} /* All .column classes will float left */ /*[class*="column"] + [class*="column"]:last-child {float: left !important;}*/ .clear {clear: both;} .float-left {float: left !important;} .float-right {float: right !important;} .upp {text-transform: uppercase !important;} /* Weights */ .italic {font-style: italic !important;} .normal {font-weight: 400 !important;} .medium {font-weight: 500 !important;} .bold {font-weight: 600 !important;} .bolder {font-weight: 700 !important;} .table {width: 100%;} /* Custom Select Boxes*/ select, select.select {font-size: 80%;color: #666666;font-weight: 500;-webkit-font-smoothing: antialiased;margin: 0;cursor: pointer;border-width: 0 0 2px 0;border-color: rgba(0,0,0,.15);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-font-smoothing: antialiased;} select.select {border: 1px solid #EEEEEE;background-color: #FFFFFF;} select:hover, select.select:hover, select:focus, select.select:focus {border-color: #DDDDDD;} /* Transition for Hover & Focus states */ *.trsn, *.trsn:hover, *.trsn:focus, a, a:hover, a:focus, input, input:hover {text-decoration: none !important;outline: none !important;-webkit-transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important;-ms-transition: all 0.2s linear !important;-o-transition: all 0.2s linear !important;transition: all 0.2s linear !important;} /* Border radius for text inputs */ input.text, textarea.text, textarea.textarea {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-font-smoothing: antialiased;} /* Making images fill the screen or container where they're */ img.default {width: auto !important;max-width: inherit !important;height: 100% !important;margin: 0 auto !important;display: inline-block;} img.full {width: 100% !important;} /* Custom Rows */ .row.row-large {width: 100%;max-width: 100%;} .row.row-wide {max-width: 100% !important;} .row.row-wide .row.row-large {margin: 0 auto;} .row.row-wide .row.row-wide {margin: 0;} /* ============================================================= GENERAL ELEMENTS ============================================================= */ .container {min-height: 600px;padding-top: 110px;position: relative;background: #FFFFFF;} /* min-width: 640px */ @media only screen and (min-width: 640px) { .container {padding-top: 130px;} } /* Buttons ============================================================= */ .button {font-family: 'Lato', sans-serif !important;color: #FFFFFF;font-weight: 600 !important;letter-spacing: 0.05rem;text-transform: uppercase !important;background: #222222;} .button.expand {padding-left: 0 !important;padding-right: 0 !important;} /* Button Black */ .button.black {color: #FFFFFF !important;background: #212122 !important;} .button.black:hover, .button.black:focus {color: #FFFFFF !important;background: #000000 !important;} /* Button Black Bordered */ .button.black.bordered {color: #212122 !important;border: 2px solid #212122 !important;background: transparent !important;} .button.black.bordered:hover, .button.black.bordered:focus {color: #FFFFFF !important;background: #212122 !important;} /* Button White Bordered */ .button.white.bordered {color: #FFFFFF !important;border: 2px solid #FFFFFF !important;background: transparent !important;} .button.white.bordered:hover, .button.white.bordered:focus {color: #212122 !important;background: #FFFFFF !important;} /* Button Red */ .button.red {color: #FFFFFF;background: #8C2331;} .button.red:hover, .button.red:focus {background: #A02B3B;} /* Button Red Bordered */ .button.red.bordered {color: #8C2331;border: 2px solid #8C2331;background: transparent;} .button.red.bordered:hover, .button.red.bordered:focus {color: #FFFFFF;background: #8C2331;} /* Button Grey */ .button.grey {color: #757575;border-bottom-color: #CCCCCC;background: #EDEDED;} .button.grey:hover, .button.grey:focus {background: #DDDDDD;} /* Button Grey Bordered */ .button.grey.bordered {color: #757575;border: 2px solid #757575;background: transparent;} .button.grey.bordered:hover, .button.grey.bordered:focus {color: #212122;background: #757575;} /* Button Radius */ .button.radius {-webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius: 2px !important;} /* Button Circular */ .button.circular {-webkit-border-radius: 9999px !important;-moz-border-radius: 9999px !important;border-radius: 9999px !important;} /* Button Rounded */ .button.rounded {-webkit-border-radius: 9999px !important;-moz-border-radius: 9999px !important;border-radius: 9999px !important;} /* Void Warning ============================================================= */ .void__warning {margin-top: 1.5rem;padding-right: 2.875rem;padding-left: 2.875rem;} .void__warning__block {padding-top: 2.25rem;padding-bottom: 1.25rem;border-width: 1px 1px 3px 1px !important;border-style: solid !important;border-color: #CCCCCC !important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #FAFAFA !important;} .void__warning__block__title {font-size: 1.6875rem;color: #212122;font-weight: 400;margin-bottom: 0.9375rem;} .void__warning__block__text {color: #757575;margin-bottom: 1.875rem;} .void__warning__block__text a {color: #757575;font-weight: bold;} .void__warning__block__text a:hover, .void__warning__block__text a:focus {color: #212122;} /* Screens from 768px */ @media only screen and (min-width: 768px) { .void__warning {padding-right: 0; padding-left: 0;} } /* Page Heading ============================================================= */ .page-heading {margin: 2.875rem 0 1.875rem;} .page-heading--category {margin: 1.5rem 0 1.875rem;} .page-heading__image {margin-bottom: 1.875rem;} .page-heading__date {font-family: 'Lato', sans-serif !important;font-size: 0.85rem;color: #999999;font-weight: 600;letter-spacing: 0.025rem;margin-bottom: 0.25rem;display: block;} .page-heading__title {font-size: 2rem;color: #606060;line-height: 1.4;text-transform: uppercase;letter-spacing: 0.075rem;margin: 0;} .page-heading__title-white {color: #FFFFFF;} .page-heading__subtitle {font-size: 50%;color: #212122;font-weight: bold;line-height: 1;display: block;} .page-heading__subtitle-white {color: #999999;} .page-heading__text {font-size: 1rem;color: #606060;line-height: 1.75;padding-top: 0.9375rem;} .page-heading__text-white {color: #CCCCCC;} .page-heading__description {font-size: 0.9rem;color: #777777;line-height: 1.6;width: 80%;margin: 0.5rem auto 0.9375rem;} .page-heading__description-full {width: 100% !important;} .page-heading__border {width: 75px;margin: 0.5rem auto;border-width: 2px 0 0 0;border-color: #999999;} /* Breadcrumbs ============================================================= */ #breadcrumbs {margin: 0;padding: 0;border: none;background: transparent;} #breadcrumbs .breadcrumbs__item {font-size: 0.8rem;color: #757575;line-height: 1;float: none;display: inline-block;} #breadcrumbs .breadcrumbs__anchor {color: #757575;} #breadcrumbs .breadcrumbs__anchor:hover, #breadcrumbs .breadcrumbs__anchor:focus {color: #212122;} #breadcrumbs .breadcrumbs__item.current, #breadcrumbs .breadcrumbs__item.current span {color: #212122;font-weight: 600;} #breadcrumbs .breadcrumbs__item.current {display: none;} #breadcrumbs .breadcrumbs__item:before {display: none !important;} /* Product Gallery ============================================================= */ /* Product Gallery Clearfixes */ .clearfix {zoom: 1;} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} /* Gallery */ .gallery.clearfix > .gallery-wrapper {width: calc(100% + 30px);float: left;} /* Product Block */ .product-block {margin: 0 0 20px 0;padding-right: 16px;float: left;} .product-block__anchor {display: block;-webkit-box-shadow: 0 0 15px transparent;-moz-box-shadow: 0 0 15px transparent;box-shadow: 0 0 15px transparent;} .product-block__anchor:hover, .product-block__anchor:focus {-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);-moz-box-shadow: 0 0 15px rgba(0,0,0,.5);box-shadow: 0 0 15px rgba(0,0,0,.5);} .product-block__info {min-height: 130px;padding-top: 0.9375rem;} .product-block__info-name {font-size: 1rem;font-weight: 600;min-height: 45px;margin: 0 0 0.5rem;} .product-block__info-artist {font-size: 0.75rem;color: #606060;font-weight: 500;font-style: italic;line-height: 1;margin: 0;} .product-block__info-button.button.black {margin-top: 0.75rem;padding: 0.35rem 0.75rem 0.4rem !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #999999 !important;} /* Product Gallery Actions */ .product-gallery__actions {margin-bottom: 1.875rem;padding-top: 0.9375rem;} /* Product Block Media Queries */ /* Screens from 768px to 1023px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .product__block-wide-landscape {width: 100%;} .product__block-landscape, .product__block-rectangular, .product__block-square {width: 50%;} } /* Screens with a max-width of 1023px */ @media only screen and (max-width: 1023px) { .product__block__wrapper {overflow: visible;} .product__block__info {position: relative; top: 0;} } /* Artists Gallery ============================================================= */ .artist-block {min-height: 400px;margin-bottom: 2.875rem;float: left !important;} /* Artist Block Anchor */ .artist-block__anchor {width: 150px;margin: 0 auto 0.9375rem;padding: 5px;display: inline-block;border-radius: 9999px;border: 1px solid #FFFFFF;overflow: hidden;background: transparent;} .artist-block__anchor-category {border-color: transparent;} .artist-block__image {border-radius: 9999px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} /* Artist Block Info */ .artist-block__name {font-size: 1.15rem;color: #212122;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05rem;margin: 0.2rem 0 0.5rem;} .artist-block__description {color: #7f7f7f;font-size: 0.8rem;font-style: italic;} .artist-block__button {font-weight: bolder !important;text-transform: capitalize !important;margin-bottom: 0 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} /* Artist Block Transitions */ #featured-artists__gallery:hover .artist-block__image {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.50;-khtml-opacity: 0.50;opacity: 0.50;} #featured-artists__gallery:hover .artist-block:hover .artist-block__image {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .artist-block:hover .artist-block__button {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .artist-block:hover .artist-block__anchor, .artist-block:hover .artist-block__anchor {border-color: #E4E4E4} .artist-block:hover .artist-block__anchor-category, .artist-block:focus .artist-block__anchor-category {background: #FFFFFF;} /* Artist Block Media Queries */ /* Screens until max-width 640px */ @media only screen and (max-width: 40em) { .artist-block {width: 50%; min-height: 350px;} } /* Screens until max-width 480px */ @media only screen and (max-width: 30em) { .artist-block {width: 100%; min-height: 1px;} } /* Screens from 768px to 1023px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .artist-block { width: 50%; min-height: 1px; } } /* Gallery Sort ============================================================= */ #gallery-sort {margin-top: 1.25rem;margin-bottom: 1.875rem;} #gallery-sort span {font-size: 0.7rem;color: #757575;line-height: 2.3125rem;letter-spacing: 0.05rem;height: 2.3125rem;margin-right: 0.5rem;display: inline-block;} #gallery-sort .select {width: 200px;display: inline-block;} /* Gallery Pager ============================================================= */ #gallery__pager {padding-top: 1.875rem;} .gallery__pager__totals {font-size: 0.8rem;color: #777777;font-weight: 600;padding-bottom: 0.9375rem;border-bottom: 1px solid #CCCCCC;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);box-shadow: 0 1px 0 rgba(255,255,255,.5);} #gallery__pager .pager {width: 100%;display: inline-block;list-style-type: none;} #gallery__pager .pager li {margin: 0 0.75rem;display: inline-block;} #gallery__pager .pager li.first.jump, #gallery__pager .pager li.last.jump {display: none !important;} #gallery__pager .pager li a {font-size: 0.9rem;color: #212122;font-weight: 600;line-height: 30px;width: 30px;height: 30px;display: block;-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;background: #FFFFFF;} #gallery__pager .pager li a:hover, #gallery__pager .pager li a:focus, #gallery__pager .pager li.active a {color: #FFFFFF;background: #212122;} /* ============================================================= HEADER ============================================================= */ .header {width: 100%;height: auto;position: fixed;top: 0;right: 0;left: 0;background: #262627;z-index: 9998;} /* Header Top ============================================================= */ .header-top__section {height: 40px;} .header-top__menu {margin: 0;} .header-top__menu__item {display: inline-block;line-height: 40px;} .header-top__menu__anchor {font-family: 'Lato', sans-serif !important;color: #999999;} .header-top__menu__anchor:hover, .header-top__menu__anchor:focus, .header-top__menu__anchor[aria-expanded="true"] {color: #DDDDDD;} /* Header Top Phrase */ .header-top__section-phrase__text {font-size: 0.7rem;color: #999999;font-weight: 600;text-transform: uppercase;margin: 0;padding: 0.8rem 0 0;} /* Header Top Social */ .header-top__menu__item-social {margin: 0 0.455rem;} /* Header Top Pages */ .header-top__menu__item-page {font-size: 0.75rem;font-weight: 700;text-transform: uppercase;margin: 0 0.455rem;} /* Header Top User */ .header-top__menu__item-user {font-size: 0.75rem;font-weight: 700;margin-left: 1.25rem;padding-left: 1.25rem;} .header-top__menu__item-login {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/top-bar_icon-user.png?1454268168") scroll no-repeat top 11px left transparent;} .header-top__menu__item-cart {display: none !important;background: url("//assets.jumpseller.com/store/blacktree/themes/61498/top-bar_icon-bag.png?1454268168") scroll no-repeat top 11px left transparent;} @media only screen and (min-width: 64.063em) { .header-top__menu__item-cart {display: inline-block !important;} } /* Navigation ============================================================= */ #navigation {padding-top: 1.75rem;padding-bottom: 1.75rem;background: #212122;-webkit-transition: padding 0.25s linear; -moz-transition: padding 0.25s linear; -ms-transition: padding 0.25s linear; -o-transition: padding 0.25s linear; transition: padding 0.25s linear; } .navigation__topbar {max-width: 1140px !important;background: #212122;background:transparent;} .navigation__topbar__section {text-align: center !important;width: 100% !important;height: 45px !important;display: block;} #navigation a {font-family: "Open Sans", sans-serif !important;} body.f-topbar-fixed {padding-top: 75px !important;} /* Title */ .navigation__topbar__title {position: absolute !important;top: 0;left: 0.9375rem;z-index: 1;} .navigation__topbar__title__name__item {font-size: 1.0625rem !important;line-height: 2.8125rem !important;margin: 0 !important;} .navigation__topbar__title__name__anchor {width: auto !important;padding: 0 !important;} #navigation .navigation__topbar__title__name__anchor img {width: 140px;-webkit-transition: width 0.2s ease-in-out;-moz-transition: width 0.2s ease-in-out;-ms-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out;transition: width 0.2s ease-in-out;} /* Main Nav */ #main-nav {float: none !important;display: inline-block !important;} .main-nav__item {height: 45px;margin: 0 0.5rem;background: #212122 !important;background: transparent !important;} .main-nav__item.has-dropdown {position: inherit !important;} .main-nav__item__anchor {font-weight: 700 !important;text-transform: uppercase !important;background: #212122 !important;background: transparent !important;} .main-nav__item__anchor:after {display: none !important;} .main-nav__item.active:not(.has-form) .main-nav__item__anchor:not(.button) {color: #FFFFFF !important;border-bottom: 2px inset #FAFAFA;background: transparent !important;} .main-nav__item__anchor:hover, .main-nav__item:hover:not(.has-form) > .main-nav__item__anchor, .main-nav__item.active:hover:not(.has-form) > .main-nav__item__anchor, .main-nav__item.active:not(.has-form) .main-nav__item__anchor:hover:not(.button) {color: #212122 !important;background: #FAFAFA !important;} .main-nav__item.has-dropdown > .main-nav__item__anchor {padding: 0 0.9375rem !important;-webkit-transition: height 0.2s; -moz-transition: height 0.2s; -ms-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; } .main-nav__item:hover:not(.has-form).has-dropdown > .main-nav__item__anchor, .main-nav__item.has-dropdown > .main-nav__item__anchor:hover {height: 73px !important;} /* Main Nav Dropdown */ #main-nav__dropdown {width: auto;padding: 1.875rem 0 1.25rem;top: 73px;right: 0;left: 0;background: #FAFAFA;} #main-nav__dropdown:after {width: 1000%;height: 100%;content: " ";display: block;border-bottom: 1px solid #EEEEEE;position: absolute;top: 0;right: 0;left: -50%;background: #FAFAFA;z-index: -1;} .main-nav__dropdown__list {text-align: left;width: 25% !important;padding: 0 0.9375rem;float: left !important;background: #FAFAFA !important;} .main-nav__dropdown__list__title {font-family: "Lato", sans-serif !important;font-size: 0.8rem;color: #212122;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05rem;width: 100%;margin-bottom: 0.9375rem;padding-bottom: 0.75rem;display: block;border-bottom: 1px solid #EEEEEE;} .main-nav__dropdown__list__listing {width: 100% !important;display: inline-block !important;} .main-nav__dropdown__list__item {float: none !important;display: block !important;} .main-nav__dropdown__list__anchor {font-size: 0.8rem !important;color: #666666 !important;font-weight: 400 !important;line-height: 1 !important;padding: 0 0 0.9375rem 0 !important;background: #FAFAFA !important;} .main-nav__dropdown__list__anchor:hover, .main-nav__dropdown__list__anchor:focus, .main-nav__dropdown__list__anchor--active {color: #212122 !important;} .main-nav__dropdown__list__anchor--active {font-weight: bolder !important;} .main-nav__dropdown__list__item-all {width: 100% !important;display: block;background: transparent !important;} .main-nav__dropdown__list__item-all__anchor {font-size: 0.7rem !important;color: #666666 !important;font-weight: bold !important;line-height: 1 !important;padding: 0.5rem 0 0 !important;display: inline-block !important;background: #FAFAFA !important;} .main-nav__dropdown__list__item-all__anchor:hover, .main-nav__dropdown__list__item-all__anchor:focus {color: #212122 !important;} /* Main Nav Dropdowns Widths */ #destacados.main-nav__dropdown__list {width: 20% !important;} #temas.main-nav__dropdown__list {width: 50% !important;} #temas.main-nav__dropdown__list .main-nav__dropdown__list__listing {width: 33.3333% !important;float: left !important;} #temas.main-nav__dropdown__list .main-nav__dropdown__list__listing--last {width: 100% !important;} #tamanos.main-nav__dropdown__list, #formatos.main-nav__dropdown__list {width: 25% !important;} /* Artists Nav Dropdown */ #artists-nav__dropdown {width: auto;padding: 1.875rem 0 1.25rem;top: 73px;right: 0;left: 0;background: #FAFAFA;} #artists-nav__dropdown:after {width: 1000%;height: 100%;content: " ";display: block;border-bottom: 1px solid #EEEEEE;position: absolute;top: 0;right: 0;left: -50%;background: #FAFAFA;z-index: -1;} .artists-nav__dropdown__wrapper {width: 20% !important;float: left !important;background: transparent !important;} .artists-nav__dropdown__wrapper__list {width: 100% !important;display: inline-block !important;} .artists-nav__dropdown__item {text-align: left;width: 100% !important;padding: 0 1.875rem;float: none !important;background: #FAFAFA !important;} .artists-nav__dropdown__item__anchor {font-size: 0.8rem !important;color: #666666 !important;font-weight: 400 !important;line-height: 1 !important;padding: 0 0 0.9375rem 0 !important;background: #FAFAFA !important;} .artists-nav__dropdown__item__anchor:hover, .artists-nav__dropdown__item__anchor:focus, .artists-nav__dropdown__item__anchor--active {color: #212122 !important;} .artists-nav__dropdown__item__anchor--active {font-weight: bolder !important;} .artists-nav__dropdown__item-all {width: 100% !important;margin-top: 0.75rem;margin-bottom: -0.1rem;padding-top: 0.9375rem;display: block;background: transparent !important;border-top: 1px solid #EEEEEE;} .artists-nav__dropdown__item-all__anchor {font-size: 0.7rem !important;color: #666666 !important;font-weight: bold !important;line-height: 1 !important;padding: 0.5rem 0 0 !important;display: inline-block !important;background: #FAFAFA !important;} .artists-nav__dropdown__item-all__anchor:hover, .artists-nav__dropdown__item-all__anchor:focus {color: #212122 !important;} /* Search Nav */ #search-nav .main-nav__item {width: 220px;margin: 0 0 0 -220px;display: inline-block;} #nav_search_form {width: 220px;height: 45px;display: inline-block;} #nav_search_input {color: #FAFAFA;width: 170px;height: 45px;float: left;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: transparent;} #nav_search_input::-webkit-input-placeholder {color: #666666; transition: color 0.5s;} #nav_search_input:-moz-placeholder {color: #666666; transition: color 0.5s;} #nav_search_input::-moz-placeholder {color: #666666; transition: color 0.5s;} #nav_search_input:-ms-input-placeholder {color: #666666; transition: color 0.5s;} #nav_search_input:focus {color: #FAFAFA; background: transparent;} #nav_search_input:focus::-webkit-input-placeholder {color: #FAFAFA;} #nav_search_input:focus:-moz-placeholder {color: #FAFAFA;} #nav_search_input:focus::-moz-placeholder {color: #FAFAFA;} #nav_search_input:focus:-ms-input-placeholder {color: #FAFAFA;} #nav_search_button {color: #666666;line-height: 45px;width: 45px;height: 45px;padding: 0;float: left;top: 0;background: transparent;} #nav_search_button:hover, #nav_search_button:focus {color: #FFFFFF !important;} /* Navigation Fixed (Transition) */ #navigation.fixed {padding-top: 0.9375rem;padding-bottom: 0.9375rem;} #navigation.fixed .navigation__topbar__title__name__anchor img {width: 110px;margin-top: -5px;-webkit-transition: width 0.2s ease-in-out;-moz-transition: width 0.2s ease-in-out;-ms-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out;transition: width 0.2s ease-in-out;} #navigation.fixed .main-nav__item.has-dropdown:hover:not(.has-form) > .main-nav__item__anchor, #navigation.fixed .main-nav__item.has-dropdown > .main-nav__item__anchor, #navigation.fixed .artists-nav__item:hover:not(.has-form) > .artists-nav__item__anchor, #navigation.fixed .artists-nav__item.has-dropdown > .artists-nav__item__anchor {height: 60px !important;} #navigation.fixed #main-nav__dropdown, #navigation.fixed #artists-nav__dropdown {top: 60px;} /* Mobile Navigation ============================================================= */ #mobile-nav {height: 80px;background: #212122;} .mobile-nav__left, .mobile-nav__right {width: 100px;height: 80px;border: none;} .mobile-nav__left {padding-left: 0.9375rem;} .mobile-nav__right {padding-right: 0.9375rem;} .mobile-nav__left__anchor, .mobile-nav__right__anchor {font-family: "Lato", sans-serif !important;font-size: 0.775rem;color: #777777;font-weight: 800;line-height: 80px;text-transform: uppercase;letter-spacing: 0.025rem;display: block;} .mobile-nav__left__anchor:hover, .mobile-nav__right__anchor:hover, .mobile-nav__left__anchor:focus, .mobile-nav__right__anchor:focus, .mobile-nav__left__anchor[aria-expanded="true"], .mobile-nav__right__anchor[aria-expanded="true"] {color: #FFFFFF;} .mobile-nav__right__anchor {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/top-bar_icon-bag.png?1454268168") scroll no-repeat top 30px right 54px transparent;} /* Mobile Nav Center */ .mobile-nav__center {height: 80px;right: 100px !important;left: 100px !important;} .mobile-nav__center__anchor {line-height: 82px;width: 120px;height: 80px;display: inline-block;} /* Checkout Navigation ============================================================= */ #checkout-nav {background: #212122;} .checkout-nav__topbar {max-width: 1140px !important;height: 60px;background: #212122;} /* Checkout Nav Title Area */ .checkout-nav__title-area, .checkout-nav__title-area__name, .checkout-nav__title-area__name__title, .checkout-nav__title-area__name__title__anchor {height: 60px !important;} .checkout-nav__title-area__name__title__anchor {line-height: 56px;width: 130px !important;} /* Checkout Nav Menu */ #checkout-nav .checkout-nav__menu__item {padding: 0 0.9375rem;background: #212122 !important;} #checkout-nav .checkout-nav__menu__item__anchor, #checkout-nav .checkout-nav__menu__item__label {font-family: "Lato", sans-serif !important;font-size: 0.7rem;color: #666666 !important;font-weight: 800;line-height: 60px !important;text-transform: uppercase !important;letter-spacing: 0.05rem;height: 60px;padding: 0 !important;display: block !important;border-bottom: 2px solid #212122;background: transparent !important;} #checkout-nav .checkout-nav__menu__item__anchor:hover, #checkout-nav .checkout-nav__menu__item__anchor:focus {color: #FFFFFF !important;} #checkout-nav .active .checkout-nav__menu__item__anchor, #checkout-nav .active .checkout-nav__menu__item__label {color: #FFFFFF !important;border-bottom-color: #FFFFFF;} /* Header Pop ============================================================= */ .header--pop {background: #002180;} /* Topbar */ .header--pop .header-top__menu__anchor, .header--pop .header-top__section-phrase__text {color: rgba(255,255,255,.7);} .header--pop .header-top__menu__anchor:hover, .header--pop .header-top__menu__anchor:focus {color: #FFFFFF;} /* Navigation */ .header--pop #navigation {background: transparent;} .header--pop .main-nav__item__anchor:hover, .header--pop .main-nav__item:hover:not(.has-form) > .main-nav__item__anchor, .header--pop .main-nav__item.active:hover:not(.has-form) > .main-nav__item__anchor, .header--pop .main-nav__item.active:not(.has-form) .main-nav__item__anchor:hover:not(.button) {color: #002180 !important;} .header--pop #nav_search_input {color: #FFFFFF;} .header--pop #nav_search_input::-webkit-input-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.5s;} .header--pop #nav_search_input:-moz-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.5s;} .header--pop #nav_search_input::-moz-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.5s;} .header--pop #nav_search_input:-ms-input-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.5s;} .header--pop #nav_search_input:focus {color: #FFFFFF;background: transparent;} .header--pop #nav_search_input:focus::-webkit-input-placeholder {color: #FFFFFF;} .header--pop #nav_search_input:focus:-moz-placeholder {color: #FFFFFF;} .header--pop #nav_search_input:focus::-moz-placeholder {color: #FFFFFF;} .header--pop #nav_search_input:focus:-ms-input-placeholder {color: #FFFFFF;} .header--pop #nav_search_button {color: rgba(255, 255, 255, .7);background: transparent;} .header--pop #nav_search_button:hover, .header--pop #nav_search_button:focus {color: #FFFFFF !important;} /* Header Topbar ============================================================= */ .header-topbar { height: 25px; background: rgba(0,0,0,.15); } .header-topbar__column { height: 25px; } .header-topbar__title { font-family: 'Lato', sans-serif !important; font-size: 0.675rem; color: rgba(255,255,255,.7); font-weight: bold; line-height: 25px; text-transform: uppercase; letter-spacing: 0.125rem; display: block; } .header-topbar__menu { width: 100%; height: 100%; margin: 0; display: block; } .header-topbar__item, .header-topbar__divider { line-height: 20px; height: 20px; margin-top: 7px; margin-right: 0.75rem; display: inline-block; vertical-align: top; } .header-topbar__item:last-child { margin-right: 0; } .header-topbar__divider { width: 1px; height: 15px; margin-top: 10px; background: rgba(255,255,255,.5); } .header-topbar__link { font-size: 0.825rem; color: rgba(255,255,255,.7); display: block; } .header-topbar__link--social { font-size: 0.875rem; } .header-topbar__link:hover, .header-topbar__link:focus { color: #FFFFFF; } /* Header Search */ .header-search { width: 100%; height: 35px; padding-right: 35px; display: block; position: relative; } .header-search__input { font-size: 0.785rem !important; color: #FFFFFF !important; text-align: right; width: 100% !important; height: 35px !important; margin: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: transparent !important; } .header-search__input::-webkit-input-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} .header-search__input:-moz-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} .header-search__input::-moz-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} .header-search__input:-ms-input-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} .header-search__input:focus {color: #FFFFFF;} .header-search__input:focus::-webkit-input-placeholder {color: #FFFFFF;} .header-search__input:focus:-moz-placeholder {color: #FFFFFF;} .header-search__input:focus::-moz-placeholder {color: #FFFFFF;} .header-search__input:focus:-ms-input-placeholder {color: #FFFFFF;} .header-search__button { font-size: 0.75rem; color: rgba(255,255,255,.7) !important; line-height: 35px; width: 35px; height: 35px; padding: 0 !important; position: absolute; top: 0; right: 0; background: transparent !important; z-index: 1; } .header-search__button:hover, .header-search__button:focus { color: #FFFFFF !important; } /* Header Content ============================================================= */ .header-content { padding-top: 0.9375rem; padding-bottom: 0.9375rem; position: relative; } .header-content__column, .header-content__wrapper { position: initial; } .header-content__toggler { font-family: 'Lato', sans-serif !important; font-size: 0.875rem; color: #FFFFFF !important; font-weight: bold; text-transform: uppercase; line-height: 30px; height: 30px; margin-top: 10px; display: inline-block; } .header-content__brand { width: 100%; height: 50px; max-width: 130px; display: inline-block; } .header-content__brand--pop { max-width: 200px; height: 50px; } .header-content__logo { width: 100%; height: 100%; display: block; } .header-content__logo--pop { height: 65px; } .header-content__title { font-family: 'Lato', sans-serif !important; font-size: 0.9375rem; color: #FFFFFF; font-weight: bold; font-weight: 800; line-height: 1; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem; display: block; } .header-content__title>div { font-weight: 400; display: inline-block; vertical-align: top; position: relative; top: -1px; } .header-content__menu { width: 100%; height: 30px; margin: 0; display: block; } .header-content__item { /* margin: 0 -2px; */ display: inline-block; } .header-content__link { font-family: 'Lato', sans-serif !important; font-size: 0.785rem; color: #FFFFFF; font-weight: bold; text-transform: uppercase; letter-spacing: 0.025rem; padding: 0.35rem 0.5rem !important; display: block; background: transparent; } .header-content__link:hover, .header-content__link:focus, .header-content__item--has-dropdown:hover .header-content__link--has-dropdown { color: #000000; border-color: #FFFFFF; background: #FFFFFF; } .header-content__link--has-dropdown { height: 54px; } /* .header-content__link--is-open:hover, .header-content__link--is-open:focus, .header-content__link--is-open { color: #002180 !important; height: 54px !important; background: #FFFFFF; } */ .header-content__cart { font-size: 0.875rem; color: #FFFFFF !important; line-height: 30px; height: 30px; margin-top: 10px; display: inline-block; } .header-content__cart>.fa-shopping-cart { font-size: 1rem; margin-right: 2px; display: inline-block; vertical-align: middle; position: relative; top: -1px; } .header-content__products { margin-left: 3px; display: none; } /* Header Drodpown */ .header-dropdown { width: 100% !important; max-width: 1140px !important; margin: 0 auto; padding: 0 0.9375rem 1.25rem; display: none; position: absolute; top: 100%; right: 0; left: 0; -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 20px rgba(0,0,0,.15); box-shadow: 0 2px 20px rgba(0,0,0,.15); background: #FFFFFF; z-index: 9998; } .header-content__link--has-dropdown:hover+.header-dropdown, .header-content__link--has-dropdown:focus+.header-dropdown, .header-dropdown:hover { display: block; } .header-dropdown__block { padding-top: 1.25rem; /* padding-bottom: 1.25rem; */ } .header-dropdown__block--by5 { width: 20%; } .header-dropdown__title { font-family: "Lato", sans-serif !important; font-size: 0.8rem; color: #212122; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05rem; width: 100%; margin-bottom: 0.9375rem; padding-bottom: 0.75rem; display: block; border-bottom: 1px solid #EEEEEE; } .header-dropdown__list { width: 100%; margin: 0 !important; display: block; } .header-dropdown__list--by3 { width: 33.3333%; padding-right: 0.9375rem; float: left; display: block; } .header-dropdown__item { line-height: 1; margin-bottom: 0.5rem; display: block; } .header-dropdown__link { font-size: 0.875rem; color: #666666; display: inline-block; } .header-dropdown__link:hover, .header-dropdown__link:focus { color: #000000; } .header-dropdown__actions { width: 100%; padding-top: 0.25rem; float: left; display: block; } .header-dropdown__divider { margin: 0.9375rem auto; border-color: #F4F4F4; } .header-dropdown__anchor { font-size: 0.785rem; color: #666666; font-weight: bold; font-style: italic; line-height: 1; display: inline-block; } .header-dropdown__anchor:hover, .header-dropdown__anchor:focus { color: #000000; } /* Header BlackTree POP ============================================================= */ .header--pop .header-content__link:hover, .header--pop .header-content__link:focus, .header--pop .header-content__item--has-dropdown:hover .header-content__link--has-dropdown { color: #002180; } .header--pop .header-dropdown__title { color: #002180; } .header--pop .header-dropdown__link, .header--pop .header-dropdown__anchor { color: rgba(0, 33, 128,.7); } .header--pop .header-dropdown__link:hover, .header--pop .header-dropdown__link:focus, .header--pop .header-dropdown__anchor:hover, .header--pop .header-dropdown__anchor:focus { color: #002180; } /* Header Media Queries ============================================================= */ /* max-width: 400px */ @media only screen and (max-width: 400px) { .header-topbar__title {font-size: 0.625rem;letter-spacing: 0.05rem;} .header-content__column--nav {padding-right: 0 !important;} .header-content__column--cart {padding-left: 0 !important;} .header-content__toggler {font-size: 0.825rem;} .header-content__cart {font-size: 0.825rem;} } /* min-width: 640px */ @media only screen and (min-width: 640px) { .header-topbar, .header-topbar__column {height: 35px;} .header-topbar__title {line-height: 35px;} .header-content {padding-top: 1.25rem;padding-bottom: 1.25rem;} .header-content__products {display: inline-block;} .header-content__cart {line-height: 28px;padding: 0 0.75rem;border: 1px solid rgba(255,255,255,.5);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} } /* ============================================================= SIDEBAR NAVIGATION ============================================================= */ #sidebar-nav {background: #2B2B2B;} #sidebar-nav.sidebar-nav--pop {background: #002180;} #sidebar-nav .sidebar-nav-list {border-bottom: 1px solid rgba(255,255,255,.1);} #sidebar-nav .snl-category, #sidebar-nav .snl-page {border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(0,0,0,.2);} #sidebar-nav .snl-category-anchor, #sidebar-nav .snl-page-anchor {font-size: 0.8rem;font-weight: 700;color: rgba(255,255,255,.7);text-transform: uppercase;letter-spacing: 0.05rem;padding: 0.9375rem;border: none;position: relative;background: transparent;} #sidebar-nav .snl-category-anchor:hover, #sidebar-nav .snl-category-anchor:focus, #sidebar-nav .snl-page-anchor:hover, #sidebar-nav .snl-page-anchor:focus, #sidebar-nav .snl-category-anchor.active, #sidebar-nav .snl-page-anchor.active {color: #FFFFFF;background: rgba(0,0,0,.1) !important;} #sidebar-nav .snl-category-anchor:after {display: none;} #sidebar-nav .snl-category-anchor .fa-angle-right {font-size: 1.25rem;position: absolute;top: 0.9375rem;right: 0.9375rem;} #sidebar-nav .snl-divider {padding: 0 0.9375rem;border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(0,0,0,.2);} #sidebar-nav .snl-divider .snl-divider-object {width: 50px;height: 2px;margin: 0.9375rem auto 0.5rem;display: inline-block;border-width: 1px 0;border-color: rgba(255,255,255,.25);background: transparent;} /* SNL Social Anchor */ .snl-page-anchor--social {text-transform: initial !important;letter-spacing: 0 !important;} .snl-page-anchor--social .fa {margin-right: 0.5rem;} /* Sidebar Nav Search Form */ #sidebar-nav .snl-category.snl-form {padding: 0.9375rem;} #sidebar-nav .snl-category.snl-form #nav_search_form {width: 100%;height: 40px;margin: 0;display: block;} #sidebar-nav .snl-category.snl-form #nav_search_input {color:#FFFFFF !important;width: 100%;padding: 0.35rem 2.25rem 0.35rem 0.75rem;float: none;background: rgba(0,0,0,.25);} #sidebar-nav .snl-category.snl-form #nav_search_input::-webkit-input-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} #sidebar-nav .snl-category.snl-form #nav_search_input:-moz-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} #sidebar-nav .snl-category.snl-form #nav_search_input::-moz-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} #sidebar-nav .snl-category.snl-form #nav_search_input:-ms-input-placeholder {color: rgba(255, 255, 255, .7); transition: color 0.25s;} #sidebar-nav .snl-category.snl-form #nav_search_input:focus {color: #FFFFFF;} #sidebar-nav .snl-category.snl-form #nav_search_input:focus::-webkit-input-placeholder {color: #FFFFFF;} #sidebar-nav .snl-category.snl-form #nav_search_input:focus:-moz-placeholder {color: #FFFFFF;} #sidebar-nav .snl-category.snl-form #nav_search_input:focus::-moz-placeholder {color: #FFFFFF;} #sidebar-nav .snl-category.snl-form #nav_search_input:focus:-ms-input-placeholder {color: #FFFFFF;} #sidebar-nav .snl-category.snl-form #nav_search_button {font-size:0.825rem;color:#FFFFFF !important;line-height: 45px;width: 45px;height: 45px;position: absolute;top: 1rem;right: 0.9375rem;} /* Sidebar Nav Subcategories ============================================================= */ #sidebar-nav .snl-submenu {background: #2B2B2B;} #sidebar-nav.sidebar-nav--pop .snl-submenu {background: #002180;} #sidebar-nav .snl-submenu-title label {font-family: "Lato", sans-serif !important;font-size: 0.8rem;color: #FFFFFF;font-weight: 800;line-height: 45px;letter-spacing: 0.05rem;height: 42px;padding: 0 15px;border: none;background: #212122;background: rgba(0,0,0,.5);} #sidebar-nav .snl-back-anchor {font-size: 0.7rem;color: rgba(255,255,255,.7);font-weight: 500;padding: 0.5rem 0.9375rem 0.4rem;border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(0,0,0,.25);background: rgba(0,0,0,.25);} #sidebar-nav .snl-back-anchor:before {display: none;} #sidebar-nav .snl-subcategory {border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(0,0,0,.2);} #sidebar-nav .snl-subcategory-anchor {font-size: 0.8rem;font-weight: 700;color: rgba(255,255,255,.7);text-transform: uppercase;letter-spacing: 0.05rem;padding: 0.9375rem;border: none;position: relative;background: transparent;} #sidebar-nav .snl-subcategory-anchor:after {display: none;} #sidebar-nav .snl-subcategory-anchor:hover, #sidebar-nav .snl-subcategory-anchor:focus {color: #FFFFFF;background: rgba(0,0,0,.1) !important;} #sidebar-nav .snl-subcategory-anchor .fa-angle-right {font-size: 1.25rem;position: absolute;top: 0.9375rem;right: 0.9375rem;} #sidebar-nav .snl-category-button {padding: 1.25rem 0.9375rem;border-top: 1px solid rgba(255,255,255,.1);} #sidebar-nav .snl-category-button .button {margin: 0;padding: 0.5rem 0 0.6rem !important;border: none !important;background: rgba(0,0,0,.5) !important;} #sidebar-nav .snl-category-button .button .fa-arrow-circle-right {margin-left: 5px;} /* ============================================================= SIDEBAR CART ============================================================= */ .move-right .exit-off-canvas, .move-left .exit-off-canvas {box-shadow: -4px 0 4px rgba(0,0,0,0.1),4px 0 4px rgba(0,0,0,0.1);} #sidebar-cart {background: #2B2B2B;} #sidebar-cart .scl-title {font-family: "Lato", sans-serif !important;font-size: 0.8rem;color: #FFFFFF;font-weight: 800;line-height: 45px;letter-spacing: 0.05rem;height: 42px;padding: 0 15px;border: none;background: #212122;} /* Sidebar List Empty ============================================================= */ #sidebar-cart .scl-empty {width: 250px;padding-top: 15px;border-bottom: 1px solid #444444;} #sidebar-cart .scl-empty p {font-size: 0.775rem;color: #CCCCCC;font-weight: 500;margin: 0;padding: 2px 15px 15px;border-bottom: 1px solid #000000;} /* Sidebar List Product ============================================================= */ #sidebar-cart .scl-product {width: 250px;display: block;border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid #000000;} #sidebar-cart .sclp-anchor {width: 220px;min-height: 90px;padding: 15px 15px 0 15px;display: block;border: none;} /* SCLP Image */ #sidebar-cart .sclp-image {width: 50px;margin-bottom: 30px;float: left;display: block;} /* SCLP Info */ #sidebar-cart .sclp-info {margin-top: 0.5rem;padding-bottom: 0.9375rem;} #sidebar-cart .sclp-name {font-size: 0.95rem;color: #FFFFFF;font-weight: 500;width: 100%;margin-bottom: 0.25rem;display: block;} #sidebar-cart .sclp-price {font-size: 0.9rem;color: #999999;font-weight: 700;width: 100%;margin-bottom: 0.1rem;display: block;} #sidebar-cart .sclp-qty, #sidebar-cart .sclp-option {font-size: 0.7rem;color: #999999;font-weight: 500;text-transform: uppercase;width: 100%;margin-bottom: 0.1rem;display: block;} /* Sidebar List Totals ============================================================= */ #sidebar-cart .scl-totals {font-size: 0.775rem;color: #999999;text-transform: uppercase;width: 220px;height: 20px;padding: 11px 15px 8px;display: block;border-top: 1px solid #444444;border-bottom: 1px solid #000000;} #sidebar-cart .sclt-title {font-weight: 700;} #sidebar-cart .sclt-number {color: #DDDDDD;font-weight: 800;text-align: right;} #sidebar-cart .sclt-title, #sidebar-cart .sclt-number {font-family: "Lato", sans-serif !important;width: 50%;float: left;display: block;} #sidebar-cart .sclt-title.last, #sidebar-cart .sclt-number.last {color: #FFFFFF;} /* Sidebar List Actions ============================================================= */ #sidebar-cart .scl-actions {text-align: center;width: 220px;padding: 20px 15px;border-top: 1px solid #444444;} #sidebar-cart .scla-button {padding: 0.8rem 1.25rem 0.75rem !important;} #sidebar-cart .scla-edit {font-size: 0.675rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05rem;padding: 0;border: none;background: transparent !important;} #sidebar-cart .scla-edit:hover, #sidebar-cart .scla-edit:focus {color: #F4F4F4;} /* ============================================================= FOOTER ============================================================= */ footer {background: #262627;} /* Subscription ============================================================= */ #subscribe {background: url("https://assets.jumpseller.com/store/blacktree/themes/61498/options/1019652/subscription-bg.jpg?1448208032") no-repeat scroll top center transparent;background-size: cover;} .subscribe__wrapper {padding: 2.25rem 0 0.9375rem;} /* Subscribe Heading */ .subscribe__heading {margin-bottom: 0.9375rem;} .subscribe__heading__title {color: #FFFFFF;font-weight: 600;line-height: 1;margin-bottom: 0.5rem;} .subscribe__heading__text {font-size: 1.25rem;color: #FFFFFF;} /* Subscribe Form */ .subscribe__form__field {margin-bottom: 1.5rem;} .subscribe__form__field label {display: none;} .subscribe__form__field__text {height: 45px !important;margin-bottom: 0 !important;padding: 0.5rem 0.9375rem !important;border: none !important;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;} .subscribe__form__field__button {font-size: 0.9rem !important;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;} /* Small Screens with max-width 640px */ @media only screen and (max-width: 40em) { #subscribe__form .subscribe__form__field__button {width: auto !important; padding-right: 1.875rem !important; padding-left: 1.875rem !important;} } /* Footer About ============================================================= */ #footer-about {margin-bottom: 1.875rem;padding-top: 1.875rem;padding-bottom: 1.875rem;} #footer-about:after {width: auto;height: 1px;display: block;content: " ";position: absolute;right: 0.9375rem;bottom: 0;left: 0.9375rem;-webkit-box-shadow: 0 1px 0 #333333;-moz-box-shadow: 0 1px 0 #333333;box-shadow: 0 1px 0 #333333;background: #111111;} /* Footer About Logo */ .footer-about__logo {height: 50px;line-height: 50px;} .footer-about__logo__image {width: 100px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;} /* Footer About Social */ .footer-about__social-list {margin: 0 !important;} .footer-about__social-list__item {line-height: 50px;height: 50px;float: none !important;display: inline-block !important;} .footer-about__social-list__anchor {font-size: 1.15rem;color: #999999;} .footer-about__social-list__anchor:hover {color: #FFFFFF;} /* Footer Navigation ============================================================= */ #footer-nav {margin-bottom: 1.25rem;} #footer-nav:after {width: auto;height: 1px;display: block;content: " ";position: absolute;right: 0.9375rem;bottom: 0;left: 0.9375rem;-webkit-box-shadow: 0 1px 0 #333333;-moz-box-shadow: 0 1px 0 #333333;box-shadow: 0 1px 0 #333333;background: #111111;} .footer-nav__block {margin-bottom: 0.9375rem;} .footer-nav__block__title {font-size: 0.9rem;color: #606060;font-weight: bolder;text-transform: uppercase;letter-spacing: 0.025rem;margin-bottom: 0.9375rem;} .footer-nav__block__list {width: 100%;margin-bottom: 0;display: inline-block;} .footer-nav__block__list__item {margin-bottom: 0.25rem;font-size: 0.85rem;} .footer-nav__block__list__anchor {color: #999999;width: 100%;display: block;} .footer-nav__block__list__anchor:hover, .footer-nav__block__list__anchor:focus {color: #FFFFFF;} /* Footer Nav Fotografías */ #footer-nav__fotografias .footer-nav__block__list {width: 33.3333%;float: left;} #footer-nav__fotografias .footer-nav__block__list__item {width: 100%;display: block;} /* Footer Nav for screens until 1023px */ @media only screen and (max-width: 1023px) { #footer-nav {display: none !important;} #footer-about {margin-bottom: 1.35rem; padding-bottom: 0.9375rem;} .footer-about__logo, .footer-about__social {text-align: center !important; width: 100%;} .footer-about__social-list__item {margin: 0 0.75rem !important;} } /* Footer Copyright ============================================================= */ .footer-copyright__text {font-size: 0.8rem;color: #606060;} .footer-copyright__anchor {color: #999999;font-weight: 600;} .footer-copyright__anchor:hover, .footer-copyright__anchor:focus {color: #DDDDDD;} /* ============================================================= HOME PAGE ============================================================= */ /* Slideshow ============================================================= */ .owl-slideshow, .owl-stage-outer, .owl-item, .owl-slider__block {height: 500px !important;} .owl-item {position: relative;overflow: hidden;white-space:nowrap;background-size: cover !important;filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);-moz-opacity: 0.75;-khtml-opacity: 0.75;opacity: 0.75;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;background-color: #FFFFFF;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} .owl-item.active.center {filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} .owl-item .owl-slider__block {background-size: cover !important;} .owl-item .owl-slider__block__image {height: 100%;width: auto !important;max-width: inherit !important;position: absolute;top: 0;} /* Slider Block Info */ .owl-slider__block__info {width: 100%;padding: 0.9375rem 1.875rem;position: absolute;bottom: -10.875rem;left: 0;background: rgba(0,0,0,.25);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.25s linear !important; -moz-transition: all 0.25s linear !important; -ms-transition: all 0.25s linear !important; -o-transition: all 0.25s linear !important; transition: all 0.25s linear !important;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;z-index: 1;} .owl-slider__block__title {font-size: 1.875rem;color: #FFFFFF;font-weight: 600;line-height: 1.4;margin: 0 0 0.5rem;text-shadow: 2px 2px 4px rgba(0,0,0,.25);} .owl-slider__block__tags {margin-bottom: 1.875rem;color: #999999;white-space: normal;} .owl-slider__block__tag {margin-right: 0.9375rem;margin-left: 0 !important;display: inline-block !important;white-space: inherit;} .owl-slider__block__tag__anchor {font-family: "Open Sans", sans-serif !important;font-size: 0.75rem;color: #212122 !important;font-weight: 600;padding: 0.3rem 0.75rem 0.25rem;display: inline-block !important;-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;background: rgba(255,255,255,.5);} .owl-slider__block__tag__anchor:hover, .owl-slider__block__tag__anchor:focus {background: #FFFFFF;} .owl-slider__block__button {text-transform: inherit !important;border-radius: 9999px;} .owl-item.active.center .owl-slider__block__info {bottom: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transition: all 0.75s linear !important; -moz-transition: all 0.75s linear !important; -ms-transition: all 0.75s linear !important; -o-transition: all 0.75s linear !important; transition: all 0.75s linear !important;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} /* Slideshow Controls (Arrows) */ .owl-controls {width: 100%;height: 60px;display: block;position: absolute;top: 45%;} .owl-controls .owl-nav {width: 100%;height: 60px;display: inline-block;} .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next {font-size: 3.35rem;color: rgba(255,255,255,.5);line-height: 56px;text-align: center;width: 60px;height: 60px;display: block;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-next:hover {color: #FFFFFF;} .owl-controls .owl-nav .owl-prev {float: left;} .owl-controls .owl-nav .owl-next {float: right;} /* Slides Media Queries for Medium Screens ============================================================= */ /* Screens from 1024px to 1280px */ @media only screen and (min-width: 1024px) and (max-width: 1279px) { .owl-item.active {width: 115px !important;} .owl-item.active.center {width: 565px !important;} } /* Screens from 1280px to 1440px */ @media only screen and (min-width: 1280px) and (max-width: 1440px) { .owl-item.active {width: 160px !important;} .owl-item.active.center {width: 640px !important;} } /* Screens from 1440px */ @media only screen and (min-width: 1440px) { .owl-item.active {width: 190px !important;} .owl-item.active.center {width: 680px !important;} } /* Featured Artists ============================================================= */ #featured-artists {background: #FFFFFF;} /* Trustbar ============================================================= */ #trustbar {padding: 0.9375rem 0;background: #222222;} /* Heading */ #trustbar-heading {margin-bottom: 2.875rem;} .trustbar-heading__title {text-transform: inherit;} /* Blocks */ .trustbar__block {margin-bottom: 1.875rem;padding-right: 1.875rem;padding-left: 1.875rem;} .trustbar__block__icon {font-size: 1.875rem;color: #b0b0b0;margin-bottom: 0.9375rem;} .trustbar__block__title {font-size: 0.9rem;color: #FFFFFF;font-weight: bold;text-transform: uppercase;letter-spacing: 0.05rem;} .trustbar__block__text {font-size: 0.9rem;color: #7F7F7F;} /* Home Featured ============================================================= */ #home-featured {background: #E6E6E6;} .home-featured__content-gallery {width: auto !important;} /* Tabs Titles */ #home-featured__tabs {padding-top: 1.875rem;padding-bottom: 1.875rem;} .home-featured__tabs__title {margin: 0 0.75rem;float: none !important;display: inline-block;} .home-featured__tabs__anchor {font-weight: 700;color: #b0b0b0 !important;text-transform: uppercase;padding: 0 !important;border-bottom: 1px solid #E6E6E6;background: transparent !important;} .active > .home-featured__tabs__anchor, .home-featured__tabs__anchor:hover {color: #212122 !important;} .active > .home-featured__tabs__anchor {border-bottom-color: #212122;} /* ============================================================= CATEGORY PAGE ============================================================= */ #category-container, #searchresults-container {padding-bottom: 2.875rem;background: #E6E6E6;} /* Category Options ============================================================= */ #category__options {margin-bottom: 0.9375rem;} .category__options__total, .category__options__sort {margin-bottom: 0.9375rem;} .category__options__total__string, .category__options__sort__title {font-size: 0.775rem;color: #777777;font-weight: bold;line-height: 35px;text-transform: uppercase;letter-spacing: 0.025rem;display: inline-block;} .category__options__sort__select {width: 180px;margin-left: 0.5rem !important;} /* ============================================================= THE ARTIST PAGE ============================================================= */ #the-artist__gallery {padding-top: 0.9375rem;padding-bottom: 1.875rem;} /* Screens until 1024px */ @media only screen and (max-width: 1024px) { #the-artist__gallery {padding-right: 1.875rem; padding-left: 1.875rem;} } /* The Artist Heading ============================================================= */ #the-artist__heading {padding-bottom: 1.875rem;} .the-artist__heading__wrapper {padding-top: 210px;padding-right: 0.9375rem;padding-left: 0.9375rem;} /* The Artist Avatar */ .the-artist__heading__avatar {margin-bottom: 0.9375rem;} .the-artist__heading__image {width: 180px;padding: 5px;border: 1px solid #CCCCCC;-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;overflow: hidden;background: #FFFFFF;} /* The Artist Content */ .the-artist__heading__title {font-size: 2.875rem;color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0,0,0,.25);margin: 1.4rem 0 2.875rem;} .the-artist__heading__description {font-size: 0.875rem;line-height: 1.875;color: #7F7F7F;margin: 0 0 1.875rem;text-align: justify;} .the-artist__heading__social {padding-top: 1.875rem;border-top: 1px solid #EEEEEE;} .the-artist__heading__social__item {font-size: 0.9rem;color: #bdbdbd;margin-right: 2.875rem;margin-left: 0 !important;} .the-artist__heading__social__item .fa {display: inline-block;} /* Media Queries for Small Screens */ @media only screen and (max-width: 40em) { .the-artist__heading__avatar {margin-bottom: 0;} .the-artist__heading__title {color: #212122; text-shadow: none; margin-bottom: 0.9375rem;} } /* Media Queries for Large Screens */ @media only screen and (min-width: 64.063em) { .the-artist__heading__wrapper {padding-right: 0; padding-left: 0;} } /* ============================================================= PRODUCT PAGE ============================================================= */ #product__main {position: relative;background: #D4D4CF;} #related__products {padding-top: 0.9375rem;background: #E6E6E6;} /* Product Image ============================================================= */ .picture-container {min-height: 515px;} /* Picture Wrapper */ .picture-wrapper {width: 100px;height: 490px;margin: 0 auto;padding-top: 4.875rem;padding-bottom: 4.875rem;position: relative;} .picture-wrapper.apaisado-vertical {height: 540px;padding-top: 0;} .picture-transform {text-align: center;display: inline-block;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;} .picture-transform.visible {opacity: 1;} .picture-transform.hidden {opacity: 0;} .picture-transform.perspective--no {-webkit-transform: perspective(0) rotateX(0deg);-moz-transform: perspective(0) rotateX(0deg);-ms-transform: perspective(0) rotateX(0deg);-o-transform: perspective(0) rotateX(0deg);transform: perspective(0) rotateX(0deg);} .picture-transform.perspective--y {margin-left: -35px;-webkit-transform: perspective(600px) rotateY(-45deg);-moz-transform: perspective(600px) rotateY(-45deg);-ms-transform: perspective(600px) rotateY(-45deg);-o-transform: perspective(600px) rotateY(-45deg);transform: perspective(600px) rotateY(-45deg);} .picture-transform.perspective--x {-webkit-transform: perspective(450px) rotateX(65deg);-moz-transform: perspective(450px) rotateX(65deg);-ms-transform: perspective(450px) rotateX(65deg);-o-transform: perspective(450px) rotateX(65deg);transform: perspective(450px) rotateX(65deg);} /* The Picture */ .picture {width: auto;margin: 0 auto;display: inline-block;position: relative;-webkit-box-shadow: 10px 0 10px rgba(0,0,0,.05);-moz-box-shadow: 10px 0 10px rgba(0,0,0,.05);box-shadow: 10px 0 10px rgba(0,0,0,.05);} .picture.default {width: auto;} .picture-figure {height: auto;margin: 0 auto;display: inline-block;-webkit-transition: height .2s ease, border-width .2s ease;-moz-transition: height .2s ease, border-width .2s ease;-ms-transition: height .2s ease, border-width .2s ease;-o-transition: height .2s ease, border-width .2s ease;transition: height .2s ease, border-width .2s ease;} .picture-object {-webkit-transition: height .2s ease !important;-moz-transition: height .2s ease !important;-ms-transition: height .2s ease !important;-o-transition: height .2s ease !important;transition: height .2s ease !important;} .picture-figure.frame {padding: 5px;border: 3px solid rgba(0,0,0,.1);background: #DDDDDD;} .perspective--x .picture.default {width: auto;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;} /* Classic Format | Passepartout ============================================================= */ .picture.passepartout {border: 12px solid #FFFFFF;background: #ECE9E6;} .perspective--y .picture.passepartout {margin-left: -5.875rem;box-shadow: 25px 0 15px rgba(0,0,0,.05);} .picture.passepartout .picture-figure {width: 430px;padding: 50px;box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset, -1px -1px 2px rgba(255,255,255,.1) inset;} .perspective--x .picture.passepartout .picture-figure {width: 400px;} /* Passepartout Borders */ .picture_y_border {width: 50px;height: auto;display: block;position: absolute;top: -8px;right: -43px;bottom: -8px;-webkit-transform: perspective(1000px) rotateY(75deg);-moz-transform: perspective(1000px) rotateY(75deg);-ms-transform: perspective(1000px) rotateY(75deg);transform: perspective(1000px) rotateY(75deg);-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;z-index: 1;} .picture-transform.perspective--y .passepartout .picture_y_border {-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .picture_x_border {width: auto;height: 75px;display: block;position: absolute;right: -5px;left: -5px;bottom: -59px;-webkit-transform: perspective(1000px) rotateX(-75deg);-moz-transform: perspective(1000px) rotateX(-75deg);-ms-transform: perspective(1000px) rotateX(-75deg);transform: perspective(1000px) rotateX(-75deg);-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;z-index: 1;} .picture-transform.perspective--x .passepartout .picture_x_border {-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} /* Black Border */ .picture.passepartout.black {border-color: #222222;} .passepartout.black > .picture_y_border, .passepartout.black > .picture_x_border {background-color: #000000;} /* Silver Border */ .picture.passepartout.silver {border-color: #FFFFFF;} .passepartout.silver > .picture_y_border, .passepartout.silver > .picture_x_border {background-color: #A0A09C;} /* White Border */ .picture.passepartout.white {border-color: #FFFFFF;} .passepartout.white > .picture_y_border, .passepartout.white > .picture_x_border {background-color: #A0A09C;} /* Wood Border */ .picture.passepartout.wood {border-color: #E0B273;} .passepartout.wood > .picture_y_border, .passepartout.wood > .picture_x_border {background-color: #C19760;} /* Silver Border */ .picture-passepartout {width: auto;height: auto;display: block;position: absolute;top: -12px;right: -12px;bottom: -12px;left: -12px;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} .picture.passepartout.silver .picture-passepartout {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .passepartout-border {display: block;position: absolute;background: #FFFFFF;} .passepartout-border--top {width: auto;height: 40px;top: -14px;right: 6px;left: 6px;transform: perspective(600px) rotateX(-73deg);background: #e1deda;background: -moz-linear-gradient(left, #e1deda 0%, #c5c7c6 100%);background: -webkit-linear-gradient(left, #e1deda 0%,#c5c7c6 100%);background: linear-gradient(to right, #e1deda 0%,#c5c7c6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1deda', endColorstr='#c5c7c6',GradientType=1 );} .passepartout-border--right {width: 40px;height: auto;top: 6px;bottom: 6px;right: -14px;transform: perspective(600px) rotateY(-73deg);background: #ddddd8;background: -moz-linear-gradient(top, #ddddd8 0%, #e3e3e3 100%);background: -webkit-linear-gradient(top, #ddddd8 0%,#e3e3e3 100%);background: linear-gradient(to bottom, #ddddd8 0%,#e3e3e3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddddd8', endColorstr='#e3e3e3',GradientType=0 );} .passepartout-border--bottom {width: auto;height: 40px;right: 6px;bottom: -14px;left: 6px;transform: perspective(600px) rotateX(73deg);background: #b9b9b4;background: -moz-linear-gradient(left, #b9b9b4 0%, #fbfbfb 100%);background: -webkit-linear-gradient(left, #b9b9b4 0%,#fbfbfb 100%);background: linear-gradient(to right, #b9b9b4 0%,#fbfbfb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b4', endColorstr='#fbfbfb',GradientType=1 );} .passepartout-border--left {width: 40px;height: auto;top: 6px;bottom: 6px;left: -14px;transform: perspective(600px) rotateY(73deg);background: #c8c8c0;background: -moz-linear-gradient(top, #c8c8c0 0%, #c2c2c0 100%);background: -webkit-linear-gradient(top, #c8c8c0 0%,#c2c2c0 100%);background: linear-gradient(to bottom, #c8c8c0 0%,#c2c2c0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c0', endColorstr='#c2c2c0',GradientType=0 );} /* Medium, Big & Collector Formats ============================================================= */ /* Landscape Horizontal */ .picture.mounting .picture-object {width: auto; max-width: inherit;} .picture.mounting.medium .picture-object {height: 230px;} .picture.mounting.big .picture-object {height: 300px;} .picture.mounting.collector .picture-object {height: 325px;} .perspective--x .picture.mounting.big .picture-object {height: 275px;} .perspective--x .picture.mounting.collector .picture-object {height: 300px;} .perspective--y .picture.mounting.big, .perspective--y .picture.mounting.collector {margin-left: -5.875rem;} /* Framing Styles */ .picture.frame.black, .picture.frame.white, .picture.frame.wood {border-width: 5px;border-style: solid;border-color: transparent;} .picture.frame.black .picture-figure, .picture.frame.white .picture-figure, .picture.frame.wood .picture-figure {padding: 5px;border-width: 3px;border-style: solid;border-color: transparent;background: transparent;} /* Framing Styles | Black */ .picture.frame.black {border-color: #333333;} .picture.frame.black .picture-figure {border-color: #111111;background: #222222;} .perspective--y .frame.black .picture_y_border, .perspective--x .frame.black .picture_x_border {background-color: #000000;} /* Framing Styles | White */ .picture.frame.white {border-color: #FFFFFF;} .picture.frame.white .picture-figure {border-color: rgba(0,0,0,.1);background: #DDDDDD;} .perspective--y .frame.white .picture_y_border, .perspective--x .frame.white .picture_x_border {background-color: #A0A09C;} /* Framing Styles | Wood */ .picture.frame.wood {border-color: #E0B273;} .picture.frame.wood .picture-figure {border-color: rgba(0,0,0,.15);background: #EDBF84;} .perspective--y .frame.wood .picture_y_border, .perspective--x .frame.wood .picture_x_border {background-color: #C19760;} /* Framing Styles for Picture Object */ .perspective--y .picture.frame .picture-figure {border-width: 3px 0 3px 8px !important;} .perspective--x .picture.frame .picture-figure {border-width: 3px 3px 0 3px !important;} /* Framing Styles & Sizes | Perspective Borders */ .perspective--y .picture.medium.frame .picture_y_border, .perspective--x .picture.medium.frame .picture_x_border, .perspective--y .picture.big.frame .picture_y_border, .perspective--x .picture.big.frame .picture_x_border, .perspective--y .picture.collector.frame .picture_y_border, .perspective--x .picture.collector.frame .picture_x_border {opacity: 1;} .perspective--y .picture.frame.medium .picture_y_border {top: -2px;right: -36px;bottom: -2px;} .perspective--x .picture.frame.medium .picture_x_border {right: 1px;bottom: -52px;left: 1px;} .perspective--y .picture.frame.big .picture_y_border {top: -1.25px;right: -36px;bottom: -1.25px;} .perspective--x .picture.frame.big .picture_x_border {right: 2px;bottom: -52px;left: 2px;} .perspective--y .picture.collector.frame .picture_y_border {top: -1px;right: -36px;bottom: -1px;} .perspective--x .picture.collector.frame .picture_x_border {right: 3px;bottom: -52px;left: 3px;} /* Square ============================================================= */ .cuadrado .picture.mounting {margin-left: 0 !important;} /* All Views */ .cuadrado .perspective--no .picture.default .picture-object, .cuadrado .perspective--no .picture.mounting.collector .picture-object {height: 400px;} .cuadrado .perspective--y .picture.default .picture-object, .cuadrado .perspective--x .picture.default .picture-object, .cuadrado .perspective--no .picture.mounting.big .picture-object, .cuadrado .perspective--y .picture.mounting.big .picture-object, .cuadrado .perspective--x .picture.mounting.big .picture-object, .cuadrado .perspective--y .picture.mounting.collector .picture-object, .cuadrado .perspective--x .picture.mounting.collector .picture-object {height: 370px;} .cuadrado .perspective--no .picture.mounting.medium .picture-object, .cuadrado .perspective--y .picture.mounting.medium .picture-object, .cuadrado .perspective--x .picture.mounting.medium .picture-object {height: 290px;} .cuadrado .perspective--y .picture.mounting.big .picture-object, .cuadrado .perspective--x .picture.mounting.big .picture-object {height: 345px !important;} /* Passepartout */ .cuadrado .picture.passepartout .picture-figure {height: auto;padding: 30px 80px;} /* American Box View */ .cuadrado .perspective--x .picture.collector.frame .picture_x_border {left: 1px;right: 1px;} /* Rectangular Horizontal ============================================================= */ /* Default View */ .rectangular-horizontal .picture.default, .rectangular-horizontal .perspective--y .picture.default {width: 450px;} .rectangular-horizontal .perspective--x .picture.default {width: 420px;} /* Passepartout */ .rectangular-horizontal .perspective--no .picture.passepartout .picture-object, .rectangular-horizontal .perspective--y .picture.passepartout .picture-object, .rectangular-horizontal .perspective--x .picture.passepartout .picture-object {width: auto;height: auto;} /* Rectangular Vertical ============================================================= */ .picture-wrapper.rectangular-vertical {height: 540px;padding-top: 0;} .rectangular-vertical .picture-transform {padding-top: 1.875rem;} .rectangular-vertical .perspective--no .picture.default .picture-figure, .rectangular-vertical .perspective--y .picture.default .picture-figure, .rectangular-vertical .perspective--x .picture.default .picture-figure {width: inherit;height: auto;} .rectangular-vertical .perspective--no .picture.default .picture-figure .picture-object, .rectangular-vertical .perspective--y .picture.default .picture-figure .picture-object, .rectangular-vertical .perspective--x .picture.default .picture-figure .picture-object {height: 415px;} /* Passepartout */ .rectangular-vertical .picture-transform.perspective--x {padding-top: 0;margin-top: 2.875rem;} .rectangular-vertical .picture.passepartout .picture-figure {width: 316px;height: 430px;padding: 80px 50px;} .rectangular-vertical .picture.passepartout .picture-figure .picture-object {width: 100% !important;height: auto !important;} .rectangular-vertical .perspective--x .picture.passepartout .picture-figure {width: 308px;height: 420px;padding: 100px 50px 60px 50px;} /* Mounting */ .rectangular-vertical .mounting.medium .picture-figure {width: inherit;height: auto;} .rectangular-vertical .mounting.medium .picture-figure .picture-object {height: 340px;} .rectangular-vertical .mounting.big .picture-figure .picture-object {height: 415px;} .rectangular-vertical .mounting.collector .picture-figure .picture-object {height: 460px;} .rectangular-vertical .perspective--y .picture.mounting {margin-top: 1.875rem;margin-left: 0 !important;} .rectangular-vertical .perspective--y .mounting.medium .picture-figure .picture-object {height: 300px;} .rectangular-vertical .perspective--y .mounting.big .picture-figure .picture-object {height: 360px;} .rectangular-vertical .perspective--y .mounting.collector .picture-figure .picture-object {height: 390px;} .rectangular-vertical .perspective--x .mounting.big .picture-figure .picture-object {height: 380px;} .rectangular-vertical .perspective--x .mounting.collector .picture-figure .picture-object {height: 410px;} /* Picture Borders */ .rectangular-vertical .picture_y_border {width: 80px;top: -3px;right: -62px;bottom: -4px;} .rectangular-vertical .picture_x_border {height: 74px;right: -6px;bottom: -57px;left: -6px;-webkit-transform: perspective(1000px) rotateX(-78deg);-moz-transform: perspective(1000px) rotateX(-78deg);-ms-transform: perspective(1000px) rotateX(-78deg);transform: perspective(1000px) rotateX(-78deg);} .rectangular-vertical .perspective--y .picture.frame .picture_y_border {width: 80px;top: 1px !important;right: -55px !important;bottom: 2px !important;} .rectangular-vertical .perspective--x .picture.frame .picture_x_border {bottom: -50px !important;} .rectangular-vertical .perspective--x .picture.frame.collector .picture_x_border {left: 1px;right: 1px;} /* Passepartout | Photomontage */ .rectangular-vertical .picture-photomontage__figure.passepartout {height: 86px;margin: 112px 0 0;} .rectangular-vertical .picture-photomontage__figure.passepartout .picture-photomontage__image {min-height: 89px;padding: 12px 10px;} /* Default | Photomontage */ .rectangular-vertical .picture-photomontage__figure.default {height: 250px;margin: 32px 0 0;} /* Mounting | Photomontage */ .rectangular-vertical .picture-photomontage__figure.mounting.medium {height: 128px;margin: 92px 0 0;} .rectangular-vertical .picture-photomontage__figure.mounting.big {height: 210px;margin: 52px 0 0;} .rectangular-vertical .picture-photomontage__figure.mounting.collector {height: 250px;margin: 32px 0 0;} /* Frame | Photomontage */ .rectangular-vertical .picture-photomontage__figure.mounting.frame.medium {height: 138px;margin: 88px 0 0;} .rectangular-vertical .picture-photomontage__figure.mounting.frame.big {height: 220px;margin: 46px 0 0;} .rectangular-vertical .picture-photomontage__figure.mounting.frame.collector {height: 262px;margin: 25px 0 0;} /* Landscape Horizontal ============================================================= */ .apaisado-horizontal .perspective--no .picture.default .picture-object, .apaisado-horizontal .perspective--y .picture.default .picture-object {height: 325px;} .apaisado-horizontal .perspective--x .picture.default .picture-object {height: 275px;} /* Mounting */ .apaisado-horizontal .perspective--x .picture.mounting.medium .picture-object {height: 215px;} .apaisado-horizontal .perspective--x .picture.mounting.big .picture-object {height: 260px;} .apaisado-horizontal .perspective--x .picture.mounting.collector .picture-object {height: 275px;} /* Landscape Vertical ============================================================= */ /* Default View */ .apaisado-vertical .picture-transform {padding-top: 1.875rem;} .apaisado-vertical .perspective--no .picture.default .picture-figure, .apaisado-vertical .perspective--y .picture.default .picture-figure, .apaisado-vertical .perspective--x .picture.default .picture-figure {height: auto;} .apaisado-vertical .perspective--no .picture.default .picture-figure .picture-object {height: 480px;} .apaisado-vertical .perspective--y .picture.default .picture-figure .picture-object, .apaisado-vertical .perspective--x .picture.default .picture-figure .picture-object {height: 450px;} /* Passepartout | Photomontage */ .apaisado-vertical .picture-photomontage__container {height: 312px;} .apaisado-vertical .picture-photomontage__figure.passepartout {height: 93px;margin: 109px 0 0;} .apaisado-vertical .picture-photomontage__figure.passepartout > .picture-photomontage__image {padding: 9px 10px;} /* Mounting | Photomontage */ .apaisado-vertical .picture-photomontage__figure.default {height: 300px;} .apaisado-vertical .picture-photomontage__figure.mounting.medium {height: 150px;margin: 80px 0 0;} .apaisado-vertical .picture-photomontage__figure.mounting.big {height: 252px;margin: 30px 0 0;} .apaisado-vertical .picture-photomontage__figure.mounting.collector {height: 300px;} /* American Box | Photomontage */ .apaisado-vertical .picture-photomontage__figure.mounting.frame.medium {height: 162px;margin: 76px 0 0;} .apaisado-vertical .picture-photomontage__figure.mounting.frame.big {height: 264px;margin: 24px 0 0;} .apaisado-vertical .picture-photomontage__figure.mounting.frame.collector {height: 312px;margin: 0;} /* Passepartout */ .apaisado-vertical .picture.passepartout .picture-figure {width: 334px;height: auto;} .apaisado-vertical .picture.passepartout .picture-figure > .picture-object {width: auto;height: auto;} .apaisado-vertical .perspective--y .picture.passepartout {margin-top: 0.875rem;} .apaisado-vertical .perspective--x .picture.passepartout .picture-figure {width: 290px;height: 380px;} /* Aluminum Montage */ .apaisado-vertical .perspective--y .picture.mounting.big, .apaisado-vertical .perspective--y .picture.mounting.collector {margin-left: 0;} .apaisado-vertical .perspective--no .picture.mounting .picture-figure, .apaisado-vertical .perspective--y .picture.mounting .picture-figure, .apaisado-vertical .perspective--x .picture.mounting .picture-figure {width: auto;height: auto;} .apaisado-vertical .perspective--no .picture.mounting.medium .picture-figure .picture-object, .apaisado-vertical .perspective--y .picture.mounting.medium .picture-figure .picture-object, .apaisado-vertical .perspective--x .picture.mounting.medium .picture-figure .picture-object {height: 360px !important;} .apaisado-vertical .perspective--no .picture.mounting.big .picture-figure .picture-object, .apaisado-vertical .perspective--y .picture.mounting.big .picture-figure .picture-object {height: 420px !important;} .apaisado-vertical .perspective--x .picture.mounting.big .picture-figure .picture-object {height: 400px !important;} .apaisado-vertical .perspective--no .picture.mounting.collector .picture-figure .picture-object {height: 480px !important;} .apaisado-vertical .perspective--y .picture.mounting.collector .picture-figure .picture-object {height: 460px !important;} .apaisado-vertical .perspective--x .picture.mounting.collector .picture-object {height: 420px;} /* American Box */ .apaisado-vertical .perspective--no .picture.frame .picture-figure {height: auto !important;} /* Picture Borders */ .apaisado-vertical .picture_y_border {width: 80px;top: -3px;right: -62px;bottom: -3px;} .apaisado-vertical .picture_x_border {height: 74px;right: -6px;bottom: -57px;left: -6px;-webkit-transform: perspective(1000px) rotateX(-78deg);-moz-transform: perspective(1000px) rotateX(-78deg);-ms-transform: perspective(1000px) rotateX(-78deg);transform: perspective(1000px) rotateX(-78deg);} /* Panoramic ============================================================= */ .picture-wrapper.apaisado-horizontal.panoramico {padding-top: 7.875rem;} .panoramico .perspective--y .picture.mounting.medium {margin-left: -5.875rem;} /* Default */ .apaisado-horizontal.panoramico .perspective--no .picture.default .picture-object {height: 225px;} .apaisado-horizontal.panoramico .perspective--y .picture.default .picture-object {height: 225px;} .apaisado-horizontal.panoramico .perspective--x .picture.default .picture-object {height: 175px;} /* Mounting */ .apaisado-horizontal.panoramico .perspective--no .picture.mounting.medium .picture-object {height: 175px;} .apaisado-horizontal.panoramico .perspective--y .picture.mounting.medium .picture-object {height: 180px;} .apaisado-horizontal.panoramico .perspective--x .picture.mounting.medium .picture-object {height: 130px;} .apaisado-horizontal.panoramico .perspective--no .picture.mounting.big .picture-object {height: 205px;} .apaisado-horizontal.panoramico .perspective--y .picture.mounting.big .picture-object {height: 210px;} .apaisado-horizontal.panoramico .perspective--x .picture.mounting.big .picture-object {height: 160px;} .apaisado-horizontal.panoramico .perspective--no .picture.mounting.collector .picture-object {height: 225px;} .apaisado-horizontal.panoramico .perspective--y .picture.mounting.collector .picture-object {height: 225px;} .apaisado-horizontal.panoramico .perspective--x .picture.mounting.collector .picture-object {height: 175px;} /* Picture Borders */ .panoramico .perspective--y .picture.frame .picture_y_border {top: -2px;right: -37px;bottom: -2px;} .panoramico .perspective--x .picture.frame .picture_x_border {bottom: -55px;-webkit-transform: perspective(1000px) rotateX(-71deg);-moz-transform: perspective(1000px) rotateX(-71deg);-ms-transform: perspective(1000px) rotateX(-71deg);transform: perspective(1000px) rotateX(-71deg);} /* Photomontage Applications ============================================================= */ .picture-photomontage, .picture-photomontage__background {width: 746px;height: 100%;margin: 0 auto;display: block;position: absolute;top: 0;right: 0;left: 0;z-index: 1;} .picture-photomontage.hidden {opacity: 0;} .picture-photomontage.visible {opacity: 1;} .picture-photomontage__container {width: 100%;height: 212px;padding-right: 1px;position: absolute;top: 44px;left: 0;right: 0;} .picture-photomontage__figure {width: 100%;margin: 0;display: block;-webkit-transition: height .2s ease, margin-top .2s ease;-moz-transition: height .2s ease, margin-top .2s ease;-ms-transition: height .2s ease, margin-top .2s ease;-o-transition: height .2s ease, margin-top .2s ease;transition: height .2s ease, margin-top .2s ease;} .picture-photomontage__figure .picture-photomontage__image {width: auto;height: 100%;display: inline-block;-webkit-box-shadow: 3px 0 10px rgba(0,0,0,.25);-moz-box-shadow: 3px 0 10px rgba(0,0,0,.25);box-shadow: 3px 0 10px rgba(0,0,0,.25);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} /* Landscape Horizontal Background */ .picture-photomontage__background {background: url("https://assets.jumpseller.com/store/blacktree/themes/61498/photomontage-bg.png?1595253208") scroll no-repeat bottom center transparent;background-size: cover;} /* Passepartout Photomontage ============================================================= */ .picture-photomontage__figure.passepartout {margin: 70px 0 0 0;} .picture-photomontage__figure.passepartout > .picture-photomontage__image {padding: 10px 9px;border-width: 5px;border-style: solid;border-color: transparent;background: #ECE9E6;} .cuadrado .picture-photomontage__figure.passepartout > .picture-photomontage__image {padding: 6px 16px;} .rectangular-horizontal .picture-photomontage__figure.passepartout > .picture-photomontage__image {padding: 10px 14px;} /* Black Frame */ .picture-photomontage__figure.passepartout.black > .picture-photomontage__image {border-color: #222222;} /* White Frame */ .picture-photomontage__figure.passepartout.white > .picture-photomontage__image {border-color: #FFFFFF;} /* Silver Frame */ .picture-photomontage__figure.passepartout.silver > .picture-photomontage__image {border-style: outset;border-top-color: #FFFFFF;border-left-color: #F4F4F4;border-right-color: rgba(255,255,255,.15);border-bottom-color: rgba(255,255,255,.5);} /* Wood Frame */ .picture-photomontage__figure.passepartout.wood > .picture-photomontage__image {border-color: #E0B273;} /* Aluminum Montage ============================================================= */ .picture-photomontage__figure.mounting {width: auto;} /* American Box Montage ============================================================= */ .picture-photomontage__figure.frame {width: auto;} .picture-photomontage__figure.frame .picture-photomontage__image {width: auto;height: 100%;padding: 4px;border: 2px solid transparent;} /* Amrican Box Black */ .picture-photomontage__figure.frame.black .picture-photomontage__image {border-color: #333333;-webkit-box-shadow: 2px 2px 0 #111111 inset, -2px -2px 0 #111111 inset;-moz-box-shadow: 2px 2px 0 #111111 inset, -2px -2px 0 #111111 inset;box-shadow: 2px 2px 0 #111111 inset, -2px -2px 0 #111111 inset;background: #222222;} /* American Box White */ .picture-photomontage__figure.frame.white .picture-photomontage__image {border-color: #FFFFFF;-webkit-box-shadow: 2px 2px 0 #CCCCCC inset, -2px -2px 0 #CCCCCC inset;-moz-box-shadow: 2px 2px 0 #CCCCCC inset, -2px -2px 0 #CCCCCC inset;box-shadow: 2px 2px 0 #CCCCCC inset, -2px -2px 0 #CCCCCC inset;background: #DDDDDD;} /* American Box Wood */ .picture-photomontage__figure.frame.wood > .picture-photomontage__image {border-color: #E0B273;-webkit-box-shadow: 2px 2px 0 #B39064 inset, -2px -2px 0 #B39064 inset;-moz-box-shadow: 2px 2px 0 #B39064 inset, -2px -2px 0 #B39064 inset;box-shadow: 2px 2px 0 #B39064 inset, -2px -2px 0 #B39064 inset;background: #EDBF84;} /* Horizontal Format Sizes ============================================================= */ /* Default */ .picture-photomontage__figure.default {height: 200px;margin: 6px 0 0;} /* Passepartout */ .picture-photomontage__figure.passepartout {height: 73px;} /* Aluminum Montage */ .picture-photomontage__figure.mounting.medium {height: 100px;margin: 56px 0 0;} .picture-photomontage__figure.mounting.big {height: 168px;margin: 22px 0 0;} .picture-photomontage__figure.mounting.collector {height: 200px;margin: 6px 0 0;} /* American Box */ .picture-photomontage__figure.frame.medium {height: 112px;margin: 50px 0 0;} .picture-photomontage__figure.frame.big {height: 180px;margin: 16px 0 0;} .picture-photomontage__figure.frame.collector {height: 212px;margin: 0;} /* Picture Options ============================================================= */ .picture-options__list {width: 100%;margin: 1.875rem 0;display: inline-block;list-style-type: none;} .picture-options__list-item {width: 85px;margin: 0 0.5rem 0.9375rem;display: inline-block;cursor: pointer;} .picture-options__list-object {height: 46px;display: inline-block;background: transparent;} .picture-options__list-object--perspective-y {margin-left: -12px;-webkit-transform: perspective(150px) rotateY(-50deg);-moz-transform: perspective(150px) rotateY(-50deg);-ms-transform: perspective(150px) rotateY(-50deg);transform: perspective(150px) rotateY(-50deg);} .picture-options__list-object--perspective-x {-webkit-transform: perspective(150px) rotateX(60deg);-moz-transform: perspective(150px) rotateX(60deg);-ms-transform: perspective(150px) rotateX(60deg);transform: perspective(150px) rotateX(60deg);} .picture-options__list-object--photomontage {background: url("https://assets.jumpseller.com/store/blacktree/themes/61498/photomontage-bg.png?1595253208") scroll no-repeat bottom center transparent;background-size: cover;} .picture-options__list-object-image {width: auto;height: 100%;} /* Product Heading ============================================================= */ #product__heading {background: #FFFFFF;z-index: 1;} #product__heading-info__small {background: #D4D4CF;} .product__heading__background {height: 100%;position: absolute;right: 0;background: #FFFFFF;} .product__divider__block {width: 70px;height: 3px;margin: 1.25rem 0 0.9375rem;display: inline-block;border-width: 1px 0;border-style: double;border-color: #DDDDDD;} .product__divider__block-last {margin: 0.25rem 0 1.25rem !important;} /* Product Heading Info */ .product__heading-info {padding-top: 1.875rem;} .product__title {font-size: 1.875rem;color: #606060;margin: 0;} .product__price {font-size: 1.875rem;color: #212122;font-weight: 800;line-height: 1;margin: 0.5rem 0 0;} /* Product Form Block */ .product__form__block {margin-bottom: 0.9375rem;} .product__form__block.hidden {display: none;} .product__form__block.visible {display: block;} .product__form__block-actions {padding-top: 0.25rem;} .product__form__block__title {font-size: 0.8rem;color: #333333;font-weight: 800;text-transform: uppercase;display: block;} .product__form__block__title__info {color: #CCCCCC;} .product__form__block__title__info:hover, .product__form__block__title__info:focus {color: #333333;} .product__form__block .text {max-width: 80px;height: 40px;display: inline-block;} .block__options__info {margin-bottom: 0.9375rem;} .block__options__info.visible {display: block;} .block__options__info.hidden {display: none;} .block__options__info__item {font-size: 0.8rem;color: #777777;font-weight: 600;} .block__options__info__item .fa {color: #606060;} .block__options__list {width: 100%;margin: 0;display: inline-block;list-style-type: none;} #product__form .block__options__list__item {margin: 0 0.15rem 0.75rem !important;} #product__form .block__options__list__item {width: auto;float: none !important;display: inline-block;cursor: pointer;border-width: 1px 1px 3px 1px;border-style: solid;border-color: #DDDDDD;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #product__form .block__options__list__item-frame {width: 50% !important;min-height: 100px;border: none;margin: 0 !important;border-radius: 0 !important;float: left !important;padding: 0.25rem 0 0 !important;} #product__form .block__options__list__item-frame.hidden {display: none !important;} .block__options__list__item__anchor {padding: 0.5rem 0.75rem 0.85rem !important;background: transparent !important;} .block__options__list__item-box {width: 90px !important;} .block__options__list__item-box .block__options__list__item__anchor {padding: 0.5rem 0.5rem 0.85rem !important;} .block__options__list__item__radio {font-size: 1.25rem;color: #FFFFFF;line-height: 13px;width: 15px;height: 15px;margin: 0.5rem auto 0.5rem;display: block;border: 1px solid #CCCCCC;-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;background: #FFFFFF;} .block__options__list__item__image {margin: 0.5rem auto 0;display: block;background: #FFFFFF;} .block__options__list__item__image-classic {width: 50px;margin: 0.25rem auto;} .block__options__list__item-frame .block__options__list__item__image img {width: 60px;} .block__options__list__item-frame.block__options__list__item-frame-metacrilato-acrilico {border-right: 1px solid #EEEEEE !important;} .block__options__list__item-frame-montaje-en-aluminio .block__options__list__item__image, .block__options__list__item-frame-metacrilato-acrilico .block__options__list__item__image, .block__options__list__item-frame-caja-americana .block__options__list__item__image, .block__options__list__item-frame-metacrilato-y-caja-americana .block__options__list__item__image, .block__options__list__item-box .block__options__list__item__image {margin: 0.5rem auto;} .block__options__list__item__label {font-size: 0.9rem;color: #242328;font-weight: bold;line-height: 1;display: block;} .block__options__list__item__label-frame {font-size: 0.8rem !important;color: #999999;width: 100%;} .block__options__list__item__label__size {color: #999999;font-weight: 400;line-height: 1;margin-top: 0.2rem;display: block;} .block__options__list__item__label__input {width: 18px;height: 18px;display: inline-block;line-height: 16px;text-align: center;border: 1px solid #DDDDDD;border-radius: 3px;margin-right: 5px;font-size: 0.65rem;color: transparent;background: #FAFAFA;} .block__options__list__item__edition {font-size: 0.7rem;color: #666666;line-height: 1.25;width: 60px;margin: 0.5rem auto 0;display: block;} .block__options__list__item__list {margin-top: 0.5rem;} .block__options__list__item__list li {font-size: 0.75rem;color: #999;font-weight: 600;padding-left: 0.75rem;display: inline-block;position: relative;} .block__options__list__item__list li .fa-circle {font-size: 0.1rem;color: #CCC;position: absolute;top: 7px;left: 0;} .product__form__block__button {font-size: 1rem;font-weight: 800 !important;padding: 1.25rem 1.875rem;} /* Product Form visibility classes */ .block__options__list__item__image-classic.visible, .block__options__list__item__image-box.visible {display: block !important;} .block__options__list__item__image-classic.hidden, .block__options__list__item__image-box.hidden {display: none !important;} .block__options__list__item-box.visible {display: inline-block !important;} .block__options__list__item-box.hidden {display: none !important;} /* Product Form Block Transitions */ #product__form .block__options__list__item-format:hover {border-color: #8C2331;} #product__form .block__options__list__item-format.active {border-color: #6C2630;background: #8C2331;} #product__form .block__options__list__item-format:hover .block__options__list__item__radio, #product__form .block__options__list__item-format.active .block__options__list__item__radio {color: #8C2331;} #product__form .block__options__list__item-format.active .block__options__list__item__label {color: #FFFFFF;} #product__form .block__options__list__item-format.active .block__options__list__item__label__size {color: rgba(255,255,255,.75) !important;} #product__form .block__options__list__item-format.active .block__options__list__item__edition {color: rgba(255,255,255,.85) !important;} /* Frame - Block Options */ .block__options__list__item-frame.active .block__options__list__item__label {color: #999999 !important;} .block__options__list__item-frame.active .block__options__list__item__label__input {color: transparent !important;border-color: #DDDDDD !important;background: #FAFAFA !important;} .block__options__list__item-frame.checked .block__options__list__item__label {color: #212122 !important;} .block__options__list__item-frame.checked .block__options__list__item__label__input {color: #FFFFFF !important;border-color: #6C2630 !important;background: #8C2331 !important;} /* Box - Block Options */ .block__options__list__item-box.active {border-color: #8C2331 !important;} .block__options__list__item-box.active .block__options__list__item__label {color: #212122;} @media only screen and (max-width: 1024px) { .product__heading__background {display: none;} } /* Product About ============================================================= */ #product__about {padding-bottom: 0.9375rem;background: #222222;} /* Product Description */ #product__description {padding-top: 2.25rem;padding-right: 1.875rem;padding-left: 1.875rem;border-right: 1px solid rgba(0,0,0,.25);} .product__description__image {height: 60px;margin-bottom: 0.9rem;} .product__description__title {font-size: 0.875rem;color: #FAFAFA;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05rem;margin: 0 0 1.25rem;} .product__description__text {margin: 0;} .product__description__text p {font-size: 0.9rem;color: #7F7F7F;line-height: 1.6 !important;} /* Product Certification */ #product__certificate {padding-top: 2.25rem;padding-right: 1.875rem;padding-left: 1.875rem;border-right: 1px solid rgba(0,0,0,.25);border-left: 1px solid rgba(255,255,255,.025);} .product__certificate__icon {font-size: 3.25rem;color: rgba(255,255,255,.75);line-height: 60px;width: 70px;height: 70px;margin-bottom: 4px;padding: 5px;display: inline-block;position: relative;} .product__certificate__icon .fa-check {font-size: 1.25rem !important;color: #222222;position: absolute;top: 27px;left: 25px;} .product__certificate__title {font-size: 0.875rem;color: #FAFAFA;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05rem;margin: 0 0 1.25rem;} .product__certificate__text {font-size: 0.85rem;color: #7F7F7F;} /* Product Artist */ #product__artist {padding-top: 1.875rem;padding-right: 1.875rem;padding-bottom: 0.9375rem;padding-left: 1.875rem;border-right: 1px solid rgba(0,0,0,.25);border-left: 1px solid rgba(255,255,255,.025);} .product__artist__avatar {color: #666666;width: 68px;height: 68px;margin-bottom: 6px;display: inline-block;border: 4px solid transparent;overflow: hidden;background: transparent;} .product__artist__avatar:hover, .product__artist__avatar:focus {background: #FAFAFA;} .product__artist__avatar, .product__artist__avatar__image {-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;} .product__artist__avatar__image {width: 60px;} .product__artist__name {font-size: 0.875rem;color: #FAFAFA;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05rem;margin: 0 0 1.25rem;} .product__artist__description {font-size: 0.85rem;color: #7F7F7F;} /* Product Page Modal Boxes ============================================================= */ .reveal-modal-bg {background: rgba(0,0,0,.75);} /* Formats & Frames Modals */ #modal-format, #modal-frame {margin-top: -1.875rem;padding: 1.875rem 0.5rem;background: #E6E6E6;} #modal-frame {max-width: 95%;} /* Small screens with max-width 768px */ @media only screen and (max-width: 768px) { #modal-format {width: auto; right: 0.9375rem; left: 0.9375rem;} } /* Product Page Media Queries ============================================================= */ /* Screens until 640px */ @media only screen and (max-width: 640px) { .picture-container {min-height: inherit;} .picture-wrapper.apaisado-horizontal.panoramico {/*height: 250px;*/ padding-top: 3.875rem; padding-bottom: 0;} } /* ============================================================= CART & CHECKOUT PAGE ============================================================= */ #cart-container {padding-top: 95px;padding-bottom: 3.875rem;background: #E6E6E6;} .cart-container__wrapper {padding-top: 0.9375rem;} /* Cart Client Alert ============================================================= */ .cart-client__alert {border: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.05) inset;-moz-box-shadow: 0 0 5px rgba(0,0,0,.05) inset;box-shadow: 0 0 5px rgba(0,0,0,.05) inset;background: rgba(0,0,0,.1);} .cart-client__alert__text {font-size: 0.9rem;color: #666666;font-weight: 600;margin: 0;} .cart-client__alert__text a {color: #333333;} .cart-client__alert__text a:hover, .cart-client__alert__text a:focus {color: #212122;} /* Cart Summary ============================================================= */ /* Cart Summary Heading */ .cart-summary__heading, .cart-checkout__heading {padding-top: 1.15rem;padding-bottom: 0.85rem;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;} .cart-summary__heading__title, .cart-checkout__heading__title {font-size: 1.25rem;color: #333333;line-height: 1;margin: 0;} /* Cart Summary Block Empty */ .cart-summary__block-empty {padding-bottom: 0.9375rem;} .cart-summary__block-empty__title {font-size: 1.1rem;color: #444444;font-weight: 600;margin-bottom: 0.9375rem;} .cart-summary__block-empty__text {font-size: 0.9rem;} /* Cart Summary Block */ .cart-summary__block {padding-top: 0.75rem;padding-bottom: 0.75rem;border-bottom: 2px solid #E6E6E6;background: #FFFFFF;} /* Cart Summary Block Image */ .cart-summary__block__image {padding-top: 0.75rem;padding-bottom: 0.9375rem;} .csbi-option {width: auto;display: inline-block;-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.1);-moz-box-shadow: 0 2px 20px rgba(0,0,0,.1);box-shadow: 0 2px 20px rgba(0,0,0,.1);} .csbi-option * {display: inline-block;} .csbi-option-frame {width: auto;} .csbi-option-wrapper {min-width: 90px;height: 60px;} .csbi-option-image {width: auto;height: 100%;} /* CSBI | Passepartout */ .csbi-option--clasico-marco-negro .csbi-option-frame, .csbi-option--clasico-marco-plata .csbi-option-frame, .csbi-option--clasico-marco-blanco .csbi-option-frame, .csbi-option--clasico-marco-madera .csbi-option-frame {padding: 15px;border-width: 5px;border-style: solid;background: #ECE9E6;} .csbi-option--clasico-marco-negro .csbi-option-frame {border-color: #222222;} .csbi-option--clasico-marco-plata .csbi-option-frame {border-top-color: #FFFFFF;border-left-color: #F4F4F4;border-right-color: rgba(255,255,255,.15);border-bottom-color: rgba(255,255,255,.5);} .csbi-option--clasico-marco-blanco .csbi-option-frame {border-color: #FFFFFF;} .csbi-option--clasico-marco-madera .csbi-option-frame {border-color: #E0B273;} /* Square Passepartout */ .cuadrado .csbi-option-frame {padding: 10px 15px;} .cuadrado .csbi-option-wrapper {height: 68px;} /* CSBI | Montage */ .csbi-option--mediano-montaje-en-aluminio .csbi-option-wrapper, .csbi-option--mediano-metacrilato-acrilico .csbi-option-wrapper, .csbi-option--grande-montaje-en-aluminio .csbi-option-wrapper, .csbi-option--grande-metacrilato-acrilico .csbi-option-wrapper, .csbi-option--coleccionista-montaje-en-aluminio .csbi-option-wrapper, .csbi-option--coleccionista-metacrilato-acrilico .csbi-option-wrapper {height: 100px;} /* CSBI | Frames */ .csbi-option--mediano-caja-americana-marco-negro .csbi-option-frame, .csbi-option--mediano-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--mediano-caja-americana-marco-madera .csbi-option-frame, .csbi-option--grande-caja-americana-marco-negro .csbi-option-frame, .csbi-option--grande-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--grande-caja-americana-marco-madera .csbi-option-frame, .csbi-option--coleccionista-caja-americana-marco-negro .csbi-option-frame, .csbi-option--coleccionista-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--coleccionista-caja-americana-marco-madera .csbi-option-frame, .csbi-option--mediano-metacrilato-y-caja-americana-marco-negro .csbi-option-frame, .csbi-option--mediano-metacrilato-y-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--mediano-metacrilato-y-caja-americana-marco-madera .csbi-option-frame, .csbi-option--grande-metacrilato-y-caja-americana-marco-negro .csbi-option-frame, .csbi-option--grande-metacrilato-y-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--grande-metacrilato-y-caja-americana-marco-madera .csbi-option-frame, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-negro .csbi-option-frame, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-madera .csbi-option-frame {padding: 8px;border-width: 4px;border-style: solid;} .csbi-option--mediano-montaje-en-aluminio .csbi-option-wrapper, .csbi-option--grande-montaje-en-aluminio .csbi-option-wrapper, .csbi-option--coleccionista-montaje-en-aluminio .csbi-option-wrapper, .csbi-option--mediano-metacrilato-acrilico .csbi-option-wrapper, .csbi-option--grande-metacrilato-acrilico .csbi-option-wrapper, .csbi-option--coleccionista-metacrilato-acrilico .csbi-option-wrapper, .csbi-option--mediano-caja-americana-marco-negro .csbi-option-wrapper, .csbi-option--mediano-caja-americana-marco-blanco .csbi-option-wrapper, .csbi-option--mediano-caja-americana-marco-madera .csbi-option-wrapper, .csbi-option--grande-caja-americana-marco-negro .csbi-option-wrapper, .csbi-option--grande-caja-americana-marco-blanco .csbi-option-wrapper, .csbi-option--grande-caja-americana-marco-madera .csbi-option-wrapper, .csbi-option--coleccionista-caja-americana-marco-negro .csbi-option-wrapper, .csbi-option--coleccionista-caja-americana-marco-blanco .csbi-option-wrapper, .csbi-option--coleccionista-caja-americana-marco-madera .csbi-option-wrapper, .csbi-option--mediano-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .csbi-option--mediano-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .csbi-option--mediano-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .csbi-option--grande-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .csbi-option--grande-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .csbi-option--grande-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper {width: auto;min-width: inherit;height: 76px;} .apaisado-vertical.csbi-option--mediano-montaje-en-aluminio .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-montaje-en-aluminio .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-montaje-en-aluminio .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-metacrilato-acrilico .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-metacrilato-acrilico .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-metacrilato-acrilico .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-caja-americana-marco-negro .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-caja-americana-marco-blanco .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-caja-americana-marco-madera .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-caja-americana-marco-negro .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-caja-americana-marco-blanco .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-caja-americana-marco-madera .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-caja-americana-marco-negro .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-caja-americana-marco-blanco .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-caja-americana-marco-madera .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .apaisado-vertical.csbi-option--mediano-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .apaisado-vertical.csbi-option--grande-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .apaisado-vertical.csbi-option--coleccionista-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-montaje-en-aluminio .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-montaje-en-aluminio .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-montaje-en-aluminio .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-metacrilato-acrilico .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-metacrilato-acrilico .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-metacrilato-acrilico .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-caja-americana-marco-negro .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-caja-americana-marco-blanco .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-caja-americana-marco-madera .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-caja-americana-marco-negro .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-caja-americana-marco-blanco .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-caja-americana-marco-madera .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-caja-americana-marco-negro .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-caja-americana-marco-blanco .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-caja-americana-marco-madera .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .rectangular-vertical.csbi-option--mediano-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .rectangular-vertical.csbi-option--grande-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-metacrilato-y-caja-americana-marco-negro .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-metacrilato-y-caja-americana-marco-blanco .csbi-option-wrapper, .rectangular-vertical.csbi-option--coleccionista-metacrilato-y-caja-americana-marco-madera .csbi-option-wrapper {height: 100px !important;} .csbi-option--mediano-caja-americana-marco-negro .csbi-option-frame, .csbi-option--grande-caja-americana-marco-negro .csbi-option-frame, .csbi-option--coleccionista-caja-americana-marco-negro .csbi-option-frame, .csbi-option--mediano-metacrilato-y-caja-americana-marco-negro .csbi-option-frame, .csbi-option--grande-metacrilato-y-caja-americana-marco-negro .csbi-option-frame, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-negro .csbi-option-frame {border-color: #333333;-webkit-box-shadow: 3px 3px 0 #000000 inset, -3px -3px 0 #000000 inset;-moz-box-shadow: 3px 3px 0 #000000 inset, -3px -3px 0 #000000 inset;box-shadow: 3px 3px 0 #000000 inset, -3px -3px 0 #000000 inset;background: #222222; } .csbi-option--mediano-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--grande-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--coleccionista-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--mediano-metacrilato-y-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--grande-metacrilato-y-caja-americana-marco-blanco .csbi-option-frame, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-blanco .csbi-option-frame {border-color: #FFFFFF;-webkit-box-shadow: 3px 3px 0 #BCBCBC inset, -3px -3px 0 #BCBCBC inset;-moz-box-shadow: 3px 3px 0 #BCBCBC inset, -3px -3px 0 #BCBCBC inset;box-shadow: 3px 3px 0 #BCBCBC inset, -3px -3px 0 #BCBCBC inset;background: #DDDDDD; } .csbi-option--mediano-caja-americana-marco-madera .csbi-option-frame, .csbi-option--grande-caja-americana-marco-madera .csbi-option-frame, .csbi-option--coleccionista-caja-americana-marco-madera .csbi-option-frame, .csbi-option--mediano-metacrilato-y-caja-americana-marco-madera .csbi-option-frame, .csbi-option--grande-metacrilato-y-caja-americana-marco-madera .csbi-option-frame, .csbi-option--coleccionista-metacrilato-y-caja-americana-marco-madera .csbi-option-frame {border-color: #E0B273;-webkit-box-shadow: 3px 3px 0 #B39064 inset, -3px -3px 0 #B39064 inset;-moz-box-shadow: 3px 3px 0 #B39064 inset, -3px -3px 0 #B39064 inset;box-shadow: 3px 3px 0 #B39064 inset, -3px -3px 0 #B39064 inset;background: #EDBF84;} /* Vertical Pictures */ .apaisado-vertical.csbi-option--clasico-marco-negro .csbi-option-frame, .apaisado-vertical.csbi-option--clasico-marco-plata .csbi-option-frame, .apaisado-vertical.csbi-option--clasico-marco-blanco .csbi-option-frame, .apaisado-vertical.csbi-option--clasico-marco-madera .csbi-option-frame, .rectangular-vertical.csbi-option--clasico-marco-negro .csbi-option-frame, .rectangular-vertical.csbi-option--clasico-marco-plata .csbi-option-frame, .rectangular-vertical.csbi-option--clasico-marco-blanco .csbi-option-frame, .rectangular-vertical.csbi-option--clasico-marco-madera .csbi-option-frame {min-height: 130px;display: table;} .apaisado-vertical.csbi-option--clasico-marco-negro .csbi-option-frame .csbi-option-wrapper, .apaisado-vertical.csbi-option--clasico-marco-plata .csbi-option-frame .csbi-option-wrapper, .apaisado-vertical.csbi-option--clasico-marco-blanco .csbi-option-frame .csbi-option-wrapper, .apaisado-vertical.csbi-option--clasico-marco-madera .csbi-option-frame .csbi-option-wrapper, .rectangular-vertical.csbi-option--clasico-marco-negro .csbi-option-frame .csbi-option-wrapper, .rectangular-vertical.csbi-option--clasico-marco-plata .csbi-option-frame .csbi-option-wrapper, .rectangular-vertical.csbi-option--clasico-marco-blanco .csbi-option-frame .csbi-option-wrapper, .rectangular-vertical.csbi-option--clasico-marco-madera .csbi-option-frame .csbi-option-wrapper {width: 60px;min-width: auto;height: auto;min-height: inherit;display: table-cell;vertical-align: middle;} .apaisado-vertical.csbi-option--clasico-marco-negro .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .apaisado-vertical.csbi-option--clasico-marco-plata .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .apaisado-vertical.csbi-option--clasico-marco-blanco .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .apaisado-vertical.csbi-option--clasico-marco-madera .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .rectangular-vertical.csbi-option--clasico-marco-negro .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .rectangular-vertical.csbi-option--clasico-marco-plata .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .rectangular-vertical.csbi-option--clasico-marco-blanco .csbi-option-frame .csbi-option-wrapper .csbi-option-image, .rectangular-vertical.csbi-option--clasico-marco-madera .csbi-option-frame .csbi-option-wrapper .csbi-option-image {width: 100%;height: auto;} /* CSBI > POP */ .csbi-option--pop { max-width: 100px; height: inherit; padding: 12px; border-width: 4px; border-style: solid; -webkit-box-shadow: inset -2px 2px 2px rgba(0,0,0,.1); -moz-box-shadow: inset -2px 2px 2px rgba(0,0,0,.1); box-shadow: inset -2px 2px 2px rgba(0,0,0,.1); } .csbi-option--pop.csbi-option--madera-negro { border-color: #000000; } .csbi-option--pop.csbi-option--madera-oro-plata { border-color: #E1DEDA #DDDDD8 #B9B9B4 #C8C8C0; } .csbi-option--pop.csbi-option--aluminio-nielsen { border-width: 2px; border-color: #000000; } .csbi-option--pop>.csbi-option-image { width: 100%; height: auto; } /* Cart Summary Block Info */ .cart-summary__block__title {font-size: 1.25rem;color: #606060;font-weight: 600;line-height: 1;width: 100%;margin: 0.5rem 0 0.25rem;float: left;} .cart-summary__block__price {font-size: 1rem;font-weight: 800;width: 100%;float: left;display: block;} .cart-summary__block__qty {font-size: 0.95rem;color: #999999;font-weight: 500;display: block;} /* Cart Summary Block Options */ .cart-summary__block__option {font-size: 0.8rem;color: #606060;width: 100%;margin-bottom: 0.25rem;display: block;} .cart-summary__block__option__title {font-size: 0.6rem;text-transform: uppercase;display: block;} /* Cart Summary Block Quantity & Delete */ .cart-summary__block__quantity, .cart-summary__block__delete {margin-top: 0.75rem;padding-top: 0.9375rem;padding-bottom: 0.825rem;border-top: 1px solid #F4F4F4;background: #FAFAFA;} .cart-summary__block__quantity__arrow {width: 10px;height: 10px;display: block;border-width: 1px 1px 0 0;border-style: solid;border-color: #F4F4F4;position: absolute;top: -6px;left: 3.5rem;background: #FAFAFA;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .cart-summary__block__quantity__title, .cart-summary__block__delete__anchor {font-size: 0.7rem;color: #999;font-weight: 700;line-height: 35px;text-transform: uppercase;margin-right: 0.5rem;display: inline-block;} .cart-summary__block__quantity__select {width: 55px;height: 35px;} /* Cart Discount */ .cart__discount__wrapper {padding-top: 0.75rem;border-bottom: 2px solid #E6E6E6;background: #FFFFFF;} .cart__discount__title {font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.025rem;} #coupon_form {width: 100%;display: inline-block;} #coupon_code {width: 75%;height: 35px;float: left;border-width: 1px 0 1px 1px;border-style: solid;border-color: #DDDDDD;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #set_coupon_code_button {font-size: 0.75rem;color: #7F7F7F;font-weight: 700;text-transform: uppercase;width: 25%;height: 35px;border: none;background: #DDDDDD;} #set_coupon_code_button:hover, #set_coupon_code_button:focus {color: #333333;} /* Cart Totals */ .cart__totals__block {padding-top: 0.75rem;padding-bottom: 0.75rem;border-bottom: 1px solid #EEEEEE;background: #FFFFFF;} .cart__totals__block__title {font-size: 0.8rem;color: #999999;font-weight: 600;font-style: italic;line-height: 1;text-transform: uppercase;} .cart__totals__block__title-total {color: #333333;} .cart__totals__block__number {font-size: 0.9rem;color: #333333;font-weight: 600;line-height: 1;} /* Estimate Shipping */ #cart-estimate {margin-top: 1.875rem;} .cart-estimate__title {font-size: 1.25rem;color: #333333;line-height: 1;margin: 0;} #estimate_shipping {margin-top: 0.9375rem;} #estimate_shipping_form label {font-family: "Lato", sans-serif !important;font-size: 0.75rem;color: #777777;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05rem;margin-bottom: 0.25rem;} #estimate_shipping_form .select {margin-bottom: 0.9375rem;border: none;} #estimate_shipping #shipping_address_comuna {width: 100% !important;} #estimate_shipping_form input[type="submit"], #estimate_shipping_results input[type="submit"] {font-family: "Lato", sans-serif !important;font-size: 0.85rem;color: #EEEEEE;font-weight: 700;text-transform: uppercase;margin-top: 0.25rem;padding: 0.65rem 0.9375rem;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #666666;} #estimate_shipping_form input[type="submit"]:hover, #estimate_shipping_results input[type="submit"]:hover, #estimate_shipping_form input[type="submit"]:focus, #estimate_shipping_results input[type="submit"]:focus {background: #333333;} #estimates {width: 100%;margin-bottom: 0.5rem;padding-top: 0.9375rem;display: inline-block;} #estimates dt, #estimates dd {line-height: 25px;margin: 0;padding: 0.5rem 0;float: left;display: block;} #estimates dt {width: 75%;} #estimates dt input[type="radio"] {margin-right: 0.25rem;margin-bottom: 0;} #estimates dt span {font-size: 0.9rem;color: #333333;font-weight: 500;} #estimates dd {font-family: "Lato", sans-serif !important;font-size: 0.9rem;font-weight: 600;text-align: right;width: 25%;} /* Cart Checkout ============================================================= */ #cart-checkout {padding-right: 1.875rem;} #cart-checkout.cart-checkout__empty {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.50;-khtml-opacity: 0.50;opacity: 0.50;} .cart-checkout__empty__block {width: auto;height: 100%;position: absolute;top: 0;right: 0.9375rem;left: 0;} /* Checkout Form Elements */ #checkout {width: auto;max-width: none;margin: 0 -0.9375rem;} #checkout p.required {font-size: 0.9rem;color: #F00;font-style: italic;padding: 0.9375rem 0;} #checkout .legend {font-size: 1.25rem;color: #333333;line-height: 1;margin: 0;display: none;} /* Adding attributes to the main sections and its elements */ #contacts, #shipping_address, #billing_address {width: 100%;max-width: 62.5rem;margin: 0 auto;background: #FAFAFA;} #contacts {padding: 1.875rem 0.9375rem 0;} #shipping_address, #billing_address {padding: 0 0.9375rem 0.9375rem;} #contacts:after, #shipping_address:after, #billing_address:after {clear: both;} #contacts:before, #contacts:after, #shipping_address:before, #shipping_address:after, #billing_address:before, #billing_address:after {content: " ";display: table;} #contacts .field, #shipping_address .field, #billing_address .field {width: 50%;min-height: 85px;padding: 0 0.9375rem;float: left;} #checkout .field label {font-family: "Lato", sans-serif !important;font-size: 0.75rem;color: #777777;font-weight: 700;text-transform: uppercase;letter-spacing: 0.025rem;} #checkout .field .text {color: #212122;width: 100%;height: 40px;margin: 0;padding: 0;background: transparent;border-width: 0 0 1px 0;border-bottom-style: dotted;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #checkout .field .text:focus, #checkout .field label:hover + .text {border-bottom-color: #212122;} #checkout .field .select {height: 40px;} /* Specifying the widths of each field */ #shipping_address_name, #shipping_address_surname, #shipping_address_taxid, #shipping_address_postal, #shipping_address_country, #shipping_address_region, #shipping_address_comuna, #billing_address_name, #billing_address_surname, #billing_address_taxid, #billing_address_postal, #billing_address_country, #billing_address_region, #billing_address_comuna {width: 33.3333% !important;} #shipping_address_postal, #billing_address_postal {display: none !important;} #shipping_address_same_as_shipping {width: 100% !important;min-height: 1px !important;margin-bottom: 0 !important;} #shipping_address_same_as_shipping label {text-transform: inherit !important;} /* Billing Address specific attributes */ #billing_address {margin-top: 4.25rem !important;padding-top: 1.875rem !important;} #billing_address .legend {margin-top: -4.25rem !important;margin-bottom: 2.875rem;margin-left: -0.9375rem !important;display: block !important;} /* Payments & Shipping */ #payments {margin-bottom: 1.875rem;} #payments .legend, #shipping .legend {margin-bottom: 0.9375rem !important;display: block !important;} #payments_options, #shipping_options {border: 2px solid #DDDDDD;background: #FAFAFA;} #payments_options ul, #shipping_options ul {margin: 0;list-style-type: none;} #payments_options ul li, #shipping_options ul li {padding: 1.5rem 12.875rem 1.5rem 1.875rem;} #payments_options ul li:nth-of-type(1) {border-bottom: 2px solid #DDDDDD;background: url("//assets.jumpseller.com/store/blacktree/themes/61498/webpay-logo.png?1454268168") scroll no-repeat center right 1.875rem transparent;} #payments_options ul li:nth-of-type(2) {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/bank-transfer.png?1454268168") scroll no-repeat center right 1.875rem transparent;} #shipping_options ul li:nth-of-type(1) {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/chilexpress-logo.png?1454268168") scroll no-repeat center right 1.875rem transparent;} #payments_options ul li .radiobox, #shipping_options ul li .radiobox {margin-right: 0.75rem;margin-bottom: 0;} #payments_options ul li span, #shipping_options ul li span {font-size: 0.925rem;color: #999999;font-weight: bolder;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} #payments_options ul li .radiobox:checked + span, #shipping_options ul li .radiobox:checked + span {color: #212122;} #payments_options .payment_information, #shipping_options .shipping_information {padding-top: 0.25rem;padding-left: 1.875rem;display: block !important;} #payments_options .payment_information img, #shipping_options .shipping_information img {display: none !important;} #payments_options .payment_information, #payments_options .payment_information p, #shipping_options .shipping_information p {font-size: 0.75rem;color: #777777;margin: 0;} /* Checkout Actions */ #checkout .actions {text-align: right;padding: 1.875rem 0;} #checkout .actions .button {font-size: 1rem;color: #FFFFFF;font-weight: 800 !important;padding: 1.25rem 1.875rem;-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;background: #8C2331;} #checkout .actions .button:hover, #checkout .actions .button:focus {background: #A02B3B;} /* Checkout Page Media Queries ============================================================= */ /* Screens with max-width 640px */ @media only screen and (max-width: 40em) { #cart-checkout {margin-top: 2.875rem; padding-left: 1.875rem;} .cart-checkout__heading {padding-top: 1.875rem; border-top: 1px solid #CCCCCC; box-shadow: 0 1px 0 #F4F4F4 inset;} .checkout-nav__menu-right {border-bottom: 1px solid #111111;} .checkout-nav__menu-left {border-top: 1px solid #333333;} #checkout-nav .checkout-nav__menu__item__anchor, #checkout-nav .checkout-nav__menu__item__label {border: none !important;} } /* Screens with max-width 480px */ @media only screen and (max-width: 30em) { #contacts .field, #shipping_address .field, #billing_address .field {width: 100% !important;} #payments_options ul li, #shipping_options ul li {padding: 5.875rem 1.875rem 1.5rem 1.875rem; background-position: top 2.25rem left 3.5rem !important;} } /* Screens from 768px to 1023px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { #cart-summary {width: 100%;} .cart-summary__wrapper__top {width: 50%;} #cart-estimate {width: 50%; margin-top: 1.15rem;} #cart-checkout {width: 100%; margin-top: 2.875rem; padding-left: 1.875rem;} .cart-checkout__heading {padding-top: 1.875rem; border-top: 1px solid #CCCCCC; box-shadow: 0 1px 0 #F4F4F4 inset;} } /* ============================================================= REVIEW ORDER PAGE ============================================================= */ #revieworder-container {padding-top: 95px;padding-bottom: 3.875rem;background: #E6E6E6;} .revieworder-container__wrapper {padding-top: 0.9375rem;} #review-info__actions {padding-top: 1.875rem;} /* Review Summary Form ============================================================= */ #review-summary__form .cart-summary__block {padding-bottom: 0.75rem;} #review-summary__form .cart-summary__block__price {margin-bottom: 0.75rem;padding-bottom: 0.75rem;border-bottom: 1px solid #EEEEEE;} /* Shipping & Billing Information ============================================================= */ .review-info__wrapper {margin-bottom: 0.5rem !important;padding: 0 0.9375rem 0.9375rem;background: #FFFFFF;} /* Review Info Heading */ .review-info__heading {padding-top: 1.15rem;padding-bottom: 0.85rem;} .review-info__heading__title {font-size: 1.25rem;color: #333333;line-height: 1;margin: 0;} /* Review Info Block */ .review-info__block {padding-top: 1.25rem;} .review-info__block__string {font-size: 0.925rem;color: #212122;word-wrap: break-word;margin: 0;} .review-info__block__string-warning {font-size: 0.75rem;color: #7397BC;font-weight: 600;font-style: italic;margin: 0;} .review-info__block__string-payment, .review-info__block__string-shipping {font-weight: 600;} .review-info__block__string__title {font-family: "Lato", sans-serif !important;font-size: 0.65rem;color: #999;font-weight: 600;line-height: 1;text-transform: uppercase;letter-spacing: 0.05rem;margin-bottom: 0.25rem;display: block;} /* Adding Shipping & Payment icons */ #review-info__payment__transferencia-bancaria, #review-info__payment__webpay-transbank, #review-info__shipping__chilexpress {padding-top: 2.875rem;padding-bottom: 1.25rem;} #review-info__payment__transferencia-bancaria {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/bank-transfer.png?1454268168") scroll no-repeat top 1.5rem center #FFFFFF;} #review-info__payment__webpay-transbank {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/webpay-logo.png?1454268168") scroll no-repeat top 1.5rem center #FFFFFF;} #review-info__shipping__chilexpress {background: url("//assets.jumpseller.com/store/blacktree/themes/61498/chilexpress-logo.png?1454268168") scroll no-repeat top 1.5rem center #FFFFFF;} /* Checkout Page Media Queries ============================================================= */ /* Screens from 768px to 1023px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { #revieworder-container #cart-summary, #review-info {width: 50%;} .review-info__block {width: 100% !important;} } /* ============================================================= SUCCESS PAGE ============================================================= */ #success-container {padding-top: 1.875rem;padding-bottom: 3.875rem;background: #E6E6E6;} .success-container__wrapper {margin-bottom: 1.875rem;padding: 0 0.9375rem;} .customer-message__text {font-size: 0.85rem;color: #444444;} /* Success Block ============================================================= */ .success-block {margin-top: 1.875rem;padding: 1.875rem 1.875rem 3.5rem 1.875rem;background: #FFFFFF;border-width: 1px 1px 0 1px;border-style: solid;border-color: #DDDDDD;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .success-block__title {font-size: 1.875rem;font-weight: 700;margin: 0 0 0.5rem;} .success-block__subtitle {font-size: 1.5rem;text-transform: uppercase;margin: 0 0 0.9375rem;padding: 1.5rem 0 0.9375rem;border: 1px solid rgba(0,0,0,.075);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #FAFAFA;} .success-block__subtitle small {font-size: 0.8rem;font-weight: bold;line-height: 1;letter-spacing: 0.05rem;display: block;} .success-block__text {font-size: 0.95rem;color: #666666;} .success-block__list {width: auto;margin-bottom: 1.875rem;display: inline-block;} .success-block__list__item {font-size: 0.9rem;color: #606060;font-weight: 600;} .success-block__button {line-height: 3.5rem;width: auto;height: 3.5rem;margin-bottom: 0;padding: 0 !important;position: absolute;bottom: 0;right: 0;left: 0;} /* ============================================================= CUSTOMER PAGES ============================================================= */ #customer_login-container, #customer_details-container, #customer_reset_password-container, #customer_account-container, #customer_address-container {padding: 2.875rem 0 4.875rem;background: #E6E6E6;} /* Customer Section Title ============================================================= */ .customer-section-title {margin-bottom: 1.5rem;padding-top: 0.9375rem;} .customer-section-title .title {font-weight: 400;font-size: 1.5rem;margin: 0;} .customer-section-title .title small {font-size: 0.725rem;color: #757575;font-weight: 600;line-height: 1;text-transform: uppercase;letter-spacing: 0.05rem;margin-bottom: 0.25rem;display: block;} /* Customer Section Boxes ============================================================= */ .customer-section-box {padding-top: 0.9375rem;padding-bottom: 0.9375rem;border-width: 1px 1px 3px 1px;border-style: solid;border-color: #CCCCCC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 2px;background: #FFFFFF;} /* Legend */ .customer-section-box .legend {font-size: 1rem;color: #666666;font-weight: 500;text-transform: uppercase;margin: 0 0 1.5rem;padding: 0 1.875rem 0.9375rem;position: relative;} .customer-section-box .legend:after {width: auto;height: 1px;display: block;content: "";position: absolute;bottom: -2px;left: 1.875rem;right: 1.875rem;background: #DDDDDD;} /* Fields */ .customer-section-box .field {margin-bottom: 1.5rem;} .customer-section-box label {font-size: 0.7rem;color: #757575;font-weight: 500;text-transform: uppercase;margin-bottom: 0.25rem;} .customer-section-box .field .text {text-align: center;color: #212122;height: 40px;margin: 0;border: 1px solid #EEEEEE;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #F4F4F4;} .customer-section-box .field label:hover + .text, .customer-section-box .field .text:focus {border-color: #CCCCCC;} .customer-section-box .field .select {height: 40px;} .customer-section-box .field .error {color: #F04124;margin-bottom: 0;padding: 0.375rem 0 0;background: #FFFFFF;} .customer-section-box .field .error a {font-size: 0.7rem;color: #757575;font-weight: 500;font-style: normal;text-transform: uppercase;letter-spacing: 0.025rem;margin-top: 0.25rem;display: block;} .customer-section-box .field .error a:hover, .customer-section-box .field .error a:focus {color: #212122;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} /* Actions */ .customer-section-box .actions {padding-top: 0.9375rem;} .customer-section-box .actions .button {font-size: 0.8rem;line-height: 47px;height: 45px;padding: 0 1.875rem !important;border: none !important;} .customer-section-box .actions a {font-size: 0.7rem;color: #757575;font-weight: 500;text-transform: uppercase;letter-spacing: 0.025rem;padding-bottom: 0.25rem;border-bottom: 1px solid transparent;} .customer-section-box .actions a:hover, .customer-section-box .actions a:focus {color: #212122;border-bottom-color: #666666;} /* Notice, Warnings, Errors */ .customer-section-box .notice {font-size: 0.75rem;color: #666666;font-weight: 500;line-height: 1.6;margin-top: 0.9375rem;padding-top: 0.75rem;padding-bottom: 0.75rem;background: #FAFAFA;} .customer-section-box div.error {font-size: 0.85rem;color: #F04124;margin-top: 0.9375rem;padding-top: 0.9375rem;border-top: 1px solid #EEEEEE;} /* Customer Login ============================================================= */ #login-box {margin-bottom: 0.9375rem;padding-bottom: 1.875rem;} /* Login New */ #login-new {padding-top: 0.9375rem;} .login-new-wrapper {padding-top: 1.25rem;border-top: 1px solid #CCCCCC;-webkit-box-shadow: 0 1px 0 #FFFFFF inset;-moz-box-shadow: 0 1px 0 #FFFFFF inset;box-shadow: 0 1px 0 #FFFFFF inset;} #login-new .title {font-size: 1rem;color: #757575;font-weight: 500;margin: 0 0 0.9375rem;} /* Edit Address Page ============================================================= */ #edit-address-page #contacts, #edit-address-page #shipping_address, #edit-address-page #billing_address {margin-top: 0 !important;padding-top: 0 !important;padding-bottom: 0;background: #FFFFFF;} #edit-address-page #shipping_address .field, #edit-address-page #billing_address .field {width: 50% !important;margin-bottom: 0 !important;} /* Media Queries ============================================================= */ /* max-width 640px */ @media only screen and (max-width: 40em) { #customer_login-container, #customer_details-container, #customer_address-container, #customer_reset_password-container {padding-right: 1.875rem; padding-left: 1.875rem;} #login-new {padding-right: 0; padding-left: 0;} } /* ============================================================= ACCOUNT PAGE ============================================================= */ /* Account Page Left ============================================================= */ #account-page-left {margin-bottom: 1.875rem;} .accpl-wrapper {margin: 0;padding-bottom: 1.15rem;border-width: 1px;border-style: solid;border-color: #D6D6D6;background: #FFFFFF;} .accpl-wrapper + .accpl-wrapper {border-top: none;} .accpl-content {padding: 1.25rem 0 !important;} /* ACCPL Titles */ .accpl-title {font-size: 0.9rem !important;color: #757575 !important;font-weight: 600;text-transform: uppercase;width: auto;margin: 0 -0.9375rem 0.9375rem;padding: 0.85rem 0.9375rem !important;border: 1px solid #EEEEEE;position: relative;background: #EEEEEE !important;} .accpl-title .fa-chevron-circle-down {position: absolute;top: 0.85rem;right: 0.8rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);writing-mode: tb-rl;} .accpl-nav.active .accpl-title .fa-chevron-circle-down {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);writing-mode: tb-rl;} /* ACCPL Buttons */ .accpl-button.button {margin: 0 0.75rem 0 0;padding: 0.65rem 0.75rem 0.5rem !important;border: none;} /* ACCPL Strings */ .accpl-notice {font-size: 0.725rem;color: #71BBDD;font-weight: 500;font-style: italic;} .accpl-string {font-size: 1rem;font-weight: 400;word-wrap: break-word;margin: 0 0 1.25rem;padding-bottom: 0.85rem;border-bottom: 1px solid #EEEEEE;} .accpl-string small {font-size: 0.675rem;color: #999999;font-weight: 500;line-height: 1;text-transform: uppercase;margin-bottom: 0.25rem;display: block;} .accpl-string .accpl-button.button {margin: 0 0.75rem 0.45rem 0;} .accpl-string.accpl-buttons-billing {margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .accpl-string.accpl-buttons-shipping small, .accpl-string.accpl-buttons-billing small {margin-bottom: 0.5rem;} /* Account Purchases ============================================================= */ #account-purchases-content {margin-bottom: 2.875rem;} /* Account Purchases Titles */ #account-purchases-titles {-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;background: #212122;} .accpt-title {padding-top: 0.85rem;padding-bottom: 0.65rem;border-bottom: 1px solid #000000;} .accpt-title .title {font-size: 0.9rem;color: #FFFFFF;font-weight: 600;text-transform: uppercase;} .accpt-subtitle {padding-top: 0.5rem;padding-bottom: 0.5rem;border-top: 1px solid #444444;} .accpt-subtitle .subtitle {font-size: 0.775rem;color: #999999;font-weight: 500;text-transform: uppercase;} /* Account Purchases Columns */ .accpc-column-empty {padding-top: 1.5rem;border-width: 0 1px 1px 1px;border-style: solid;border-color: #DDDDDD;background: #FFFFFF;} .accpc-column-empty p {color: #666666;} .accpc-column {background: #FFFFFF;} .accpc-title {padding-top: 0.5rem;padding-bottom: 0.65rem;border-top: 1px solid #444444;background: #2C2C2C;} .accpc-title .title {font-size: 0.775rem;color: #CCCCCC;font-weight: 700;text-transform: uppercase;} .accpc-column-wrapper {border-width: 0 1px 1px 1px;border-style: solid;border-color: #D6D6D6;} .accpc-block {padding-top: 1.25rem;padding-bottom: 0.825rem;} .accpc-block-string {font-size: 0.9rem;width: 100%;display: block;} .accpc-block-string small {color: #999999;font-weight: 600;line-height: 1;text-transform: uppercase;margin-bottom: 0.25rem;display: block;} .accpc-block-label.pending-payment {color: #333333;background: #EFE300;} .accpc-block-label.paid {background: #5CB85C;} .accpc-block-label.abandoned {background: #999999;} .accpc-block-label.canceled {background: #D9534F;} /* ACCPC Products */ .accpc-products {padding-top: 0.9375rem;border-top: 1px solid #EEEEEE;background: #FAFAFA;} .accpc-products-trigger {font-size: 0.7rem !important;color: #999999 !important;font-weight: 500;text-transform: uppercase;background: transparent !important;padding: 0 0 0 20px !important;margin-bottom: 0.75rem;position: relative;} .accpc-products-trigger:hover, .accpc-accordion-nav.active .accpc-products-trigger {color: #212122 !important;} .accpc-products-trigger .fa-caret-square-o-down {position: absolute;top: 2px;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);writing-mode: tb-rl;} .accpc-accordion-nav.active .accpc-products-trigger .fa-caret-square-o-down {top: 1px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);writing-mode: tb-rl;} .accpc-products-container {padding: 0 0.9375rem !important;background: #FAFAFA !important;} .accpc-product-titles {background: #F4F4F4;} .accpc-pt-block {padding-top: 0.75rem;padding-bottom: 0.55rem;} .accpc-pt-string {font-size: 0.7rem;color: #757575;font-weight: 600;text-transform: uppercase;display: block;} .accpc-product-column {padding: 0.9375rem 0;border-top: 1px solid #EEEEEE;} .accpc-pc-block {height: 60px;display: table;} .accpc-pc-block-cell {height: 100%;display: table-cell;vertical-align: middle;position: relative;} .accpc-pc-main .accpc-pc-block-cell {padding-left: 75px;} .accpc-pc-image {width: 60px;padding: 0.25rem;position: absolute;top: 0;left: 0;border: 1px solid #EEEEEE;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #FFFFFF;} .accpc-pc-name {font-size: 0.9rem;color: #666666;font-weight: 500;} .accpc-pc-number {font-size: 0.95rem;color: #757575;} /* Account Purchases Actions */ #account-purchases-actions .text {font-size: 0.95rem;color: #666666;} #account-purchases-actions .text strong {font-weight: 600;} /* ============================================================= CONTACT PAGE ============================================================= */ #contactpage-container {padding-bottom: 4.875rem;background: #FFFFFF;} /* Contact Heading ============================================================= */ .contact-heading {padding-top: 2.875rem;padding-bottom: 1.875rem;} .contact-heading__title {font-size: 1.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.075rem;margin: 0 0 0.5rem;} .contact-heading__title__wrapper {margin-bottom: 0.75rem;padding-bottom: 0.25rem;display: inline-block;border-bottom: 3px solid #DDDDDD;} .contact-heading__subtitle {font-size: 1.25rem;color: #606060;font-weight: 300;} /* Contact Info ============================================================= */ #contact-info {padding-bottom: 0.9375rem;background: #E6E6E6;} .contact-info__block {margin-bottom: 1.875rem;} .contact-info__block__icon__wrapper {margin-bottom: 0.5rem;} .contact-info__block__icon {color: #606060;line-height: 50px;width: 50px;height: 50px;display: inline-block;-webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px;background: #FFFFFF;} .contact-info__block__link {font-size: 0.9rem;color: #606060;font-weight: 600;} .contact-info__block__link:hover, .contact-info__block__link:focus {color: #212122;} .contact-info__block__link-social {margin: 0 0.5rem;} /* Screens with max-width 768px */ @media only screen and (max-width: 768px) { #contact-content {padding: 0 0.9375rem;} #contact_form {width: 100%; left: 0;} } /* Small Screens with max-width 320px */ @media only screen and (max-width: 20em) { .contact-info__block {width: 100% !important;} } /* Contact Content ============================================================= */ #contactpage_left > .row, #contactpage_right > .row {margin: 0 -0.9375rem !important;} /* Contact Alerts */ #contact_form .alert-box {margin-bottom: 1.875rem;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #contact_form .alert-box.alert {background: rgba(240, 65, 36,.5);} #contact_form .alert-box.success {background: rgba(67, 172, 106,.5);} #contact_form .alert-box .error, #contact_form .alert-box .success {font-size: 1rem;color: #FFFFFF;font-weight: 600;margin: 0;} /* Contact Fields */ #contact_form .field {margin-bottom: 1.5rem;padding: 0 0.9375rem !important;} #contact_form .field label {font-family: "Lato", sans-serif;font-size: 0.8rem;color: #999999;font-weight: 700;text-transform: uppercase;margin-bottom: 0.25rem;} #contact_form .field br {display: none;} #contact_form .field .text {height: 2.75rem;margin: 0;border: 1px solid #F3F3F3;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #F3F3F3;} #contact_form .field label:hover + br + .text, #contact_form .field .text:focus {border-color: #DDDDDD;} #contact_form span.error {color: #F04124;text-align: right;margin: 0;padding: 0.25rem 0 0;background: transparent;} #contact_form p.required {font-size: 0.9rem;color: #F04124;font-style: italic;padding: 0.65rem 0.9375rem;} #contact_form .actions {padding: 0 0.9375rem;} /* ============================================================= STATIC PAGES ============================================================= */ #page-container {background: #E6E6E6;} /* ============================================================= CONCEPT PAGE ============================================================= */ /* Heading ============================================================= */ #concept-heading {padding-top: 3.875rem;padding-bottom: 3.875rem;background: url("//assets.jumpseller.com/store/blacktree/themes/61498/dark_wood.png?1454268168") scroll repeat top left #000000;} .concept-heading__title {font-size: 2.875rem;color: #FFFFFF;font-weight: 600;text-transform: uppercase;margin: 0;} .content-heading__subtitle {font-size: 1.25rem;color: #EEEEEE;margin: 0 0 0.5rem;} .content-heading__border {width: 75px;margin: 1.5rem auto 0;border-width: 2px 0 0 0;border-color: #999999;} /* Content ============================================================= */ #concept-content {padding-top: 2.875rem;padding-bottom: 4.875rem;background: #E6E6E6;} .concept-content__block {padding-top: 0.9375rem;} .concept-content__block__center {margin-bottom: 0.9375rem;padding-top: 0.9375rem;} .concept-content__block__center-last {display: none;} .concept-content__block__title {font-size: 1.75rem;font-weight: 600;font-style: italic;margin: 0.5rem 0 0.9375rem;} .concept-content__block__title__number {font-style: normal;color: #999999;font-weight: 600;line-height: 1;display: block;} .concept-content__block p, .concept-content__block ul li {font-size: 0.95rem;color: #606060;} /* Team ============================================================= */ #team {padding-top: 3.875rem;padding-bottom: 1.875rem;background: #FFFFFF;} .team-title {font-size: 2.25rem;font-weight: bold;margin: 0;} .team-divider {width: 75px;margin: 0.9375rem auto 2.25rem;border-width: 2px 0 0;} .team-image {width: 100% !important;margin-bottom: 1.875rem;} .team-subtitle {font-size: 0.825rem;color: #999999;font-weight: bold;font-style: italic;text-transform: lowercase;letter-spacing: 0.05rem;margin: 0 0 1.875rem;} .team-text {font-size: 1.1rem;font-weight: 600;margin-bottom: 1.5rem;} .team-text + .team-divider {width: 30px;margin: 0 auto 1.5rem;} /* ============================================================= FORMATS & FINISHES PAGE ============================================================= */ /* Formats ============================================================= */ /* Table Header */ .formats__table__header {-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;background: #212122;} .formats__table__header__block {padding-top: 0.5rem;padding-bottom: 0.5rem;} .formats__table__header__block__title {font-family: "Lato", sans-serif !important;font-size: 0.8rem;color: #CCCCCC;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05rem;} /* Table Row */ #formats__table {margin-bottom: 1.875rem;} .formats__table__row {padding: 0.9375rem 0;border-bottom: 2px solid #E6E6E6;background: #FFFFFF;} .formats__table__row__block__image {height: 65px;float: left;} .formats__table__row__block__image__value {font-size: 0.775rem;color: #606060;font-weight: 700;line-height: 65px;text-transform: uppercase;letter-spacing: 0.025rem;width: auto;height: 65px;margin-left: 0.9375rem;float: left;display: inline-block;} .formats__table__row__block__box {width: 100%;height: 65px;display: table;} .formats__table__row__block__value {font-family: 'Lato', sans-serif !important;font-size: 0.9rem;color: #606060;font-weight: 600;display: table-cell;vertical-align: middle;} .formats__table__row__block__value__title {font-size: 0.8rem;color: #999999;display: block;} /* Formats Content */ #formats__content {padding-bottom: 1.875rem;} .formats__content__block {margin-bottom: 1.875rem;} .formats__content__block__title {font-family: 'Lato', sans-serif !important;font-size: 1rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.025rem;margin-top: 0;margin-bottom: 0.9375rem;} .formats__content__block ul {color: #606060;margin-bottom: 0;} .formats__content__block ul li {font-size: 0.825rem;margin-top: 0.75rem;} /* Screens with max-width 1024px */ @media only screen and (max-width: 1024px) { .formats__wrapper, .finishes__wrapper {padding: 0 0.9375rem;} } /* Screens with max-width 768px */ @media only screen and (max-width: 768px) { .formats__table__header__block:not(.hide-for-small) {text-align: center !important; width: 100%;} .hide-for-small.formats__table__header__block {display: none !important;} .formats__table__row__block-type {text-align: center !important; width: 100% !important;} .formats__table__row__block:not(.formats__table__row__block-type) {width: 25%;} .formats__table__row__block__image, .formats__table__row__block__image__value {float: none !important;} .formats__table__row__block__image__value {line-height: 1 !important; width: 100% !important; height: auto !important; margin-left: 0 !important; padding-top: 0.75rem; display: block !important;} .formats__table__row__block__box {margin-top: 0.9375rem;} .formats__table__row__block__value__title {display: block !important;} .formats__content__block {width: 100%;} } /* Printing ============================================================= */ #printing {padding-top: 0.9375rem;padding-bottom: 1.875rem;background: #212122;} /* Finishes ============================================================= */ #finishes__content {padding-bottom: 3.875rem;} /* Finishes Content Block */ .finishes__content__block {margin-bottom: 1.875rem;} .finishes__content__block__box {padding-top: 1.5rem;border-width: 1px 1px 3px 1px;border-style: solid;border-color: rgba(0,0,0,.15);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #FFFFFF;} .finishes__content__block__image {height: 70px;margin-bottom: 0.75rem;} .finishes__content__block__title {font-size: 1.1rem;font-weight: 700;margin: 0 0 0.75rem;} .finishes__content__block__text {font-size: 0.95rem;color: #606060;} /* Screens from 768px to 1023px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .finishes__content__block {width: 50%;} .finishes__content__block__box {height: inherit !important;} } /* ============================================================= TERMS & CONDITIONS PAGE ============================================================= */ #terms-content {padding-right: 0.9375rem;padding-bottom: 10.875rem;padding-left: 0.9375rem;} /* Terms Tabs ============================================================= */ #terms-tabs {width: 100%;max-width: 100%;} .terms-tabs__title {border-top: 2px solid #DDDDDD;} .terms-tabs__title.active, .terms-tabs__title.active + .terms-tabs__title {border: none;} .terms-tabs__title__anchor {font-family: 'Lato', sans-serif !important;font-size: 0.9rem !important;color: #888888 !important;font-weight: 600;text-transform: uppercase;padding: 1.05rem 0.9375rem 0.9375rem !important;-webkit-border-radius: 2px 0 0 2px;-moz-border-radius: 2px 0 0 2px;border-radius: 2px 0 0 2px;background: #E6E6E6 !important;} .terms-tabs__title__anchor.last {border-bottom: none;} .terms-tabs__title__anchor:hover, .active > .terms-tabs__title__anchor {color: #212122 !important;} .active > .terms-tabs__title__anchor {background: #FFFFFF !important;} /* Terms Tabs Content ============================================================= */ #terms-tabs__content {background: #FFFFFF;} .terms-tabs__content__container {padding: 0.9375rem 1.875rem;background: #FFFFFF;} .terms-tabs__content__block p, .terms-tabs__content__block ul, .terms-tabs__content__block ul li {font-size: 0.95rem;color: #606060;} /* Terms Accordion ============================================================= */ .accordion-navigation {border-bottom: 2px solid #E6E6E6;} .accordion-navigation__anchor {font-family: 'Lato', sans-serif !important;font-size: 0.9rem !important;color: #888888 !important;font-weight: 600;text-transform: uppercase;padding: 1.05rem 0.9375rem 0.9375rem !important;background: #FFFFFF !important;} .active > .accordion-navigation__anchor {color: #212122 !important;} .accordion-navigation__content {padding: 1.875rem 0.9375rem 0.9375rem !important;border-width: 0 2px;border-style: solid;border-color: #DDDDDD;background: #E6E6E6 !important;} .last > .accordion-navigation__content {border-width: 0 2px 2px 2px;} .accordion-navigation__content p, .accordion-navigation__content ul, .accordion-navigation__content ul li {font-size: 0.95rem;color: #606060;} /* Terms Media Queries ============================================================= */ /* Large Screens with min-width 1025px */ @media only screen and (min-width: 64.063em) { #terms-content {padding-right: 0;padding-left: 0;} } /* ============================================================= THE BLACK JOURNAL ============================================================= */ /* Journal Page ============================================================= */ #journal {padding-bottom: 3.875rem;} /* Journal Block */ .journal__block {min-height: 24.875rem;float: left !important;} .journal__block__image {width: 100%;height: 175px;margin: 0 0 0.9375rem;background-size: cover !important;} .journal__block__image__anchor {font-family: 'Lato', sans-serif !important;font-size: 0.85rem;color: #FFFFFF !important;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05rem;height: 100%;padding-top: 20%;display: block;border: 0 solid rgba(0,0,0,.25);background: rgba(0,0,0,.5);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} .journal__block__image__anchor:hover, .journal__block__image__anchor:focus {border-width: 5px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .journal__block__date {font-family: 'Lato', sans-serif !important;font-size: 0.75rem;color: #999999;font-weight: 600;letter-spacing: 0.025rem;margin-bottom: 0.25rem;display: block;} .journal__block__title {font-family: 'Lato', sans-serif !important;font-size: 1.1rem;font-weight: 700;text-transform: uppercase;margin: 0 0 0.75rem;} .journal__block__excerpt {font-size: 0.9rem;color: #606060;} /* Insta Journal */ #insta-journal {padding-top: 0.9375rem;background: #333333;} #insta-journal__heading {margin-bottom: 2.875rem;} #insta-journal__heading .page-heading__description {font-size: 1.1rem;font-style: italic;} #insta-journal__heading .page-heading__description a {color: #999999;font-weight: 600;} #insta-journal__heading .page-heading__description a:hover, #insta-journal__heading .page-heading__description a:focus {color: #FAFAFA;} .insta-journal__gallery__block {margin-bottom: 1.875rem;} #insta-journal__gallery:hover .insta-journal__gallery__block {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25;} #insta-journal__gallery:hover .insta-journal__gallery__block:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .insta-journal__actions {margin: 1.5rem 0 2.875rem;} /* Journal Post Page ============================================================= */ /* Heading */ #journal-post__heading {margin-top: 0;} #journal-post__heading .page-heading__title {font-size: 2.25rem;color: #212122;text-transform: inherit !important;letter-spacing: 0;} #journal-post__heading .page-heading__border {margin: 1.25rem auto 0;} #journal-post__heading.journal-post__heading--white {margin: 0;padding: 1.875rem;background: #FFFFFF;} /* Content */ .journal-post__content--white {padding-left: 1.875rem;padding-right: 1.875rem;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;background: #FFFFFF;} .journal-post__content p, .journal-post__content ul, .journal-post__content ul li, .journal-post__content strong, .journal-post__content a, .journal-post__content span {font-size: 0.925rem;color: #606060;line-height: 1.75;} /* Social */ .journal-post__social {padding-top: 1.875rem;} .journal-post__social__title {font-family: 'Lato', sans-serif !important;font-size: 0.8rem;color: #666666;font-weight: 900;text-transform: uppercase;letter-spacing: 0.075rem;margin: 0 0 0.75rem;padding-top: 1.875rem;border-top: 1px solid #DDDDDD;} .journal-post__social__title--no-border {border-top: none !important;padding-top: 0.9375rem !important;} .journal-post__social__list {width: 100%;display: inline-block;} .journal-post__social__list__item {margin: 0 0.5rem;display: inline-block;} .journal-post__social__list__item__anchor {font-size: 0.9rem;color: #999999;} .journal-post__social__list__item__anchor .fa {margin-right: 0.25rem;} .journal-post__social__list__item__anchor--facebook:hover {color: #3B5A9B;} .journal-post__social__list__item__anchor--twitter:hover {color: #03ABEA;} .journal-post__social__list__item__anchor--pinterest:hover {color: #C92228;} .journal-post__social__list__item__anchor--google-plus:hover {color: #C61800;} .journal-post__social__list__item__anchor--facebook .fa {color: #3B5A9B;} .journal-post__social__list__item__anchor--twitter .fa {color: #03ABEA;} .journal-post__social__list__item__anchor--pinterest .fa {color: #C92228;} .journal-post__social__list__item__anchor--google-plus .fa {color: #C61800;} /* Back */ .journal-post__back {margin-top: 0.9375rem;margin-bottom: 3.875rem;} .journal-post__back__link {font-family: 'Khula', sans-serif !important;font-size: 0.9rem;color: #999999;font-weight: 600;font-style: italic;padding-top: 1.25rem;padding-bottom: 0.9375rem;display: block;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;background: transparent;} .journal-post__back__link:hover, .journal-post__back__link:focus {color: #333333;background: #E1E1E1;} /* ============================================================= CLIENTS PAGE ============================================================= */ .clients-gallery {padding: 0 1.875rem;} .clients-gallery__wrapper {margin-bottom: 1.875rem;padding: 1.875rem;background: #FFFFFF;} .clients-gallery__block {float: left !important;} /* max-width 640px */ @media only screen and (min-width: 640px) { .clients-gallery__block {width: 20% !important;} } /* ============================================================= BLACKTREE (NEW CATEGORY) ============================================================= */ .photos-container { padding-bottom: .0.9375rem; } .photos-container__gallery { width: auto; margin: 0 -0.9375rem; } /* Pop Block ============================================================= */ .photo-block { width: 50%; padding: 0 0.9375rem 1.875rem; } .photo-block__link, .photo-block__frame, .photo-block__image { width: 100%; display: block; } .photo-block__link { -webkit-box-shadow: 3px 3px 5px transparent, -2px -2px 10px transparent; -moz-box-shadow: 3px 3px 5px transparent, -2px -2px 10px transparent; box-shadow: 3px 3px 5px transparent, -2px -2px 10px transparent; background: #FFFFFF; } .photo-block__link:hover, .photo-block__link:focus, .photo-block__link--pop { -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.15), -2px -2px 10px rgba(0,0,0,.1); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.15), -2px -2px 10px rgba(0,0,0,.1); box-shadow: 3px 3px 5px rgba(0,0,0,.15), -2px -2px 10px rgba(0,0,0,.1); } .photo-block__frame { padding: 13.5% 15%; border-width: 6px; border-style: solid; border-color: #000000; position: relative; -webkit-box-shadow: inset -1px 2px 4px rgba(0,0,0,.25); -moz-box-shadow: inset -1px 2px 4px rgba(0,0,0,.25); box-shadow: inset -1px 2px 4px rgba(0,0,0,.25); } .photo-block__frame[data-gallery-frame="Aluminio Nielsen"] { border-width: 3px; } .photo-block__frame[data-gallery-frame="Madera Oro Plata"] { border-color: #E1DEDA; } .photo-block__silver { width: auto; height: auto; display: block; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; } .photo-block__silver>div { font-size: 0; color: transparent; text-indent: -9999px; position: absolute; z-index: 2; } .photo-block__silver>div:nth-child(1), .photo-block__silver>div:nth-child(3) { width: 100%; height: 6px; right: 0; left: 0; } .photo-block__silver>div:nth-child(2), .photo-block__silver>div:nth-child(4) { width: 6px; height: 100%; top: 0; bottom: 0; } .photo-block__silver>div:nth-child(1) { top: 0; background: #e1deda; background: -moz-linear-gradient(left, #e1deda 0%, #c5c7c6 100%); background: -webkit-linear-gradient(left, #e1deda 0%,#c5c7c6 100%); background: linear-gradient(to right, #e1deda 0%,#c5c7c6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1deda', endColorstr='#c5c7c6',GradientType=1 ); clip-path: polygon(0 0, 100% 0, 98.5% 100%, 1.5% 100%); } .photo-block__silver>div:nth-child(2) { right: 0; background: #ddddd8; background: -moz-linear-gradient(top, #ddddd8 0%, #e3e3e3 100%); background: -webkit-linear-gradient(top, #ddddd8 0%,#e3e3e3 100%); background: linear-gradient(to bottom, #ddddd8 0%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddddd8', endColorstr='#e3e3e3',GradientType=0 ); clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 99%); } .photo-block__silver>div:nth-child(3) { bottom: 0; background: #b9b9b4; background: -moz-linear-gradient(left, #b9b9b4 0%, #fbfbfb 100%); background: -webkit-linear-gradient(left, #b9b9b4 0%,#fbfbfb 100%); background: linear-gradient(to right, #b9b9b4 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b4', endColorstr='#fbfbfb',GradientType=1 ); clip-path: polygon(1.5% 0, 98.5% 0, 100% 100%, 0 100%); } .photo-block__silver>div:nth-child(4) { left: 0; background: #c8c8c0; background: -moz-linear-gradient(top, #c8c8c0 0%, #c2c2c0 100%); background: -webkit-linear-gradient(top, #c8c8c0 0%,#c2c2c0 100%); background: linear-gradient(to bottom, #c8c8c0 0%,#c2c2c0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c0', endColorstr='#c2c2c0',GradientType=0 ); clip-path: polygon(0 0, 100% 2.25%, 100% 98.5%, 0 100%); } .photo-block__info { text-align: center; width: 100%; padding-top: 0.75rem; display: block; } .photo-block__name, .photo-block__price { line-height: 1; } .photo-block__name { font-family: 'Lato', sans-serif !important; font-size: 1.1rem; color: #222222; font-weight: bold; display: inline-block; } .photo-block__name:hover, .photo-block__name:focus { color: #000000; text-decoration: underline !important; } .photo-block__price { font-size: 0.9375rem; margin-top: 0.25rem; } .photo-block__price>span { font-size: 0.7rem; color: #666666; text-transform: uppercase; margin-right: 2px; display: inline-block; vertical-align: top; position: relative; top: 2px; } /* max-width: 400px */ @media only screen and (max-width: 400px) { .photo-block {width: 100%;} } /* min-width: 640px */ @media only screen and (min-width: 640px) { .photo-block {width: 33.3333%;} } /* Specifications for Large Screens ============================================================= */ /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) { /* Custom Rows */ .row.row-large {max-width: 1140px;} .row.row-wide .row.row-large {width: 1170px;} } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing: subpixel-antialiased; } /* ============================================================= ABOUT THE DESIGNERS ============================================================= */ /* Design by: Sebastian Rocha Profession: Graphic Designer & Front-End Web Developer Website: www.sebarocha.com All design, mockups and visual attributes are under copyright laws, estipulated by the Chilean Government and the Department of Intelectual Rights. For more reference visit http://www.propiedadintelectual.cl/623/w3-channel.html */