@charset "utf-8"; /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .widget { font-size:16px !important; line-height: 1.7 !important;} .pages .pages-label:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .pages {padding:0 35px 0 20px !important;} .topmarginob {margin-top:30px !important;} [class*=quality-] {display:inline-block;} [class*=quality-]:before, [class*=quality-]:after { font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: inherit;} [class*=quality-1]:before, [class*=quality-1-]:before { content: "\e838";} [class*=quality-2]:before, [class*=quality-2-]:before { content: "\e838" "\e838";} [class*=quality-3]:before, [class*=quality-3-]:before { content: "\e838" "\e838" "\e838";} [class*=quality-4]:before, [class*=quality-4-]:before { content: "\e838" "\e838" "\e838" "\e838";} [class*=quality-5]:before, [class*=quality-5-]:before { content: "\e838" "\e838" "\e838" "\e838" "\e838";} [class*=quality-6]:before, [class*=quality-6-]:before { content: "\e838" "\e838" "\e838" "\e838" "\e838" "\e838";} /**.quality-1-1:after, .quality-2-1:after, .quality-3-1:after, .quality-4-1:after, .quality-5-1:after, .quality-6-1:after { content: "\e3a7"; } .quality-1-2:after, .quality-2-2:after, .quality-3-2:after, .quality-4-2:after, .quality-5-2:after, .quality-6-2:after { content: "\e3a7" "\e3a7"; }**/ .lacefront-1-1, .lacefront-2-1, .lacefront-3-1, .lacefront-4-1, .lacefront-5-1, .lacefront-6-1 { background: url(../images/product/lace.png) no-repeat; height: 16px; width: 16px; display:inline-block; vertical-align:middle;} .lacefront-1-2, .lacefront-2-2, .lacefront-3-2, .lacefront-4-2, .lacefront-5-2, .lacefront-6-2 { background: url(../images/product/extended.png) no-repeat; height: 16px; width: 28px; display:inline-block; vertical-align:middle; } .lacefront-2-mini, .lacefront-1-mini { background: url(../images/product/minilace.png) no-repeat; height: 16px; width: 16px; display:inline-block; vertical-align:middle; } .lacefront-5-softlace { background: url(../images/product/softlace.png) no-repeat; height: 16px; width: 28px; display:inline-block; vertical-align:middle; } .lacefront-4-2-softtop { background: url(../images/product/extended-softtop.png) no-repeat; height: 16px; width: 44px; display:inline-block; vertical-align:middle; } .lacefront-4-1-softtop, .lacefront-6-1-softtop { background: url(../images/product/lace-softtop.png) no-repeat; height: 16px; width: 28px; display:inline-block; vertical-align:middle; } /***********************Home **********************************/ .col-xs-12, .col-xs-6{ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .container-l1 {position:relative;} .container-l1 p { font-size: 18px; line-height: 28px; text-transform: none; font-weight: 300; text-align:center; } .container-l1 h3 { font-size: 38px; line-height:54px; font-weight: 100; text-align:center; } .container-l1 .mg-sec-6 { margin-top: 3%; z-index: 2; } .black {color:#191919;} @media (min-width: 768px) { .col-md-push-2 { left: 16.66666667%; } .container-l1 h3 { font-size: 38px; line-height:54px;} .container-l1 p { font-size: 18px; line-height: 28px; } .position-absolute { position: absolute; z-index: 2; } .container-l1 .mg-sec-7 { top: 33%; left: 39%; padding: 2%; background: #fff; } .container-l1 .mg-sec-8 { top: 33%; padding: 2%; background: #fafafa; left: 10%; } } @media (min-width: 1200px), print { .container-l1 h3 { font-size: 56px; line-height:76px; letter-spacing:2px; font-weight:100; } .container-l1 p { font-size: 26px; line-height: 40px; } .container-l1 .mg-sec-6 { top: 7%; z-index: 2; } } .home-content-1v { padding: 50px 0; display: flex; justify-content: center; align-items: center; background:#191919; font-weight: 300; text-align: center; color: #fff; position: relative; z-index: 1; transition: 0.2s all 0.2s ease-out;} .home-content-1v > *{position: relative; z-index: 3;} .home-content-1v p {font-size:20px;line-height:40px;margin-bottom:5%;} .home-content-1v .heading2 {font-size:40px;line-height:60px;text-transform:uppercase;} @media (min-width: 768px) { .home-content-1v {padding:0;} } @media (min-width: 992px) { .home-content-1v p {font-size:26px;line-height:40px;margin-bottom:20%;} .home-content-1v .heading2 {font-size:60px;line-height:80px;text-transform:uppercase;} } /*********************** Product View **************************/ .color li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; float:left; position:relative; padding-right:5px; padding-bottom: 5px; } .color li img { display: block; width: 100%; height: auto; } .overview { text-align:center; background-color: #fafafa; padding: 20px; display:block;} #expandedImg {padding:20px;} #imgtext {font-weight:500;} /************************** Navigation *****************/ .rd-navbar-static .rd-navbar-store-language-wrap { position: relative; float: none; margin-left: 20px; } .rd-navbar-static .rd-navbar-store-language-wrap { display: block; } .rd-navbar-store-language-wrap { order: 5; } .rd-navbar-cart-wrap { order: 6 !important;} .switcher .toggle { padding:37.5px 0; } .switcher { margin:0 !important;} .switcher .actions .action {outline: none;} .switcher-options.active .switcher-dropdown { display: block; position: absolute; top: 100%; right: -16px; width: 220px; background: #fff; padding: 15px 25px; } .flag-icon {font-size:23px;} .switcher-dropdown li { padding: 10px 0;} /*.rd-navbar.rd-navbar-fixed .switcher {position: fixed; top: 8px; right: 8px; z-index: 17; margin: 0; padding:0 !important; }*/ .rd-navbar-fixed .rd-navbar-store-language-wrap { display: block; position: fixed; top: 0; right: 56px; z-index: 20; overflow: visible; width: 56px; height: 56px;} .rd-navbar-fixed .switcher .toggle { margin-top: 15px; padding:0;} .rd-navbar-static.rd-navbar--is-stuck .switcher .toggle { margin: 12px 16px 0 0; padding:0;} .rd-navbar-fixed .rd-navbar-search-toggle {right:168px !important;} .rd-navbar-fixed .rd-navbar-top-links-wrap {right:112px !important;} .rd-navbar-fixed .rd-navbar-search-toggle span:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\e8b6";} /************************** Navigation *****************/ .category-view-products.products-grid > .product-items .product-item.active .product-item-info { top: 0 !important; left: 0 !important; margin-left: 0 !important; width: 100%; } .category-cms h1 { font-size: 30px; line-height: 34px; font-weight: 100; } .category-cms span { font-size: 16px; font-weight: 300; text-transform: uppercase; } @media (min-width: 1200px){ .category-cms h1 { font-size: 85px; line-height: 95px; } .category-cms span { font-size: 20px; line-height: 24px; letter-spacing: 5px; } } .category-cms {position: relative; text-align: center; color: #fff;} .category-cms .category-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .category-cms .category-content .dark {color:#4e4e4e;} .category-cms .actions {padding-top:3.2%;margin-bottom:2%;} .category-cms .category-content .dark .actions .action.slide-button {border: 2px solid #4e4e4e; color: #4e4e4e;} /************************** Contact *****************/ .team-service:focus {outline:0;} .team-service [role="tablist"] [role="tab"], .team-service [role="tablist"] [role="tab"][aria-selected="true"] {margin-bottom:0;} .team-service [role="tablist"] [role="tab"]:before, .team-service [role="tablist"] [role="tab"][aria-selected="true"]:before {display:none;} .contact-info a {color: #333 !important;} .contact-details .person { padding: 15px; background-color: #f2f2f2;} .contact-details figure { margin-bottom: 0;} .contact-details figure:hover img { opacity: 1;} a[href^="mailto:"] { color: inherit; text-decoration: none;} /***********************Blocks**********/ .block ul { list-style-type: disc !important; margin-left: 30px;margin-bottom:15px; padding-left:10px;} /*********************Catalog***************/ #catalogues-list .field { display: inline-block; } #catalogues-list input[type="checkbox"]{ display: none; } #catalogues-list label { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.05); display: block; position: relative; cursor: pointer; font-size:18px; line-height:23px; text-align:center; text-transform: uppercase; padding:20px 10px; } #catalogues-list label:before { background-color: white; color: white; content: " "; display: block; border-radius: 50%; border: 1px solid grey; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); } #catalogues-list label img { margin-bottom:15px; transition-duration: 0.2s; transform-origin: 50% 50%; } #catalogues-list :checked + label { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } #catalogues-list :checked + label:before { content: "✓"; background-color: grey; transform: scale(1); } #catalogues-list :checked + label img { transform: scale(0.9); /* box-shadow: 0 0 5px #333; */ z-index: -1; } .list-layout .like-comment-buttons-wrapper {display:none;} .home-content-none {font-weight: 300; text-align: center; background: none; background-size: cover; padding: 6.2% 0 8.5%; position: relative; z-index: 1; transition: 0.2s all 0.2s ease-out;} @media (min-width: 768px){ .home-content-none .heading2 { font-size: 80px; line-height: 125px; }} .home-content-none .heading2 { font-size: 60px; line-height: 100px; text-transform: uppercase; margin-bottom: 3.5%; font-weight: 100;} @media (min-width: 768px){ .home-content-none p { font-size: 26px; line-height: 45px; }} @media (min-width: 480px){ .home-content-none p { max-width: 55%; }} .home-content-none p { font-size: 20px; line-height: 26px; margin: 0 auto; margin-bottom: 5%; max-width: 90%; } .rd-navbar-top-links-wrap .rd-navbar-top-links-toggle-wrap .icon::before { content: '\e7fd' !important;} .rd-navbar-top-links-wrap .rd-navbar-top-links-toggle-wrap .icon {font-size:28px !important;} /**************Customer Account******************/ .nav {list-style-type:none;} #cookie-status { display: none; } @media (min-width: 768px) { .footer-columns .store-address { margin-left: 0 !important; } } a#download_:after {font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: inherit; content: "\e2c4"; line-height:19px; vertical-align: middle;} /**************************Checkout*********************************/ .page-wrapper {z-index:0 !important;} .page-footer__content {z-index:-999 !important;} .catalog-product-view .box-tocart .action.tocart {width: auto !important; color: #fff;background: #191919;border: 2px solid #191919;} .catalog-product-view .box-tocart .action.tocart:hover{background: #999;border: 2px solid #999;} aside.modal-slide .modal-inner-wrap {background:#ffffff !important;} .modal-slide .modal-header {text-align:center !important;} .class-session_items-container:before {display:none !important;} .class-session_items-container {display:block; margin-top:1rem;} .field.class-session-item {margin-bottom:0} .field.choice.class-session-item input {margin-top:22px;} @media (min-width: 992px), print { .field.choice.class-session-item input {margin-top:10px;margin-right:10px;} } .class-session-item {display:flex;align-content:center;} .grouped .catalog-product-view .product-info-main .price-box .price {font-size:inherit;line-height:inherit;} .grouped .catalog-product-view .product-info-main .price-box {margin:0;} #block-shipping [role="tablist"] [role="tab"]:before {display:none} .ew-product.info.detailed {margin: 80px 0 0;} .ew-product.info.detailed .ew-product.data.items { margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px), print { .ew-product.data.items:before, .ew-product.data.items:after { content: ''; display: table; } } .ew-product.info.detailed .ew-product.data.items .ew-tab-content { border-top: 1px solid #eaeaea; float: none; margin: 0; -webkit-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; min-height: 1px; padding: 100px 0 0; } .table-wrapper.grouped {width: auto;} .table.grouped .price-box {margin-top:7px; margin-bottom:0;} .table.grouped .price-box .price {font-size:14px; line-height: 24px; color:#4e4e4e; } .table.grouped .price-details {font-size:12px;} .table.grouped tr {text-align:left;} .table.grouped td, .table.grouped th {padding:10px 0;} .table.grouped .product-item-name {font-weight:500;} @media (max-width: 768px){ .table.grouped td {display:revert;} } .payments .required-captcha {display:none;} #co-payment-form hr{display:none;} .checkout-agreements {padding:30px 0;} .checkout-agreement.field {margin-bottom: 5px !important;} .opc-wrapper .step-title {border:none !important;} .opc-sidebar .opc-block-summary span.title {text-transform:uppercase; border:none !important;} .opc-block-summary .table-totals th, .opc-block-summary .table-totals td {line-height:inherit !important;} #cart-totals .table.totals th, #cart-totals .table.totals td {line-height:inherit !important;} .cart a.product-item-photo {padding:10px;} .item-options dt {font-weight:300;} .cart-container .product-item-name {font-weight:500; color:#4e4e4e;} /*************************** Download Product ******************************************/ .page-product-downloadable .product.media { width: 100%; margin: 0; position: relative; } @media (min-width: 768px), print { .page-product-downloadable .product.media { width: 57%; }} @media (min-width: 768px), print { .page-product-downloadable .product.media { float: left; margin-bottom: 25px; }} .page-product-downloadable .product-info-main { width: 100%; padding: 0 0 0 30px; text-align:left; } @media (min-width: 768px), print { .page-product-downloadable .product-info-main { width: 40%; }} @media (min-width: 768px), print { .page-product-downloadable .product-info-main { float: right;}} .page-product-downloadable .field { margin-bottom:0; } .page-product-downloadable .legend { display: block; margin: 0 0 13px; padding: 0; float: none; width: 100%; text-align: left; font-size: 0.9735rem; color: #222222; font-weight: 400; } .page-product-downloadable .product-options-bottom {margin-top:50px;} .page-product-downloadable .product-options-bottom .field.qty, .page-product-downloadable .product-options-bottom .price-box, .page-product-downloadable .product-options-bottom .price-details { display: none !important;} .page-product-downloadable .product-info-main .product-add-form {width:100%; margin:0;padding:20px 0;} .page-product-downloadable .page-title-wrapper {text-align:left;} #my-sub-user-table .action.delete {position:inherit !important;} #my-sub-user-table .action.reset-password {padding:5px; } .jstree-default.jstree-focused {height:auto;padding:20px;} .action.reset-password::before {display: inline-block;font-family: "Material Icons";text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0); content:"\e0da";} .action.reset-password span {display: none;} .label a {font-weight: 500;color: #4e4e4e;text-transform: uppercase;margin: 0 10px;text-decoration: underline;} .label a:hover {color:#999;} .modal-content {text-align: left;} .action.delete {position: inherit;} a.privacy {color:#08c;} a.privacy:hover {text-decoration:underline;} /* Popup container */ .popup_label { color: ##FF0080; font-size: 18px; } .popup_label:hover { text-decoration: underline; }