::-moz-selection {background:#616161;color:#ffffff;text-shadow:none;} ::selection {background:#958B61;color:#ffffff;text-shadow:none;} body, html {margin:0;padding:0px;height:100%;width:100%;} body {font-family: "Source Sans Pro",Arial,sans-serif;color:#fff;background:#000;line-height:1.5;font-style:normal;font-size:1.2rem;font-weight: 400;-webkit-appearance: none;-webkit-font-smoothing: antialiased;overflow-x: hidden;letter-spacing: .5px;} input, select, textarea {font-family: 'Roboto', sans-serif;} /* Heading */ h1, h2, h3, h4, h5, h6 {font-weight:400;line-height: 1.1;margin: 0 0 .8em;} h1 {font-size:2.25em;font-weight:400;color: #fff;text-align: center;} h2 {font-size:1.875em} h3 {font-size:1.2em;font-weight:500;color: #fff;} h4 {font-size:1.2em;line-height:1.4;} h5 {font-size:1.125em;} hr{border: 0;border-top: 1px dashed #e1e1e1;border-top: 1px dashed rgba(0,0,0,.1);border-bottom: 0 none;} address{margin-bottom:10px;} a {color: #958b61;} a:visited {color: #171717;text-decoration:none;} a:focus{color: #171717;text-decoration:none;} a:active {color: #000;} a:hover {color: #958b61;text-decoration:none;} a, a:hover, a:visited, a:focus{outline: 0 none;text-decoration: auto;} strong {font-weight:500;} .no-padding {padding:0px;} .no-padding-left {padding-left:0px;} .no-padding-right {padding-right:0px;} .dropdown-menu, .btn {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .btn:focus {box-shadow:none;} .bootstrap-select .dropdown-toggle:focus {outline:thin solid #958b61 !important;} .btn-basic {font-size:18px; background:#958B61;color:#fff;font-weight:400;padding: 8px 30px; border-radius: 3px;} .btn-basic:hover {color:#152f46;} img {height: auto;max-width: 100%;} .pageText {margin-top:2rem;} .pageText ul {padding:0px;margin:0px;list-style:none;} .pageText ul li::before {content:"•";padding-right:10px;color:#143047;} .page-cover {overflow: hidden;width:100%;height:auto;object-fit:cover;} .page-cover img {width:100%;} .btn-default {background:#000;color:#fff;} .btn:hover, .submit, .submit:hover {} .contact-form .row > div {border-radius: 15px;} menuHeader .border-radius {border-radius: 3px;} .hidden {display:none;} /* ------------ HEADER ------------ */ .webart-navbar-mega {padding: 0;width:100%;pointer-events: none;background: #000;} .webart-navbar-mega:hover {} .webart-navbar-mega .navbar-brand {padding:.5rem;max-width:170px;} .webart-navbar-mega > div {position:relative;display:flex;justify-content: space-between;width:100%;padding-left:1rem;padding-right:1rem;} .webart-navbar-mega .navbar-nav {min-height:100%;display:flex;flex-direction:row;justify-content: space-between;} .webart-navbar-mega li.sub > a {pointer-events:none;} .webart-navbar-mega li:not(.sub) > a {cursor:pointer;} .webart-navbar-mega .item-l1 {position:static;display:flex;align-items: center;width:auto;padding-left:1rem;padding-right:1rem;} .webart-navbar-mega .item-l1 {pointer-events: auto;} .webart-navbar-mega .item-l1:last-child {padding-right:0;} .webart-navbar-mega .item-l1 a {color:#fff;} .webart-navbar-mega .item-l2 {flex-grow: 1;flex-basis: 0;padding-top:.5rem;padding-bottom:.5rem;} .webart-navbar-mega .item-l2.active, .webart-navbar-mega .item-l2:hover {background: #1f1f1f;} .webart-navbar-mega .item-l2:hover > a span {border-bottom: 2px solid #fff;} .webart-navbar-mega .item-l2 > a {font-size:2.2rem;font-weight:300;line-height: 1;color:#fff;margin-bottom: .7rem;} .webart-navbar-mega .item-l2 > a:hover {background:transparent;} .webart-navbar-mega .dropdown-menu .item-l2 > * {color:#fff;white-space: normal;line-height: 1.5;padding-left:1rem;padding-right:1rem;} .webart-navbar-mega .item-l2 > p, .webart-navbar-mega .item-l3 > a {font-size:1rem;color:#fff;font-weight:300;margin-bottom: .7rem;} .webart-navbar-mega .item-l3:hover > a span {border-bottom: 1px solid #fff;} .webart-navbar-mega .item-l2 > p {cursor:default;} .webart-navbar-mega .item-l2 .menu_image {display:none;} .webart-navbar-mega .item-l3 {padding-left:1rem;padding-right:1rem;} .webart-navbar-mega .dropdown-menu.horizontal {width:100vw; background:#000;position:absolute;padding:0;margin-top:-1px;animation: fadeIn 1s; transition: all 1.4s linear;} .webart-navbar-mega .dropdown-menu.vertical {display: contents;} .webart-navbar-mega .dropdown-item {padding:inherit;} .webart-navbar-mega .nav.navbar-nav .item-l1:hover .dropdown-menu.horizontal {display:flex;} .webart-navbar-mega .menu_image {max-width:150px;} .webart-navbar-dropdown {width:100%;background:#fff; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);} .webart-navbar-dropdown .nav-item .nav-link {color:#333; display:flex;} .webart-navbar-dropdown .nav-item .nav-link .icon {margin-left: auto; padding-left:.5rem;} .webart-navbar-dropdown .nav-item .nav-link:not(.collapsed) .icon:first-child, .webart-navbar-dropdown .nav-item .nav-link.collapsed .icon:last-child {display:none;} .webart-navbar-dropdown .nav-item .dropdown-item.active, .webart-navbar-dropdown .nav-item .nav-link.active:hover {color:#39627f;font-weight: 500;} .webart-navbar-dropdown .nav-item .nav-link:hover {font-weight:300;} .webart-navbar-dropdown .nav-item .nav-link:hover, .webart-navbar-dropdown .nav-item a:hover {color:#39627f;} .webart-navbar-dropdown .sidenav-btn {padding:1rem;} .webart-navbar-dropdown .sidenav-btn svg {width:2em;height:2em;} .webart-navbar-dropdown .navbar-brand {padding:1rem;padding-top: .5rem;} .webart-navbar-dropdown .navbar-brand img {min-width:170px;max-width:170px;} .xs .webart-navbar-dropdown .navbar-brand {padding-right:0;margin-right:0;} .xl .webart-navbar-dropdown .navbar-brand img {max-width:80%;} .xxl .webart-navbar-dropdown .navbar-brand img {max-width:100%;} .webart-navbar-dropdown .navbar-dropdown > .nav-item {margin-left:.25em;} .xxl .webart-navbar-dropdown .navbar-dropdown > .nav-item {margin-left:1.5em;} .lg .webart-navbar-dropdown .nav-item .nav-link {font-size: smaller;} .webart-navbar-dropdown .dropdown-item:hover {background-color:transparent;} .webart-navbar-dropdown .dropdown-item:focus {color:#152f46;background:transparent;} .webart-navbar-dropdown .dropdown-item.active {background:transparent;} .webart-navbar-dropdown .dropdown .dropdown-toggle::after {display:none;} .webart-navbar-dropdown .navbar-nav .dropdown-menu {padding-bottom:13px;display:none;} .webart-navbar-dropdown .navbar-nav .dropdown-hover:hover > .dropdown-menu {display:block;} /* ------------ FOOTER ------------ */ #footer {font-weight:300;line-height:30px;background: #000;} #footer .social-media svg {width: .8rem;height: .8rem;} #footer {font-size:.95em;color:#fff;} #footer a {font-size:inherit;color:inherit;} #footer .footer-info a, #footer .footer-info span {white-space: nowrap;} #footer a:hover {color:#958B61;} #footer a:not(.social-media):hover {text-decoration: underline;} #footer .ftitle {font-weight:300;margin-bottom:20px;font-size:28px;} #footer a.active {/* border-bottom:solid 1px #1E1E1E; */} #footer .footer-container {padding:40px 0 10px;} #footer .footer-container .list-icons {width:100%;display:block;list-style:none;margin:0px 0px 10px 0;padding:0px;} #footer .footer-container .list-icons li {display:inline-block;font-size:26px;line-height:30px;padding:5px 10px;} #footer .footer-container .list-icons li a {} #footer .footer-container .list-icons.cards li {padding:0px 2px;font-size:25px;color:#B6B9B9;} #footer .footer-container .footerTitle {font-weight:400;font-size:1.125rem;} #footer .footer-container .form-group {margin:0 auto;} #footer .footer-container .form-control {border-width:0 0 1px 0;border-color:#bbb;padding-bottom:1px;text-align: left;padding-left:0;color:inherit;} #footer .footer-container .placeholder-label {left:0px;text-align: left;width: 100%;background: inherit;} #footer .copyright {font-size:14px;line-height:18px;padding:10px 0px;} #footer .copyright a{} #footer .copyright .webart {text-align:right;} #footer .copyright .webart img {max-height:11px;margin-left:3px;} #footer .newsletterContainer .form-control {border-radius:0;} #footer .newsletterContainer .field > input {background: inherit;} #footer .newsletterContainer .field > input, #footer .newsletterContainer .field > .btn {height:45px;} #footer .newsletterContainer form {max-width: 800px; margin-left: auto; margin-right:auto;} .checkbox label input[type=checkbox], .radio label input[type=radio] { display: none; } .checkbox .cr, .radio .cr { position: relative; display: inline-block; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; cursor: pointer; } .checkbox label input[type=checkbox]:checked+.cr>.cr-icon, .radio label input[type=radio]:checked+.cr>.cr-icon { transform: scale(1) rotateZ(0); opacity: 1; } .checkbox label input[type=checkbox]+.cr>.cr-icon, .radio label input[type=radio]+.cr>.cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; } .checkbox .cr .cr-icon svg { width: 1.7rem; height: 1.7rem; } /* ===== Footer END ===== */ /* ------------------ circle-icon ------------------ */ .circle-icon {background:#1f1f1f;color:#fff;border-radius:50%;width:35px;height:35px;transition: all .7s; display: flex;justify-content: center; align-items: center; margin-left:.3rem;margin-right:.3rem; } .circle-icon:hover {background:#363636;} .circle-icon svg polygon, .circle-icon svg ellipse, .circle-icon svg path, .btnSave.btnFixed svg path {fill:#fff;} .circle-icon:hover svg polygon, .circle-icon:hover svg ellipse, .circle-icon:hover svg path {fill:#fff;} /* ------------------ */ /* ===== Preloader ===== */ #pageloader {background-color:#FFFFFF;height:100%;position:fixed;top:0;width:100%;z-index:9999;} #pageloader .loader {height: 4px;width: 100%;position: relative;overflow: hidden;background-color:#ccc;} #pageloader .loader:before{display: block;position: absolute;content: "";left:0px;width:1px;height:3px;background-color:#958b61;-webkit-animation: loading 2s linear;-moz-animation: loading 2s linear;-o-animation: loading 2s linear;animation: loading 2s linear;} @keyframes loading { from {left: 0px; width:0%;} to {width: 100%;} } /* ===== Preloader END ===== */ #homeSlider3cols {} #homeSlider3cols .slide {position:relative;} #homeSlider3cols .slide .caption-wrapper {position:absolute;top:0px;left:0px;width:100%;height:100%;/* background:rgba(0,0,0,.3); */} #homeSlider3cols .slide .caption {position:absolute;bottom:0px;left:0px;z-index: 1002;width:100%;text-align:left;font-size:50px;color:#f0f0f0;padding:0 40px 40px 40px;} #homeSlider3cols .slide .caption .captionTitle {} #homeSlider3cols .slide .caption .captionText {max-height:200px; display: block;font-size:25px;line-height:30px;height: auto;overflow: hidden; padding-top:25px; -webkit-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1);-moz-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1);-ms-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1);-o-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1);transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1); } #homeSlider3cols .slide .caption::before {content: ""; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); height: 60vh;opacity: .4;position: absolute;right: 0;bottom: 0;left: 0;z-index: -1; -webkit-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1); -moz-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1); -ms-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1); -o-transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1); transition: .5s cubic-bezier(0.28, 0.12, 0.22, 1); } #homeSlider3cols .slide:hover .caption::before {opacity:1;} #homeSlider3cols .slide:not(:hover) .caption .captionText {max-height: 0;opacity: 0;padding-top: 0;} #homeSlider3cols .owl-nav {font-size:30px;text-align:center;margin-top:10px;} #homeSlider3cols .owl-nav button {padding:10px 30px!important;outline:none;} #homeSlider3cols .owl-nav button:hover {background:#eaeaea;} #homeSlider3cols .owl-dots {display:none;} #homeSlider3cols .owl-nav {display:none;} /* ===== index ===== */ #welcome {padding:15px 0 30px 0;display: block;overflow: hidden;position: relative;width: 100%;} #welcome h1 {font-size:50px;line-height:70px;margin:20px 0;font-weight:300;} #welcome .text {font-size:22px;line-height:34px;} @media screen and (max-width: 800px) { #welcome {padding-top:40px;} } #homePagePprodCategoriesBanner {padding:50px 0 90px 0;} #homePagePprodCategoriesBanner .categoryBannerContainer {position:relative;display:block;margin-bottom:85px;text-align:center;} #homePagePprodCategoriesBanner .categoryBannerContainer img {} #homePagePprodCategoriesBanner .categoryBannerContainer .categoryBannerOverlay {position:absolute;background: rgba(0,0,0,0.2);overflow:hidden;color:#fff;text-align:center;width: 100%;height: 100%;top: 0;display:block; -webkit-transition: 1s all;-moz-transition: 1s all;-ms-transition: 1s all;-o-transition: 1s all;transition: 1s all;} #homePagePprodCategoriesBanner .asTable {display:table;width:100%;height:100%;} #homePagePprodCategoriesBanner .asTable .asCell {display:table-cell;vertical-align:bottom;position:relative;} #homePagePprodCategoriesBanner .title {font-size:40px;line-height:55px;padding:10px 0 20px 0;font-weight:300;display:block;color:#fff;} #homePagePprodCategoriesBanner .submenuContainer {display:block;max-height:0;overflow: hidden;opacity:0; -webkit-transition: 1s all;-moz-transition: 1s all;-ms-transition: 1s all;-o-transition: 1s all;transition: 1s all;} #homePagePprodCategoriesBanner .categoryBannerOverlay:hover {background: rgba(0,0,0,0.7);} #homePagePprodCategoriesBanner .categoryBannerOverlay:hover .submenuContainer {max-height:300px;opacity:1;} #homePagePprodCategoriesBanner .submenuContainer .submenu {padding:10px 0 30px 0;} #homePagePprodCategoriesBanner .submenuContainer .submenu > div {width:100%;display:block;margin-bottom:5px;} #homePagePprodCategoriesBanner .submenuContainer .submenu > div a {width:auto;color:#fff;font-size:22px;line-height:40px;padding:5px 0;} #suggestedProducts {background:#f7f9fa;padding:70px 0 50px 0;} #suggestedProducts .bannerText {margin-bottom:50px;text-align:center;} #suggestedProducts h2 {font-size:35px;line-height:40px;} #suggestedProducts p {} #suggestedProducts .prodThumbList {border:none;} #suggestedProducts .suggestedProdList {padding:20px 0 0 0;margin:0px;display:block;} #suggestedProducts .title {font-size:18px;line-height:25px;font-weight:300;margin:0;padding:15px 0 0 0;display:block;} #suggestedProducts .bx-wrapper {margin: 0 auto 30px;} #suggestedProducts .bx-wrapper .bx-pager {bottom:-30px;} #suggestedProducts .bx-wrapper .bx-pager.bx-default-pager a:hover, #suggestedProducts .bx-wrapper .bx-pager.bx-default-pager a.active {background:#FFF;} #suggestedProducts .bx-wrapper .bx-pager.bx-default-pager a {background:#BDBDBD;} @media all and (min-width: 576px) { #homePagePprodCategoriesBanner .item:nth-child(even) {padding-left: 30px;} #homePagePprodCategoriesBanner .item:nth-child(odd) {padding-right: 30px;} } @media all and (max-width: 575px) { #homePagePprodCategoriesBanner .categoryBannerContainer {margin-bottom:55px;} #homePagePprodCategoriesBanner .title {font-size: 30px;line-height: 35px;padding: 5px 0 10px 0;} #homePagePprodCategoriesBanner .submenuContainer .submenu {padding:10px 0 30px 0;} #homePagePprodCategoriesBanner .submenuContainer .submenu > div {line-height:20px;margin-bottom:3px;} #homePagePprodCategoriesBanner .submenuContainer .submenu > div a {font-size:18px;line-height:25px;} #homePagePprodCategoriesBanner {padding-bottom:50px;} #suggestedProducts {padding: 50px 0 30px 0;} } .indexBanner2 {background:url('../images/index-bg.jpg') no-repeat center center;background-attachment: fixed;color:#fff;} .indexBanner2 .overlay {background:rgba(20, 48, 71, 0.7);padding:80px 0;} .indexBanner2 h3 {font-size:1.9m;line-height:1.5em;margin:0px;color: #fff;} .indexPage.pageProdList {background:#f2f2f2;} /* ===== index END ===== */ /* ------------ PAGE LIST ------------ */ /* body.list {background: #fff;} */ .list-icon {width:165px;height:60px;} .list-icon svg {width:100%;height:100%;} .list-image {width:35px;height:35px; margin-left:1rem;} body.list h3 {font-size:1.1em;} /* ------------ PAGE GALLERY ------------ */ .gallery .gallery-item a {background:#000;display:block;position:relative;font-weight: 400;} .gallery .gallery-item a > * {transition: all 1s ease-in-out;} .gallery .gallery-item a .caption {position:absolute;width:100%;height:100%;left: 0;top: 0;display:none;} .gallery .gallery-item a .caption > *:first-child {font-size: larger;} .gallery .gallery-item a:hover {color:#fff;} .gallery .gallery-item a:hover img {opacity:.6;} .gallery .gallery-item a:hover .caption {display:flex;align-items:center;justify-content:center;flex-direction: column;} /* ==== Simple Page ==== */ .pageSection {} .pageSection.simplePage .container {max-width: 900px;} .pageSection a:hover {color:#958b61;text-decoration:underline;} .pageHeader {padding:30px 0;margin:0;} .pageHeader h1 {color:#1E1E1E;margin:0px;padding:0px;font-weight: 300;} .pageHeader h2 {color:#1E1E1E;margin:0px;padding:0px;font-weight: 300;font-size: 30px;} .pageHeader a {color:#958b61;} .pageText {} .pageText h3, .pageText h4 {padding-bottom: 0.5rem;padding-top: 2rem;} .pageText a {font-weight:400;color:#958b61;} /* ==== Simple Page End ==== */ /* ==== Product List ==== */ .prodList .pageTopRibbon {margin:0;} /* ==== Product List Hover Box ==== */ @media (max-width: 991px) { .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:100%;} } @media all and (max-width: 991px) { .footCol {margin-bottom:50px;} #footer {font-size:18px;line-height: 28px} #footer .ftitle {margin-bottom:10px;font-size: 25px;} } /* ==== Product List END ==== */ .pageContent {padding:0px;display:block;} /* ==== Product ==== */ .moreRelProd {margin-top:100px;} .moreRelProd h3 {font-size: 22px;font-weight: 300;padding: 0 10px 15px 10px;line-height: 33px;} .moreRelProd .prodThumbList .productDetails {font-size:16px;line-height:25px;padding-top:15px;} .moreRelProd .prodThumbList .productDetails .pTitle {padding-bottom: 5px;} /**** σελίδα προιόντος - προσθήκη στο καλάθι ****/ .prodMoreTools {} .prodMoreTools a {letter-spacing:0;text-align:center;border:none;line-height:22px;font-size:18px;} .prodMoreTools a span {display:block;} .prodMoreTools a i {font-size:25px;line-height:25px;color:#fff;margin-bottom:10px;} .prodMoreTools a:hover, .prodMoreTools a:hover i {color:#0a2c37;} .baseline{display: flex;align-items: flex-end;justify-content: space-around;} /* ==== Product END ==== */ /* ==== Favourite List ==== */ #favouriteListPopUp {display:none;position:fixed;left:0px;bottom:0px;background:#ffffff;width:100%;height:100vh;z-index:1200;} #favouriteListPopUp .favouriteListPopUpContainer {border-top:2px solid #ccc;width:100%;height:100%;overflow-y:auto;padding:0px 0 15px 0;background:#F3F3F3;} #favouriteListPopUp .favouriteListPopUpContainer h3 {font-size:30px;line-height:40px;margin:0px;font-weight:300;color:#000;} body.favouriteWidgetOpen {overflow-y:hidden;} #favouriteListPopUp > button {position:absolute;top:30px;right:20px;background: transparent;color: #000;font-size: 60px;line-height:30px;z-index:1080;} #favouriteListPopUp .favouriteListPopUpContainer .prodListTopRibbon {background:#ccc;padding:30px 0 30px 0;margin:0 0 40px 0;text-align:center;position:relative;z-index: 1070;} @media all and (max-width: 767px) { #favouriteListPopUp .favouriteListPopUpContainer .prodListTopRibbon {padding:50px 0 10px 0;} #favouriteListPopUp > button {top:50px;right:0px;} } .favouriteContainer {} .favouriteContainer .pageProdList {padding-top:20px;} /* ==== Favourite List END ==== */ /* ==== Article ==== */ .articlesList {} .articlesList > div {} .articlesList .articleList {margin:50px 0 0px 0;} .articlesList .articleList .articleListDetails {padding:20px 0 0 0;} .articlesList .articleList .articleListDetails p a {color:#958b61;} .articlesList .articleList .articleListDetails .articleReadMore {text-align:right;font-style:italic;} .articlesList .articleList .articleListDetails .articleReadMore a:hover {color:#D9AEB1;} .articlesList .articleList .articleListDetails .date {color:#958b61;padding-bottom:10px;display:block;} /* ==== Article END ==== */ /* ==== recaptcha ==== */ .g-recaptcha {position:relative;z-index:180;} .grecaptcha-badge {bottom:245px!important;z-index:100;} /* ==== recaptcha END ==== */ /* ==== Modal ==== */ .modal {padding: 0!important;line-height: 1.5;z-index: 1060;} .modal-dialog {overflow:hidden;position:relative;} .modal-content {border:none;overflow:hidden;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:3rem;} .modal-header {border-bottom:0px;padding:0px;margin: 0px;position: absolute;top: 0;left:0;right:0;outline:none;width:100%} .modal-header .close {-webkit-text-stroke: 1px #fff;font-weight: unset;font-size:2.5rem;padding:0;margin:0;} .modal-header .close:hover {color:#000;opacity:1;text-decoration: none;} .modal-body {padding:30px 0 0 0;} .modalLogo {width:180px;} #sendToAFriendModal .modal-title {text-align:center;width:100%;} #sendToAFriendModal .modal-dialog {max-width:700px;} #sendToAFriendModal .modal-dialog {max-width:700px;} #sendToAFriendModal .sendToFriendFormContainer {padding:0 30px 40px 30px;} /* ==== Modal END ==== */ /*** scroll to top ***/ #toTop {display:none;position:fixed;bottom:5px;right:5px;z-index:108;border:none;outline:none;color:#958B61;cursor:pointer;padding:0px;font-size:40px;line-height:40px;width:40px;height:45px;text-align: center;} #toTop:hover {color:#ccc;} /*** scroll to top END ***/ /* ==== cookies on footer ==== */ #cookiesOnSite {position:fixed;bottom:0;width:100vw;background:rgba(25, 85, 106, 0.7);color:#fff;padding:15px;z-index: 999;} #cookiesOnSite p {padding:0px;margin:0px;line-height: 2;font-size: 1rem;} #cookiesOnSite a {color:#fff;} #cookiesOnSite a:hover {color:#171717;} #cookiesOnSite .btn:hover {} /* ==== cookies on footer END ==== */ /* ==== CART ==== */ .cartTableContainer {overflow-x:auto;} .cartTable {min-width:600px;margin-bottom:0px;} .cartTable thead > tr > th {border-bottom: 1px solid rgba(45, 45, 45, 0.1);font-weight:400;color: rgba(45, 45, 45, 0.7);} .cartTable > tbody > tr > td {vertical-align:middle;} .cartTable th:first-child, .cartTable td:first-child {padding-left: 0;} .cartTable .card_product_image {text-align:center;width:180px;} .cartTable .card_product_image a {display:block;max-width:100%;} .cartTable .card_product_image a img {display:block;max-width:100%;width:100%;} @media (max-width: 768px) { .cartTable .card_product_image {max-width:100px;} } .card_product_name {text-align:left;} .card_product_name a {display:block;width:100%;} .card_product_name span {display:block;width:100%;} .card_product_quantity {width:100px;text-align:center;} .card_product_quantity input {text-align:center;} .card_product_remove {width:50px;} .card_product_remove .deleteFromCart {font-size:20px;margin:0px 3px 0 3px;display:block;} .card_product_remove .deleteFromCart:hover {color:#d00;} .card_product_price {text-align:right;} .card_product_price span {display:block;} .card_product_total {text-align:right;} .pageCheckoutRibbon {padding:30px 0 30px 0;margin:0 0 40px 0;line-height: 35px;} .pageCheckoutRibbon h2.title {text-align:center;margin:0px 0 40px 0;font-size:25px;line-height:30px;font-weight:400;} .pageCheckoutRibbon h3 {font-weight:300;margin: 0px;padding: 0px;line-height: 35px;} .pageCheckoutRibbon .dropdown-toggle {color: #333;border-color:#ccc;background:#f6f6f6;} .pageCheckoutRibbon .checkout {margin-top:30px;text-align:center;} .pageCheckoutRibbon .checkout .btn {padding:8px 30px;font-size:16px;} @media (max-width: 768px) { .paymentMethodArea {margin-bottom:20px;} } @media (min-width: 576px) { .paymentMethodArea h3 {text-align:right;} .invoiceTypeArea h3 {text-align:right;} } #orderDetails .checkbox a {text-decoration: underline;} /* ==== CART END ==== */ /* ==== Checkbox - radio ==== */ .checkbox label:after, .radio label:after {content: '';display: table;clear: both;} .checkbox .cr, .radio .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;border-radius: .25em;width: 1.3em;height: 1.3em;float: left;margin-right: .5em;} .radio .cr {border-radius: 50%;} .checkbox .cr .cr-icon, .radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;} .radio .cr .cr-icon {margin-left: 0.04em;} .checkbox label input[type="checkbox"], .radio label input[type="radio"] {display: none;} .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;} .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;transform: translate(-9px, -13px);} .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {opacity: .5;} /* ==== CHECKBOX - RADIO END ==== */ .form-group.error .checkbox {color:#d00;} h1.title {font-weight:300;font-size:30px;text-transform: uppercase;} h2.title {font-weight:300;font-size:30px;text-transform: uppercase;} .alert {margin: 20px 0;} @media all and (max-width: 991px) { .card_product_name {font-size:18px;line-height: 22px;} } /* ========================================================================== Product Request Form ========================================================================== */ #myModalRequest {} #myModalRequest .imageDisplayRequest {text-align: center;} #myModalRequest .imageDisplayRequest img {max-height: 160px;width: auto;max-width: 100%;height: auto;} #myModalRequest textarea {min-height:160px;max-height:200px;padding: 5px 10px;margin:0px;} /* ========================================================================== Cart ========================================================================== */ .selectPaymentMethod .bootstrap-select {width:100%!important;} .orderDetails .form-group textarea{margin-bottom:0px;padding:3px 10px;} .orderDetails .form-group label {} .completeOrderMessage {padding:100px 0;font-size:20px;line-height:30px;} .red {color:#dd0000;} .checkboxSameAddress {font-weight:300;} .checkboxSameAddress:hover {color:#D9AEB1;} form .dropdown.bootstrap-select .dropdown-menu {max-width:100%;} /*** google maps ***/ .map-container {position:relative;} #map-canvas {min-height:550px;} #map-canvas * {border: 0 none;} .mapBodyContent {} /* .map-section img {max-width: inherit;} #map-canvas .map-data h6 {margin-bottom:10px;border-bottom:1px solid #ccc;text-transform:none;} */ #contactForm {margin-top:20px;overflow-x: hidden;} .contactText h2 {width:auto;margin:0px;padding:0px;font-size:20px;font-weight:400;display: inline-block;} .contactText h3 {width:auto;margin:0px;padding:0px;font-size:18px;font-weight:400;display: inline-block;} .form-group textarea {max-width:100%;min-width:100%;min-height:100px;max-height:400px;} .brandArea {margin:0 auto;max-width: 450px;text-align: center;margin-bottom:30px;} /*** STICKY - ICONS - Right side ***/ .sticky-icons {position:fixed;top:35%;right:10px;z-index:1038;} .sticky-icons-list{padding:50px 0 0 0;text-align:center;margin:0px;} .sticky-icons-list-item{margin-top:8px;margin-bottom:8px;text-align:right;line-height:1;list-style:none} .sticky-icons-button{padding:10px 12px;display:inline-block;text-align:center;overflow:hidden;border-radius:3px;-webkit-border-radius:3px;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;color:#555;background-color:#e6e6e6;box-shadow:none!important;background-image:none!important} .sticky-icons-button:focus, .sticky-icons-button:hover{background-color:#f3f2f0;text-decoration:none;color:#555} .sticky-icons-button:active{background-color:#cdcdcd} .sticky-icons-button-icon{display:inline-block;vertical-align:middle} .sticky-icons-button-icon img {height:38px;width:38px;} .sticky-icons-button-icon:before{font-size:1.5em!important} .sticky-icons-button-label{display:none;vertical-align:middle;margin-left:12px;margin-right:10px;opacity:0;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out} .sticky-icons-button-flyout{white-space:nowrap;text-align:left;max-width:56px;position:relative;color:inherit;background-color:rgba(134,134,134,0.50);} .sticky-icons-button-flyout:focus, .sticky-icons-button-flyout:hover{max-width:220px;color:inherit;background-color:#958b61;} .sticky-icons-button-flyout:focus:before, .sticky-icons-button-flyout:hover:before{visibility:visible;opacity:1;} .sticky-icons-button-flyout .sticky-icons-button-label, .sticky-icons-button-flyout:focus .sticky-icons-button-label, .sticky-icons-button-flyout:hover .sticky-icons-button-label{display:inline-block;color:#fff;opacity:1} @media all and (max-width: 768px) { .sticky-icons {display:none;} } @media (max-height:450px){ .sticky-icons {display:none;} } @media (max-height:710px){ .sticky-icons {right:6px;top:100px;} .sticky-icons .sticky-icons-button-icon img {width:22px;height:22px;} .sticky-icons .sticky-icons-button-flyout {max-width:46px;} .sticky-icons .sticky-icons-button-flyout:hover{max-width:220px;} } @media (max-height:510px){ .sticky-icons {right:6px;top:50px;} } .calculateHeight .imgArea {display:block;border:1px solid #f2f2f2;} .calculateHeight .imgArea.active {border-color:#958b61;} .calculateHeight .imgArea a {max-height:100%!important;} .calculateHeight .imgArea img {max-height:100%!important;width:auto!important;margin:0 auto;} /*-------------about-PHOTO TEXT------------*/ .photoBoxContainer {background:#f6f6f6; padding:0;} .photoBoxContainer .photoTextBox {padding:80px;} .photoBoxContainer .photoBox {position:relative;width:70%;} .photoBoxContainer .photoBox .photo {position:relative;} .photoBoxContainer .imageItem {width:30px;height:100%;top:0;} .photoBoxContainer .imageItemFirst {background: #f6f6f6;left:31%;} .photoBoxContainer .imageItemLast {background:#f6f6f6;right:31%;} .photoBoxContainer .textBox {width:30%;padding:0 0 0 70px;} .photoBoxContainer .textBox p {font-size: 26px;} /* ---------------- collection list ---------------- */ .collection-list .collection-container { /* position: relative; display:flex; flex-wrap: wrap; */ } .collection-list .collection-item { min-width: 300px; height: 500px; /* flex-grow: 1; width: 33%; height: 100px; */ margin-bottom: 10rem; } .lg.collection-list .collection-col:nth-child(3n), .lg.collection-list .collection-col:nth-child(3n-2), .xl.collection-list .collection-col:nth-child(3n), .xl.collection-list .collection-col:nth-child(3n-2), .xxl.collection-list .collection-col:nth-child(3n), .xxl.collection-list .collection-col:nth-child(3n-2) { transform: translateY(15rem); } .lg.collection-list .collection-col:nth-child(3n-1), .xl.collection-list .collection-col:nth-child(3n-1), .xxl.collection-list .collection-col:nth-child(3n-1) { transform: translateY(5rem); } .md.collection-list .collection-col:nth-child(2n) { transform: translateY(15rem); } .md.collection-list .collection-col:nth-child(2n-1) { transform: translateY(5rem); }