@charset "UTF-8";
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ceda1");
@font-face {
font-family: 'FuturaNowText-Rg';
src: url('https://www.elgrecogallery.gr/catalog/view/theme/theme709/fonts/FuturaNowText-Rg.woff2') format('woff2'), url('https://www.elgrecogallery.gr/catalog/view/theme/theme709/fonts/FuturaNowText-Rg.woff') format('woff');
}
/*========================================================
Bootstrap Reset
=========================================================*/
button, .btn {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
button::-moz-focus-inner, .btn::-moz-focus-inner {
border: none;
padding: 0; }
button:focus, .btn:focus {
outline: none; }
label {
font-size: 13px;
color: #24252a; }
@media (min-width: 768px) and (max-width: 991px) {
label {
font-size: 10px; } }
label {
font-weight: bold;
cursor: default; }
textarea {
resize: none; }
#habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; }
blockquote {
font-size: inherit;
line-height: inherit; }
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover, .input-group-addon {
font-size: 12px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
z-index: auto; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
div.bootstrap-datetimepicker-widget.bottom:after {
border-bottom-color: rgba(0, 0, 0, 0.2); }
.timepicker-picker, .timepicker-hours, .timepicker-minutes {
text-align: center; }
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour, .bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {
border: 1px solid #d9d9d9;
width: 50px;
height: 50px;
padding: 5px;
line-height: 50px; }
.bootstrap-datetimepicker-widget .btn {
padding: 5px;
border: 1px solid #d9d9d9; }
.bootstrap-datetimepicker-widget .btn:before {
display: none; }
.bootstrap-datetimepicker-widget .datepicker .month + .month, .bootstrap-datetimepicker-widget .datepicker .year + .year {
margin-left: 2px; }
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
border-collapse: separate;
display: inline-block;
max-width: 100%; }
.bootstrap-datetimepicker-widget {
z-index: 10005 !important; }
.bootstrap-datetimepicker-widget td.day,
.bootstrap-datetimepicker-widget td.minute,
.bootstrap-datetimepicker-widget td.hour,
.bootstrap-datetimepicker-widget td.second,
.bootstrap-datetimepicker-widget thead tr:first-child th,
.bootstrap-datetimepicker-widget td span {
border: none;
border-radius: 0;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease; }
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.second:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget td span:hover {
background: transparent;
color: #656565;
border-color: #d9d9d9 !important; }
.bootstrap-datetimepicker-widget td.separator {
font-size: 20px;
line-height: 20px; }
.bootstrap-datetimepicker-widget a[data-action] {
background: transparent;
color: #24252a; }
.bootstrap-datetimepicker-widget a[data-action] span {
border: none; }
.bootstrap-datetimepicker-widget a[data-action],
.bootstrap-datetimepicker-widget .timepicker td > span,
.bootstrap-datetimepicker-widget td.separator {
color: #24252a; }
.bootstrap-datetimepicker-widget a[data-action]:hover,
.bootstrap-datetimepicker-widget .timepicker td > span:hover {
color: #656565; }
.bootstrap-datetimepicker-widget .timepicker {
margin-top: 5px; }
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
border-collapse: separate; }
.bootstrap-datetimepicker-widget .timepicker td span {
width: 15px;
height: 15px;
line-height: 15px;
margin: 5px 0; }
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour, .bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {
border: 1px solid #d9d9d9;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0px; }
.bootstrap-datetimepicker-widget td.day.active,
.bootstrap-datetimepicker-widget td.day.active:hover {
background: #656565;
color: #FFF;
cursor: inherit; }
.fancybox-overlay {
z-index: 10001; }
.fancybox-opened {
z-index: 10003; }
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); }
.container > .alert,
.breadcrumb + .alert {
position: fixed;
z-index: 10004;
top: 0;
left: 0;
width: 100%;
-webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
-moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
-ms-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
-o-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99); }
.container > .alert .alert,
.breadcrumb + .alert .alert {
position: absolute;
left: 0;
right: 0;
top: 100%; }
.container > .alert .alert.fadeOut,
.breadcrumb + .alert .alert.fadeOut {
top: -100%; }
@-ms-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-o-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-webkit-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-moz-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-ms-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-o-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-webkit-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-moz-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-ms-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@-o-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@-webkit-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@-moz-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
.product_page-right .alert {
margin-top: 20px; }
.alert {
position: relative;
padding: 18px 40px 18px 75px;
z-index: 30;
color: #FFF;
border-radius: 0;
min-height: 60px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-weight: 700;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
-o-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
-webkit-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
transition: 1s all cubic-bezier(1, -0.01, 0, 0.99); }
.alert i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
width: 60px;
font-size: 40px;
-webkit-animation: alert-icon-anim 1s;
-moz-animation: alert-icon-anim 1s;
-ms-animation: alert-icon-anim 1s;
-o-animation: alert-icon-anim 1s;
animation: alert-icon-anim 1s;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); }
.alert i:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
line-height: 0; }
.alert a:hover {
text-decoration: underline; }
.alert button.close {
position: absolute;
top: 50%;
line-height: 1;
right: 15px;
color: #FFF;
opacity: .7;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.alert button.close:hover, .alert button.close:focus {
opacity: 1;
color: #FFF; }
.alert.fadeOut {
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%); }
.alert.fadeOut .alert {
top: 100%; }
@media (max-width: 479px) {
.alert {
padding-right: 30px; }
.alert button.close {
right: 5px; } }
.alert-success {
background-color: #4caf50; }
.alert-success i {
background: #388E3C; }
.alert-success a, .alert-success a:visited, .alert-success a:focus, .alert-success a:hover {
color: #C8E6C9; }
.alert-danger {
background-color: #F44336; }
.alert-danger i {
background: #D32F2F; }
.alert-danger a, .alert-danger a:visited, .alert-danger a:focus, .alert-danger a:hover {
color: #FFCDD2; }
.alert-info {
background-color: #03A9F4; }
.alert-info i {
background: #0288D1; }
.alert-info a, .alert-info a:visited, .alert-info a:focus, .alert-info a:hover {
color: #B3E5FC; }
.alert-warning {
background-color: #FF5722; }
.alert-warning i {
background: #E64A19; }
.alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover {
color: #FFCCBC; }
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-radius: 0; }
.pagination {
margin: 0; }
.pagination:before, .pagination:after {
display: table;
content: "";
line-height: 0; }
.pagination:after {
clear: both; }
.pagination > li {
display: block;
float: left; }
.pagination > li > a, .pagination > li > span {
display: inline-block;
color: #2a2a2a;
background: none;
border: none;
float: none;
margin-left: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
z-index: 3;
color: #24252a;
background: #eeeeee;
border-color: #d9d9d9; }
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li.active > span:focus {
background: #656565;
color: #fff;
z-index: auto; }
.pagination > li + li {
margin-left: 2px; }
.pagination > li + li > a, .pagination > li + li > span {
border-left: none; }
.pagination > li + li:nth-child(8n+9) {
clear: left; }
.pagination > li + li:nth-child(n+9) {
margin-top: 2px; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background: none;
text-decoration: none; }
.table thead td, .table th {
text-transform: uppercase;
font-weight: bold;
color: #24252a;
font-size: 13px;
background-color: #f6f6f6; }
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border-bottom: none; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 15px 10px 15px; }
.table td {
padding: 20px;
border-color: #d9d9d9;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.block-compare .table th, .block-compare .table td {
padding: 7px; }
.panel-group .panel, .panel, .table-bordered, .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
border-radius: 0; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border-color: #d9d9d9; }
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: normal; }
.table-bordered > tbody > tr > td {
vertical-align: middle; }
.table > tbody + tbody {
border-top: none; }
.panel-default > .panel-heading {
padding: 20px;
background: #f6f6f6;
color: #24252a; }
.addthis_sharing_toolbox a {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.addthis_sharing_toolbox a:hover {
opacity: .6; }
.fancybox-close, .fancybox-prev span, .fancybox-next span {
opacity: 0.8; }
.fancybox-lock {
overflow: visible !important; }
.fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover {
opacity: 1; }
.form-horizontal .radio, .form-horizontal .checkbox {
min-height: inherit; }
.form-horizontal .radio:first-child, .form-horizontal .checkbox:first-child {
padding-top: 0; }
.form-horizontal .control-label, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 0; }
.input-group .form-control {
z-index: auto; }
.atm-f {
height: auto !important; }
.text-danger {
color: #F00; }
.has-error * + .text-danger {
margin-top: 5px; }
.buttons input[type="checkbox"] {
position: relative;
top: 2px; }
.tooltip {
z-index: 9999;
pointer-events: none; }
.tooltip.top .tooltip-inner {
color: #fff;
background-color: #000; }
.tooltip.top .tooltip-arrow {
border-top-color: #000 !important; }
.ps-document-overlay,
.ps-carousel,
.ps-uilayer,
.ps-toolbar,
.ps-caption {
z-index: 100000000 !important; }
.vcenter {
vertical-align: middle !important; }
.table-custom > tbody > tr > td,
.table-custom > tbody > tr > th,
.table-custom > tfoot > tr > td,
.table-custom > tfoot > tr > th,
.table-custom > thead > tr > td,
.table-custom > thead > tr > th {
border-top: none;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 10px; }
.table-hover > tbody > tr:hover {
background-color: inherit; }
.modal {
z-index: 10005; }
.modal .terms_conditions_page {
margin-top: 30px; }
.modal-backdrop {
z-index: 10000; }
/*========================================================
Main Styles
=========================================================*/
body {
/*font: 400 14px/24px "Open Sans", sans-serif;*/
font: 400 14px/24px "FuturaNowText-Rg";
color: #2a2a2a;
background: #fff; }
h1, h2, h3, h4, h5, h6 {
color: #24252a;
letter-spacing: 1.2px;
margin: 0 0 20px;
line-height: normal;
letter-spacing: 0; }
/* Override the bootstrap defaults */
h1 {
font-size: 38px;
line-height: 1.2em;
font-family: inherit;
margin-bottom: 30px;
text-align: center;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
text-transform: none;
font-weight: 400; }
h1 i {
margin-right: 8px;
color: #656565;
font-size: 20px; }
h1 i:before {
font-size: 20px;
vertical-align: middle; }
h1.no-line {
margin-bottom: 30px; }
h1.no-line:after {
display: none; }
h2 {
/*font-family: "Open Sans", sans-serif;*/
/*font-family: 'Georgia';*/
font-size: 36px;
font-family: 'FuturaNowText-Rg';
text-transform: none;
font-weight: 400; }
h3 {
/*font-family: "Open Sans", sans-serif;*/
font-family: 'FuturaNowText-Rg';
font-size: 30px;
line-height: 1.2em;
text-transform: none;
font-weight: 400; }
h4 {
/*font-family: "Open Sans", sans-serif;*/
font-family: 'FuturaNowText-Rg';
font-size: 18px;
line-height: 1em;
text-transform: none;
font-weight: 400; }
h5 {
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px; }
h6 {
font-size: 9px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px; }
a {
display: inline-block;
font: inherit;
color: inherit;
text-decoration: none;
max-width: 100%;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
a:active {
background-color: transparent; }
a:visited, a:focus {
color: inherit;
outline: none;
text-decoration: none; }
a:hover {
text-decoration: none;
color: #989898; }
p a, p a:visited, p a:focus {
color: #656565; }
p a:hover, p a:visited:hover, p a:focus:hover {
text-decoration: underline; }
p + h5, p + h6 {
margin-top: 20px; }
img {
max-width: 100%;
height: auto; }
legend {
font-size: 18px;
padding: 7px 0px; }
label {
font-size: 12px;
font-weight: normal; }
strong, b {
color: #24252a; }
.input-group .input-group-addon {
height: 30px; }
.nav-tabs {
margin-bottom: 10px; }
div.required .control-label:after {
content: '*';
color: #ee372a;
font-weight: bold;
margin-left: 5px; }
.fa {
line-height: inherit;
font-family: inherit; }
.fa:before {
font-family: "FontAwesome"; }
#page > .ie-warning {
position: relative;
text-align: center;
display: none;
clear: both; }
@media (min-width: 768px) {
.lt-ie11 #page > .ie-warning {
display: block; } }
/*========================================================
Header styles
=========================================================*/
header {
padding-top: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 30px; }
header .logo {
display: inline-block;
line-height: 24px;
margin-bottom: 0;
padding: 0 30px; }
header .logo:after {
display: none; }
.common-home header {
margin-bottom: 0; }
/*================ Toggle ===============*/
.toggle-wrap {
position: relative; }
.toggle_cont {
display: none;
color: #000;
background: #f6f6f6;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 10px 15px;
font-size: 12px;
line-height: 14px;
list-style-type: none;
position: absolute;
right: 0;
top: 100%;
width: 270px;
z-index: 20; }
.toggle_cont > li {
width: 100%;
display: inline-block; }
.toggle_cont > li + li {
margin-top: 5px; }
.toggle_cont > li > a, .toggle_cont > li > button {
text-align: left;
display: inline-block;
position: relative; }
.toggle_cont > li > a:before, .toggle_cont > li > button:before {
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
display: inline-block;
content: '';
background: #24252a;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.toggle_cont > li > a:hover:before, .toggle_cont > li > a.current:before, .toggle_cont > li > button:hover:before, .toggle_cont > li > button.current:before {
left: 0;
width: 100%; }
.toggle_cont ul {
text-align: left;
font-size: 16px; }
.toggle_cont ul li + li {
margin-top: 14px; }
.toggle_cont__right {
right: auto;
left: 0; }
.box-language,
.box-currency {
margin-bottom: 16px; }
.box-language .btn-group span,
.box-currency .btn-group span {
cursor: pointer;
color: #303030; }
.box-language .btn-group span:visited,
.box-currency .btn-group span:visited {
color: #303030; }
.box-language .btn-group span:hover, .box-language .btn-group span:focus, .box-language .btn-group span:active, .box-language .btn-group span.sfHover,
.box-currency .btn-group span:hover,
.box-currency .btn-group span:focus,
.box-currency .btn-group span:active,
.box-currency .btn-group span.sfHover {
color: #656565; }
.box-language .dropdown-menu li button:hover, .box-language .dropdown-menu li button:focus, .box-language .dropdown-menu li button:active, .box-language .dropdown-menu li button.selected, .box-language .dropdown-menu li a:hover, .box-language .dropdown-menu li a:focus, .box-language .dropdown-menu li a:active, .box-language .dropdown-menu li a.selected,
.box-currency .dropdown-menu li button:hover,
.box-currency .dropdown-menu li button:focus,
.box-currency .dropdown-menu li button:active,
.box-currency .dropdown-menu li button.selected,
.box-currency .dropdown-menu li a:hover,
.box-currency .dropdown-menu li a:focus,
.box-currency .dropdown-menu li a:active,
.box-currency .dropdown-menu li a.selected {
color: #656565; }
/*================== dropdown-menu ===================*/
.dropdown-menu {
color: #000;
background: #eeeeee;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 12px;
line-height: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
min-width: 180px; }
/*================ Top Links style ===============*/
header .nav {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
header .nav > span {
position: relative;
background: rgba(255, 255, 255, 0);
content: '';
display: inline-block;
width: 18px;
height: 18px; }
header .nav > .toggle {
font-size: 24px;
line-height: 0;
color: #333743;
width: 18px;
height: 18px;
content: '';
display: inline-block; }
header .nav > .toggle.active {
left: 234px;
top: -5px; }
header .nav > .toggle i {
position: relative;
-moz-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
width: 18px;
height: 2px;
display: inline-block;
background: #333743; }
header .nav > .toggle i:before, header .nav > .toggle i:after {
position: absolute;
display: inline-block;
-moz-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
content: '';
top: -6px;
left: 0;
width: 18px;
height: 2px;
background: #333743; }
header .nav > .toggle i:after {
top: 6px; }
header .nav > .toggle span {
font-size: 11px;
/*font-family: "Open Sans", sans-serif;*/
font-family: 'FuturaNowText-Rg';
font-weight: bold;
color: #333743;
text-transform: uppercase;
letter-spacing: 1.2px; }
header .nav > .toggle:hover i {
background-color: #e1c8b4; }
header .nav > .toggle:hover i:before, header .nav > .toggle:hover i:after {
background-color: #e1c8b4; }
header .nav > .toggle_cont {
right: -270px; }
header .nav.toggle-wrap > .toggle_cont {
/* top: -30px;*/
top: 0px;
padding-top: 70px;
padding-right: 0;
padding-bottom: 78px; }
header .nav.toggle-wrap > .toggle_cont li {
width: 100%;
/*font: 600 12px/14px "Open Sans", sans-serif;*/
font: 600 12px/14px 'FuturaNowText-Rg';
position: static; }
header .nav.toggle-wrap > .toggle_cont li.sf-mega_row {
width: auto;
letter-spacing: 1px; }
header .nav.toggle-wrap > .toggle_cont li a {
color: #303030; }
header .nav.toggle-wrap > .toggle_cont li a:visited {
color: #303030; }
header .nav.toggle-wrap > .toggle_cont li a:hover, header .nav.toggle-wrap > .toggle_cont li a:focus, header .nav.toggle-wrap > .toggle_cont li a:active {
color: #303030; }
@media (min-width: 768px) {
header .nav {
display: inline-block; } }
@media (max-width: 767px) {
header .nav {
position: fixed;
top: 0;
margin: 0;
z-index: 10000; } }
/* Mobile icon search */
@media only screen and (max-width: 768px) {
.cart > button, header .nav > .toggle {
background: url('/image/search.png') no-repeat center center;
height: 22px;
width: 22px;
/* Hide the text. */
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
}
/*========================================================
Responsive Header styles
=========================================================*/
@media (min-width: 1200px) {
header .logo {
padding:0;
float: left;
clear: both;
/* padding-left: 42px;*/ } }
@media (max-width: 1199px) {
header div.navigation {
margin-right: 0; } }
@media (min-width: 768px) {
header {
text-align: center;
position: relative;
z-index: 2; }
header .nav {
position:relative;
float: left;
clear: both;
top:14px;
margin-left: 1px;
/* position: absolute;
left: 0;
top: 14px;*/ }
header .nav > .toggle {
position: absolute;
z-index: 21;
top: 0;
left: 0; }
header .nav > .toggle.active i {
width: 0;
/* hide x from menu*/
display:none; }
header .nav > .toggle.active i:before {
top: 0;
left: -5px;
width: 11px;
height: 3px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
header .nav > .toggle.active i:after {
top: 0;
left: -5px;
width: 11px;
height: 3px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
header .nav > .toggle_cont {
width: 1000px;
padding-left: 730px;
min-width: 270px;
text-align: left; }
header .nav > .toggle_cont > li {
float: left;
width: auto;
position: relative; }
header .nav > .toggle_cont > li + li {
margin-top: 13px; }
header .nav > .toggle_cont > li.pull-left {
width: auto;
display: inline-block;
float: left;
margin-top: 15px; }
header .nav > .toggle_cont > li.pull-left + .pull-left {
margin-top: 15px;
margin-left: 15px; }
header .nav > .toggle_cont > li.pull-left .dropdown-toggle {
display: inline-block;
padding-bottom: 5px; }
header .nav > .toggle_cont > li.pull-left .dropdown-toggle:after {
display: inline-block;
font-weight: 400;
font-family: "FontAwesome";
content: '\f107'; }
header .nav > .toggle_cont > li.pull-left .dropdown-toggle:before {
position: absolute;
bottom: 3px;
left: 50%;
width: 0;
height: 1px;
display: inline-block;
content: '';
background: #303030;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
header .nav > .toggle_cont > li.pull-left .dropdown-toggle:hover, header .nav > .toggle_cont > li.pull-left .dropdown-toggle.sfHover {
color: #303030; }
header .nav > .toggle_cont > li.pull-left .dropdown-toggle:hover:before, header .nav > .toggle_cont > li.pull-left .dropdown-toggle.sfHover:before {
left: 0;
width: 100%; }
header .nav > .toggle_cont > li.pull-left img {
display: none; }
header .nav > .toggle_cont > li.pull-left .dropdown-menu {
left: 0;
right: auto;
text-align: left;
padding: 15px 15px; }
header .nav > .toggle_cont .search {
margin-right: 30px; } }
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
@media (max-width: 767px) {
header .search {
float: none;
margin-bottom: 15px; }
header .box-currency {
margin-right: 0;
padding: 0; }
header .box-language, header .box-currency {
margin-bottom: 0; }
header .box-language .dropdown-toggle, header .box-currency .dropdown-toggle {
display: inline-block;
width: 100%; }
header .box-language .dropdown-menu, header .box-currency .dropdown-menu {
width: 100%;
margin-top: 10px; }
header .box-language .dropdown-menu li + li, header .box-currency .dropdown-menu li + li {
margin-top: 8px; }
header .logo {
float: none;
text-align: center;
padding: 0; }
header .logo img {
display: inline-block; }
header .nav.toggle-wrap > .toggle_cont {
top: 100%; }
header .nav.toggle-wrap > .toggle_cont .btn-group {
width: 100%; }
header .nav {
line-height: 56px;
height: 56px; }
header .nav > .toggle {
color: #000;
height: 50px;
line-height: 50px;
vertical-align: top; }
header .nav > .toggle i {
vertical-align: middle; }
header .nav > .toggle.active {
line-height: 50px;
top: 0; }
header .nav > .toggle span {
display: none; }
header .nav > .toggle_cont {
right: -10px; }
header .nav.toggle-wrap > .toggle_cont {
padding: 15px 20px 20px;
text-align: left;
max-height: 225px;
overflow: auto; }
header .nav.toggle-wrap > .toggle_cont > li + li {
margin-top: 8px; }
header .nav .toggle_cont img {
display: none; }
header .nav .toggle_cont .dropdown-menu {
position: relative;
text-align: left;
padding: 5px; }
.box-language, .box-currency {
margin-bottom: 10px; } }
/*========================================================
Content styles
=========================================================*/
#page {
background: #fff;
overflow: hidden; }
#content {
padding-bottom: 30px; }
/*================== Marked List ======================*/
.box.account ul, .box.affilate ul {
padding: 0;
list-style-type: none; }
.box.account ul li + li, .box.affilate ul li + li {
border-top: 1px solid #d9d9d9; }
.box.account ul a, .box.affilate ul a {
position: relative;
background: #f6f6f6;
display: block;
padding: 13px 15px; }
.box.account ul a:hover, .box.affilate ul a:hover {
background: #eeeeee; }
.box.account ul a:hover, .box.affilate ul a:hover {
color: #656565; }
.manufacturer-content div, #content ul.list-unstyled {
margin: 0;
list-style-type: none;
float: left;
clear: both;
font-weight: 700;
text-transform: uppercase;
font-size: 12px; }
.manufacturer-content div li + li, #content ul.list-unstyled li + li {
margin-top: 10px; }
.manufacturer-content div a, #content ul.list-unstyled a {
position: relative;
color: #24252a; }
.manufacturer-content div a:hover, #content ul.list-unstyled a:hover {
color: #989898; }
.manufacturer-content div a:before, #content ul.list-unstyled a:before {
content: '\e11d';
margin-right: 5px;
font-weight: 400;
font-family: "material-design";
color: #656565; }
#content .product-info ul.list-unstyled a:before {
display: none; }
@media (min-width: 768px) {
.common-home #content {
padding-bottom: 0; } }
@media (max-width: 767px) {
aside {
margin-top: 20px; }
aside .container {
padding: 0;
width: 100%; }
section.top {
width: 100%;
display: inline-block; } }
/*================== Lazy Img ======================*/
.lazy {
display: block;
position: relative;
height: 0;
overflow: hidden;
background: transparent url(../image/lazy-loader.gif) no-repeat center center; }
.lazy img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 0;
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
opacity: 0;
-webkit-backface-visibility: hidden; }
.lazy.lazy-loaded {
background: none; }
.lazy.lazy-loaded img {
opacity: 1; }
.search {
position: relative;
margin-bottom: 23px; }
.search input[type="text"] {
color: #24252a;
display: block;
margin: 0;
font-size: 14px;
line-height: 18px;
width: 100%;
height: 30px;
padding: 6px 25px 6px 0;
background: transparent;
border: none;
letter-spacing: 1px;
border-bottom: 1px solid #000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.search input[type="text"]:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.search input[type="text"]::-webkit-input-placeholder {
color: #24252a;
text-transform: uppercase;
font-weight: 600;
opacity: 1; }
.search input[type="text"]:-moz-placeholder {
color: #24252a;
text-transform: uppercase;
font-weight: 600;
opacity: 1; }
.search input[type="text"]::-moz-placeholder {
color: #24252a;
text-transform: uppercase;
font-weight: 600;
opacity: 1; }
.search input[type="text"]:-ms-input-placeholder {
color: #24252a;
text-transform: uppercase;
font-weight: 600;
opacity: 1; }
.search button, .search button:focus, .search button:active {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
position: absolute;
top: 0;
right: 0;
color: #24252a;
font: 400 14px/26px "FontAwesome"; }
.search button::-moz-focus-inner, .search button:focus::-moz-focus-inner, .search button:active::-moz-focus-inner {
border: none;
padding: 0; }
.search button:hover, .search button:focus:hover, .search button:active:hover {
color: #656565; }
#livesearch_search_results {
margin: 3px 0 0;
padding: 5px;
position: absolute;
top: 100%;
width: 100%;
left: 0;
background-color: #eeeeee;
list-style-type: none;
z-index: 12;
font-size: 14px;
max-height: 500px;
overflow-y: auto;
overflow-x: hidden; }
#livesearch_search_results li {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
#livesearch_search_results li img {
float: left;
margin-right: 10px; }
#livesearch_search_results li img.loading {
background: #F5F5F5; }
#livesearch_search_results li:hover, #livesearch_search_results li.highlighted {
background-color: #656565; }
#livesearch_search_results a, #livesearch_search_results a:visited {
display: block;
padding: 5px;
color: #24252a; }
#livesearch_search_results a:before, #livesearch_search_results a:after, #livesearch_search_results a:visited:before, #livesearch_search_results a:visited:after {
display: table;
content: "";
line-height: 0; }
#livesearch_search_results a:after, #livesearch_search_results a:visited:after {
clear: both; }
@media (min-width: 768px) and (max-width: 991px) {
#livesearch_search_results li img {
display: none !important; } }
/*================ Box Cart ===============*/
.box-cart {
position: relative;
color: #000; }
.box-cart strong, .box-cart b {
color: #000;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
font-family: 'FuturaNowText-Rg';
/*font-family: "Open Sans", sans-serif;*/ }
.box-cart .name {
font-size: 13px;
line-height: 17px;
margin-bottom: 5px; }
.box-cart .btn-remove-wrap, .box-cart .btn-remove__cnt {
position: absolute;
left: 0;
right: 0; }
.box-cart .btn-remove-wrap {
top: 0;
bottom: 0;
z-index: 10;
background: #f6f6f6;
display: none;
border: 1px solid #d9d9d9; }
.box-cart .btn-remove__cnt {
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; }
.box-cart .btn-danger:before {
display: none; }
.box-cart .btn-danger, .box-cart .btn-danger:focus {
border: 0;
padding: 0;
color: #000;
font-size: 13px;
background: none; }
.box-cart .btn-danger:hover, .box-cart .btn-danger:focus:hover {
color: #656565;
background: none; }
.box-cart .btn-danger:focus, .box-cart .btn-danger:focus:focus {
box-shadow: none; }
.box-cart a:hover img {
background-color: #eeeeee; }
.box-cart .btn {
margin-bottom: 7px; }
/*================ Cart ===============*/
.cart {
position: relative; }
.cart > button {
font-size: 18px;
line-height: 22px;
display: none; }
.cart > button i, .cart > button strong, .cart > button span {
vertical-align: top; }
.cart > button i {
color: #24252a;
margin-right: 10px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.cart > button:hover i, .cart > button.active i {
color: #a4d3e1; }
.cart > button .cart-total2 {
position: absolute;
top: -4px;
right: 2px;
width: 15px;
height: 15px;
text-align: center;
font-size: 12px;
line-height: 15px;
color: #fff;
background: #e1c8b4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.cart .cart-remove-btn {
margin-bottom: 10px;
margin-left: 5px; }
.cart .cart-remove-btn:before, .cart .cart-remove-btn > span {
vertical-align: middle; }
/*================ Cart DropDown ===============*/
.cart .toggle_cont {
z-index: 99;
top: 50px;
min-width: 270px;
padding: 10px 10px 5px;
max-height: 500px;
font-family: 'FuturaNowText-Rg';
/*font-family: "Open Sans", sans-serif;*/
overflow-y: auto;
overflow-x: hidden; }
.cart .toggle_cont img {
max-width: 50px; }
.cart .toggle_cont table {
margin-bottom: 10px; }
.cart .toggle_cont p {
margin-bottom: 5px; }
.cart ul > li:first-child tr {
border-bottom: 1px solid rgba(217, 217, 217, 0.6); }
.cart td {
font-size: 13px; }
.cart td strong {
font-size: 11px; }
.cart td.text-center {
padding-right: 5px;
text-align: right; }
.cart td.text-center i {
margin: 0; }
.cart .total td {
border: none;
padding: 2px;
font-weight: 600; }
.cart .price-cart {
font-weight: 600; }
.cart .table > tbody > tr {
position: relative; }
.cart .table > tbody > tr > td {
border-top: none; }
.cart .table.total tr:last-child td strong,
.cart .table.total tr:last-child td {
font-size: 18px; }
/*========================================================
Responsive styles
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.cart > button strong {
display: none; }
.cart button.toggle:before {
margin-right: -5px; } }
@media (min-width: 768px) {
.box-cart {
position: absolute;
right: 0;
top: 11px; }
.box-cart .cart-total, .box-cart strong {
display: none; }
.box-cart .toggle_cont strong {
display: inline; } }
@media (max-width: 767px) {
.cart {
position: fixed;
top: 0;
margin: 0;
z-index: 10000; }
.cart > button {
position: relative;
padding-top: 0;
padding-right: 10px; }
.cart > button .cart-total, .cart > button strong {
display: none; }
.cart > button .cart-total2 {
top: 10px; }
.cart > button i {
margin-right: 2px; }
.cart .toggle_cont {
max-height: 225px;
overflow: auto;
top: 100%;
right: -40px; } }
/*========================================================
Product
=========================================================*/
/* =================== Product Layout =================== */
.product-layout {
margin-bottom: 30px; }
/* =================== Product Image =================== */
.product-thumb .image {
position: relative;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
background: #f6f6f6; }
.product-thumb .image > a {
display: block; }
.product-thumb .image > a img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
margin: 0 auto; }
.product-thumb .image:hover {
background: #e8f9f8; }
.product-thumb .image:hover a.lazy img {
opacity: .4; }
.name {
font-size: 18px;
line-height: 24px;
color: #24252a;
font-weight: 600; }
.name a {
color: #24252a; }
.name a:visited {
color: #24252a; }
.name a:hover, .name a:active, .name a:focus {
color: #909090; }
/* =================== Product Caption =================== */
.product-thumb {
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
.product-thumb .aside {
display: none; }
.product-thumb .image {
margin-bottom: 26px; }
.product-thumb .name {
margin: 0 5%; }
.product-thumb .name > a {
display: inline; }
.product-thumb .category-name {
margin-top: 7px;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #838383; }
.product-thumb .price {
margin-top: 22px; }
.product-thumb .description {
margin-bottom: 15px; }
.product-thumb .cart-button {
display: inline-block;
position: absolute;
top: 55%;
left: 50%;
opacity: 0;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.product-thumb .cart-button > div {
width: 100%;
margin-top: 32px;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.product-thumb .cart-button > div button, .product-thumb .cart-button > div a {
vertical-align: top; }
.product-thumb .cart-button > div a {
margin-top: -2px; }
.product-thumb:hover .cart-button {
opacity: 1; display:none; }
.product-thumb:hover .cart-button > div {
margin-top: 12px; }
.table-bordered .product-thumb .image {
background: #f6f6f6 !important; }
.table-bordered .product-thumb .price {
margin: 0 0 5px; }
.table-bordered .product-thumb .name {
margin-bottom: 10px; }
.table-bordered .product-thumb .rating {
position: relative;
left: auto;
bottom: auto;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none; }
.table-bordered a img {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
/* ================== Product List, Product Grid =================== */
.product-grid .description {
display: none; }
.product-list .product-thumb .caption, .product-list .product-thumb .cart-button {
overflow: hidden; }
.cart-button{
display: none;
}
.product-list {
margin-bottom: 0; }
.product-list .product-thumb {
margin-bottom: 20px; }
@media (min-width: 768px) {
.product-list .product-thumb:before, .product-list .product-thumb:after {
display: table;
content: "";
line-height: 0; }
.product-list .product-thumb:after {
clear: both; } }
.product-list .product-thumb .name {
margin: 0 0 10px; }
.product-list .product-thumb .quickview {
display: none !important; }
.product-list .product-thumb .image, .product-list .product-thumb .caption, .product-list .product-thumb .aside {
float: left;
width: 67%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.product-list .product-thumb .caption, .product-list .product-thumb .aside {
text-align: left;
padding-left: 30px;
margin-bottom: 20px; }
.product-list .product-thumb .image {
width: 32.76%; }
.product-list .product-thumb .price {
margin: 0; }
.product-list .product-thumb .aside {
display: none; }
.product-list .product-thumb .aside button + div {
margin-top: 10px; }
.product-list .product-thumb .image .cart-button {
display: none; }
.clearfix + .product-list .product-thumb {
border-top: 1px solid #d9d9d9;
padding-top: 30px; }
.product-grid .product-thumb .image {
float: none; }
/* ================== SALE =================== */
.sale, .discount, .new-pr {
/*font: bold 12px/14px "Open Sans", sans-serif;*/
font: bold 12px/14px 'FuturaNowText-Rg';
text-transform: uppercase;
display: inline-block;
letter-spacing: 1.2px;
padding: 5px 5px;
color: #fff;
background: #242424;
position: absolute;
z-index: 1; }
.sale, .discount {
top: 0;
left: 0; }
.sale {
left: auto;
right: 0;
background-color: #9e4657; }
.new-pr {
left: 0;
top: 0; }
.sale, .new-pr {
min-width: 56px;
text-align: center;
padding: 8px 5px; }
.sale + .discount {
left: auto;
right: 0;
top: 40px; }
.sale + .discount:before {
content: '';
position: absolute;
top: -5px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 0 5px;
border-color: transparent transparent transparent #000; }
/* =================== Product Price =================== */
.price-new, .price-old, .price {
display: inline-block;
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #24252a; }
.price-old {
text-decoration: line-through; }
.price-section {
margin-top: 20px;
font-weight: 700; }
.price-section .price-new, .price-section .price-section .price-old {
font-size: 30px;
color: #24252a;
line-height: 30px; }
.price-section .price-old {
font-size: 20px;
line-height: 30px; }
.price-section .reward {
display: block;
margin-top: 10px; }
.category-name {
/*font: 400 12px/14px "Open Sans", sans-serif; }*/
font: 400 12px/14px 'FuturaNowText-Rg';}
.price-tax {
font-size: 12px; }
.price-total {
font-weight: bold; }
.price s {
font-size: 15px; }
.stock, .out-stock {
font-weight: 700; }
.stock {
color: #54B70B; }
.out-stock {
color: #EE372A; }
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block; }
/* =================== Product Rating =================== */
.fa-stack {
font-size: 12px;
line-height: 14px;
width: .8em;
height: 14px; }
.fa-stack i {
color: #C9C9C9; }
.fa-stack i.star {
color: #24252a; }
.fa-stack-2x {
font-size: 1em; }
.product-thumb .rating {
position: absolute;
bottom: 10px;
font-size: 12px;
line-height: 14px;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.rat {
color: #656565; }
.product-thumb .product-options {
display: none; }
.product-options .form-group {
width: 100%;
display: inline-block; }
.product-options .radio, .radio.image-view {
margin: 0 5px 5px 0;
display: inline-block;
float: left;
width: auto; }
.radio.image-view {
width: 24px; }
.product-options .radio + .radio,
.product-options .radio.image-view + .radio {
margin: 0 5px 5px 0; }
.product-options .radio input[type="radio"] + label,
.product-options .radio.image-view input[type="radio"] + label {
background: none;
border: none;
position: relative; }
.product-options .radio.image-view input[type="radio"] + label {
padding: 0;
line-height: 0; }
.product-options .radio.image-view input[type="radio"] + label:before {
left: 0;
top: 0;
width: 24px;
height: 24px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 2px solid #ededed; }
.product-options .radio.image-view input[type="radio"] + label:after {
display: none !important; }
.product-options .radio.image-view input[type="radio"] + label img {
display: inline-block;
position: absolute;
top: 3px;
left: 3px;
z-index: 1;
max-width: 18px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px; }
.radio.image-view input[type="radio"]:checked + label:before {
border-color: #2d2d2d; }
.ajax-overlay .product-options {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 450px;
min-width: 300px;
padding-bottom: 0;
border-bottom: none;
max-height: 80%;
backface-visibility: hidden; }
.ajax-overlay .product-options h3 {
margin-top: 0; }
.ajax-overlay .product-options .col-sm-8 {
text-align: left; }
.ajax-overlay .product-options .options {
padding: 20px;
text-align: center;
background: #FFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8); }
.ajax-overlay .product-options .ajax-overlay_close {
position: absolute;
right: 10px;
top: 10px;
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
font-family: "material-design";
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.2); }
.ajax-overlay .product-options .ajax-overlay_close:before {
content: '\e054'; }
.ajax-overlay .product-options .ajax-overlay_close:hover {
color: #000; }
.ajax-overlay .product-option-wrap {
text-align: center;
height: 100%; }
.ajax-overlay .product-option-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.ajax-quickview-cont-wrap .product-option-wrap .counter.counter-plus {
margin-right: 15px; }
.ajax-quickview-cont-wrap .product-option-wrap .counter + .product-btn-add {
margin: 10px 0; }
@media (max-width: 767px) {
.ajax-quickview-cont-wrap .product-option-wrap .counter + input.form-control {
margin-right: 10px; } }
#button-cart {
padding-top: 10px;
padding-bottom: 10px; }
.product-option-wrap .control-label {
margin-right: 5px; }
.ajax-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
z-index: 997; }
.ajax-overlay.visible {
opacity: 1;
background: rgba(0, 0, 0, 0.7);
visibility: visible; }
/*========================================================
Responsive Styles Product
=========================================================*/
@media (min-width: 1200px) {
.product-thumb .caption {
min-height: 35px; } }
@media (max-width: 1199px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%; } }
@media (min-width: 992px) and (max-width: 1199px) {
.name {
font-size: 16px;
line-height: 22px; } }
@media (min-width: 768px) {
.box .box-content .last {
clear: left; }
.fancybox-next {
right: -30px; }
.fancybox-prev {
left: -30px; }
.product-reviews .fa-stack {
font-size: 14px; }
.fancybox-outer h3 {
margin-bottom: 15px; }
.fancybox-outer .product-options {
padding-bottom: 5px; }
.fancybox-outer .product-option-wrap {
margin-top: 10px; }
.fancybox-outer .product-option-wrap h3 {
margin-bottom: 10px; }
.fancybox-outer .counter + .product-btn {
margin-left: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.product-list .product-thumb .aside {
width: 100%;
padding: 0; }
.name {
font-size: 15px;
line-height: 18px; } }
@media (max-width: 767px) {
#content .product-layout {
width: 50%;
float: left;
text-align: center; }
#content .product-layout[data-clear] + .product-layout {
clear: none; }
#content .product-layout:nth-child(2n+3) {
clear: left; }
#content .product-layout + .product-layout {
margin-top: 0; }
#content .product-layout.clr {
clear: both; }
.product-thumb .cart-button {
opacity: 1 !important;
display:none;}
.quickview {
display: none !important; }
.product-thumb {
display: inline-block;
width: 270px;
max-width: 100%; }
.product-list .product-thumb .image, .product-list .product-thumb .caption, .product-list .product-thumb .aside,
.product-grid .product-thumb .image,
.product-grid .product-thumb .caption,
.product-grid .product-thumb .aside {
float: none;
margin: 0 0 15px;
width: 100%; }
.product-list .product-thumb .aside,
.product-grid .product-thumb .aside {
display: none; }
.product-list .product-thumb .caption,
.product-grid .product-thumb .caption {
border-right: none; }
.product-list .product-thumb > .price, .product-list .product-thumb .cart-button,
.product-grid .product-thumb > .price,
.product-grid .product-thumb .cart-button {
display: none; }
.product-list + .product-list .product-thumb,
.product-grid + .product-list .product-thumb {
border-top: none;
padding-top: 0; }
.product-list .product-thumb .caption, .product-list .product-thumb .aside {
text-align: center;
padding-left: 0; }
.product-list .product-thumb .image .cart-button {
display: inline-block; }
.clearfix + .product-list .product-thumb {
border-top: none;
padding: 0; }
.product-layout {
margin-bottom: 20px; } }
@media (max-width: 540px) {
#content .product-layout {
width: 100%;
float: none; }
.product-thumb .product-options {
max-width: 95%; }
.product-thumb .product-options [class*="col-xs"] {
float: left; }
.product-thumb .product-options [class*="col-xs"] + [class*="col-xs"] {
margin-top: 0 !important; } }
/*========================================================
Box
=========================================================*/
.box {
margin-bottom: 30px; }
.box .box-heading {
margin: 0 0 30px; }
.box .box-heading h3 {
margin: 0;
/*font: 700 20px/30px "Open Sans", sans-serif; }*/
font: 700 20px/30px 'FuturaNowText-Rg';}
aside .box .box-heading {
margin-bottom: 15px; }
aside .box .box-heading h3 {
margin: 0;
font-size: 16px;
line-height: 19px; }
aside .box .product-layout {
width: 100%; }
aside .box .product-layout + .product-layout {
margin-top: 30px; }
aside [class*="col-"], aside .container {
width: 100%;
padding: 0; }
aside .row {
margin: 0; }
/*========================================================
Responsive Box
=========================================================*/
@media (min-width: 768px) and (max-width: 991px) {
.box.info .box-content ul a {
padding: 13px 5px; }
aside .box .box-heading h3 {
font-size: 16px; } }
@media (max-width: 767px) {
aside .box .box-heading {
position: relative;
cursor: pointer;
padding-bottom: 10px;
border-bottom: 2px solid #303030; }
aside .box .box-heading:after {
content: '\f055';
position: absolute;
right: 5px;
top: -2px;
font-size: 18px;
font-family: "FontAwesome";
color: #24252a; }
aside .box .box-heading.active:after {
content: '\f056'; } }
@media (max-width: 480px) {
.box .box-heading {
margin-bottom: 20px; } }
/*========================================================
Buttons
=========================================================*/
#button-search + h2 {
margin-top: 15px;
font-size: 26px; }
.button-search{
font-size:21px;
}
.buttons {
margin: 1em 0; }
.buttons:before, .buttons:after {
display: table;
content: "";
line-height: 0; }
.buttons:after {
clear: both; }
.buttons .btn {
margin-bottom: 10px; }
.buttons .btn:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.buttons .btn i, .buttons .btn span {
vertical-align: middle; }
.buttons .btn i {
font-size: 28px;
margin: 0 5px;
display: inline-block;
line-height: 24px; }
.buttons .pull-right .btn {
margin-right: 10px; }
.buttons .pull-right [for="agree1"] + .btn {
margin-bottom: 0; }
.input-group-btn .btn {
padding: 7px 12px; }
.input-group-btn .btn i {
font-size: 15px;
line-height: 18px; }
.agree b {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.agree:hover b {
color: #656565; }
/* ================ Default Buttons BEGIN =============== */
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
font-weight: bold;
color: #24252a;
background: none !important;
text-shadow: none;
letter-spacing: 1.5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 0 12px;
outline: none;
position: relative; }
.btn:before, .btn-default:before, .btn-primary:before, .btn-success:before, .btn-info:before, .btn-warning:before, .btn-danger:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
display: inline-block;
content: '';
background: #2d2d2d;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.btn:visited, .btn-default:visited, .btn-primary:visited, .btn-success:visited, .btn-info:visited, .btn-warning:visited, .btn-danger:visited {
color: #24252a;
background: none; }
.btn:hover, .btn:active, .btn:focus, .btn:active:focus, .btn:active:hover, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:active:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus, .btn-success:active:hover, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus, .btn-info:active:hover, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:active:focus, .btn-warning:active:hover, .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:active:focus, .btn-danger:active:hover {
color: #e1c8b4;
background: none;
outline: none !important; }
.btn:hover:before, .btn:active:before, .btn:focus:before, .btn:active:focus:before, .btn:active:hover:before, .btn-default:hover:before, .btn-default:active:before, .btn-default:focus:before, .btn-default:active:focus:before, .btn-default:active:hover:before, .btn-primary:hover:before, .btn-primary:active:before, .btn-primary:focus:before, .btn-primary:active:focus:before, .btn-primary:active:hover:before, .btn-success:hover:before, .btn-success:active:before, .btn-success:focus:before, .btn-success:active:focus:before, .btn-success:active:hover:before, .btn-info:hover:before, .btn-info:active:before, .btn-info:focus:before, .btn-info:active:focus:before, .btn-info:active:hover:before, .btn-warning:hover:before, .btn-warning:active:before, .btn-warning:focus:before, .btn-warning:active:focus:before, .btn-warning:active:hover:before, .btn-danger:hover:before, .btn-danger:active:before, .btn-danger:focus:before, .btn-danger:active:focus:before, .btn-danger:active:hover:before {
background-color: #e1c8b4; }
.btn:hover:before, .btn-default:hover:before, .btn-primary:hover:before, .btn-success:hover:before, .btn-info:hover:before, .btn-warning:hover:before, .btn-danger:hover:before {
left: 5%;
width: 90%; }
.btn i, .btn-default i, .btn-primary i, .btn-success i, .btn-info i, .btn-warning i, .btn-danger i {
font-size: 14px;
line-height: 16px;
height: 16px;
display: inline-block;
float: left;
margin-left: 2px;
margin-right: 2px; }
.btn-primary {
color: #303030;
padding: 7px 17px;
letter-spacing: 1.7px;
border: 1px solid #414141; }
.btn-primary:before {
display: none !important; }
.btn-primary:visited {
color: #303030; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover {
color: #e1c8b4;
border-color: #e1c8b4; }
/*================ Product Buttons BEGIN ===============*/
.product-btn {
background: none;
color: #24252a;
padding: 0;
text-transform: uppercase;
/*font: bold 12px/14px "Open Sans", sans-serif;*/
font: bold 12px/14px 'FuturaNowText-Rg';
font-family: 'FuturaNowText-Rg';
letter-spacing: 1px; }
.product-btn i {
margin-right: 3px;
font-size: 12px;
line-height: 14px;
vertical-align: top; }
.product-btn:visited {
color: #24252a;
background: none; }
.product-btn:hover, .product-btn:active, .product-btn:focus {
color: #dabba2;
background: none; }
.product-btn-add {
display: inline-block;
/*font: bold 14px/16px "Open Sans", sans-serif;*/
font: bold 14px/16px 'FuturaNowText-Rg';
text-transform: uppercase;
letter-spacing: 1.5px;
color: #fff;
padding: 8px 17px;
background: #303030;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.product-btn-add:visited {
color: #fff;
background-color: #303030; }
.product-btn-add:hover, .product-btn-add:active, .product-btn-add:focus {
color: #fff;
background-color: #dabba2; }
.product-btn + .product-btn {
margin-left: 15px; }
.cart-button .product-btn {
margin-right: 15px; }
.cart-button .product-btn + .product-btn {
margin-left: 0; }
/* ================ Product page buttons =============== */
.product-buttons {
margin: 10px 0 1em;
padding: 0; }
.product-buttons:before, .product-buttons:after {
display: table;
content: "";
line-height: 0; }
.product-buttons:after {
clear: both; }
.product-buttons li {
display: inline-block;
margin-right: 10px;
list-style: none; }
.product-buttons li button {
display: inline-block;
background: none;
color: #24252a;
padding: 0; }
.product-buttons li button:hover {
color: #656565;
background: transparent; }
.product-buttons li button:active, .product-buttons li button:focus {
box-shadow: none; }
.btn-icon {
font-size: 14px;
line-height: 16px;
color: #24252a;
text-align: center;
width: 18px; }
.btn-icon:visited {
color: #24252a; }
.btn-icon:hover, .btn-icon:active, .btn-icon:focus {
color: #656565; }
.btn-icon + .btn-icon {
margin-left: 0; }
#button-cart {
display: inline-block;
margin-left: 10px;
vertical-align: middle; }
#button-cart:disabled {
pointer-events: none;
opacity: .5; }
/* ================ Tooltip ================= */
.tooltip-inner {
background: #656565; }
[class][class].tooltip-arrow {
border-top-color: #656565; }
/*========================================================
Responsive styles Buttons
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.account-wishlist table td .btn {
padding: 10px; }
.product-btn-add {
letter-spacing: 1px; } }
@media (min-width: 768px) and (max-width: 991px) {
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
letter-spacing: .5px; }
.table-bordered > tbody > tr > .text-right {
padding: 5px; }
.account-wishlist table td .btn {
padding: 6px; }
.product-btn-add {
letter-spacing: .5px;
padding-left: 10px;
padding-right: 10px; } }
@media (max-width: 767px) {
#grid-view, #list-view {
display: none; }
.product-thumb .image > .quickview {
display: none; } }
@media (max-width: 479px) {
.buttons .pull-left, .buttons .pull-right {
float: none !important;
margin-left: 0; }
#button-cart {
display: block;
margin: 15px 0 0;
width: 100%; } }
@media (max-width: 410px) {
.account-address .table td a {
display: block; }
.account-address .table td a + a {
margin-top: 5px; } }
/*========================================================
Form Styles
=========================================================*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
display: block;
width: 100%;
background: #ffffff;
border: 1px solid #d9d9d9;
color: #24252a;
font-size: 14px;
height: 36px;
line-height: 24px;
padding: 6px 10px 6px 20px;
outline: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
border-color: #d9d9d9;
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); }
.product-options .checkbox input[type="checkbox"] + label,
.product-options .radio input[type="radio"] + label {
border: 1px solid #d9d9d9; }
select:hover {
cursor: pointer; }
input[name*="quantity"] {
display: inline-block;
width: 40px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle; }
input[name="captcha"] + img {
margin-top: 15px; }
textarea:not([class*="habla"]) {
min-height: 200px; }
select {
display: none; }
#modal-shipping input[type="radio"] {
display: inline;
float: left;
margin-top: 8px; }
@media (max-width: 479px) {
#modal-shipping .btn, #modal-shipping #button-shipping {
margin-top: 5px; } }
.counter, .counter:focus {
display: inline-block;
height: 36px;
width: 36px;
color: #24252a;
background: #f1f1f1;
line-height: 36px;
text-align: center;
font-size: 20px;
vertical-align: middle; }
.counter:hover, .counter:focus:hover {
background: #eeeeee;
color: #e1c8b4; }
@media (max-width: 767px) {
.counter, .counter:focus {
display: none; } }
@media (max-width: 767px) {
#product .counter {
display: inline-block; } }
.input-group-btn .btn {
height: 36px;
padding-top: 0;
padding-bottom: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #e9e9e9 !important; }
.input-group-btn .btn:before {
display: none; }
.sbHolder {
background-color: #f1f1f1;
border: 1px solid #d9d9d9;
height: 36px;
position: relative;
width: 100%;
text-align: left;
color: #24252a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 120px; }
.sbHolder:hover {
background: #eeeeee; }
.sbHolder:focus {
border-color: rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); }
.sbSelector {
display: block;
height: 100%;
line-height: 24px;
position: absolute;
left: 0;
top: 0;
right: 30px;
padding: 6px 10px 6px 15px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.sbSelector:hover {
color: inherit; }
.sbToggle {
display: block;
height: 100%;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
text-align: center;
color: inherit;
font-family: "material-design";
line-height: 36px;
font-size: 14px; }
.sbToggle:before {
content: "";
display: block;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.sbToggle:hover {
color: inherit; }
.sbToggleOpen:before {
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg); }
.sbHolderDisabled {
background-color: #3C3C3C;
border: solid 1px #515151; }
.sbOptions {
background-color: #f1f1f1;
list-style: none;
left: 0;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
z-index: 1;
overflow-y: auto;
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
outline: 1px solid #d9d9d9;
font-size: 14px;
line-height: 16px;
z-index: 2; }
.sbOptions li a {
display: block;
padding: 8px 20px 8px 10px;
color: #24252a; }
.sbOptions li a:hover {
background: #eeeeee; }
input[type="radio"] {
display: none; }
input[type="radio"] + label {
position: relative;
padding-left: 30px;
line-height: 24px; }
input[type="radio"] + label:before, input[type="radio"] + label:after {
content: '';
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
input[type="radio"] + label:before {
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #d9d9d9;
background: #f6f6f6; }
input[type="radio"] + label:after {
top: 6px;
left: 2px;
width: 12px;
height: 12px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
input[type="radio"]:checked + label:after {
background: #e1c8b4; }
.radio-inline {
margin-right: 5px; }
input[type="checkbox"] {
display: none; }
input[type="checkbox"] + label {
position: relative;
padding-left: 20px;
cursor: pointer; }
input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {
content: '';
position: absolute;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 5px;
left: 0;
width: 14px;
height: 14px; }
input[type="checkbox"] + label:before {
background: #e5e5e5;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
input[type="checkbox"] + label:after {
text-align: center;
line-height: 14px;
font-family: "FontAwesome";
color: #656565; }
input[type="checkbox"]:checked + label:after {
content: ""; }
input[type="checkbox"][disabled] + label {
color: #767676;
display: none; }
input[type="checkbox"][name="agree"] + label {
margin-bottom: 12px; }
input[type="checkbox"][name="agree"] + label:before, input[type="checkbox"][name="agree"] + label:after {
top: 0; }
#habla_window_div #habla_topbar_div {
background: #24252a !important; }
#at15s, #at20mc {
z-index: 999 !important; }
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
opacity: 0;
-moz-transition: all 1.3s ease 0.3s;
-o-transition: all 1.3s ease 0.3s;
-webkit-transition: all 1.3s ease 0.3s;
transition: all 1.3s ease 0.3s; }
#page-preloader.visible {
opacity: 1;
z-index: 100500; }
#page-preloader.visible .preloader {
opacity: 1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#page-preloader .preloader {
display: none;
width: 140px;
height: 140px;
position: absolute;
border: 10px solid #fff;
left: 50%;
top: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: url("../image/preloader.gif") no-repeat 50% 50% #fff;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0; }
/*========================================================
Menu styles
=========================================================*/
.sf-menu {
display: inline-block; }
.sf-menu:before, .sf-menu:after {
display: table;
content: "";
line-height: 0; }
.sf-menu:after {
clear: both; }
.sf-menu > li {
position: static; }
.sf-menu > li + li {
margin-top: 10px; }
.navigation {
width: 100%; }
.megamenu {
position: static; }
.megamenu ul {
width: 100%; }
header .navigation {
color: #000;
display: inline-block;
font-size: 11px;
line-height: 14px; }
header .megamenu h3 {
display: none; }
.sf-menu {
list-style: none;
margin: 0 0 20px;
padding: 0; }
/*================ Menu ===============*/
.sf-menu li {
position: relative; }
.sf-menu li.sfHover > a, .sf-menu li > a:hover, .sf-menu li > a.active {
color: #24252a; }
.sf-menu li.sfHover > a:before, .sf-menu li > a:hover:before, .sf-menu li > a.active:before {
left: 0;
width: 100%; }
.sf-menu li.sf-with-mega {
position: static; }
.sf-menu > li > a {
color: #24252a;
display: inline-block;
/*font: 600 14px/16px "Open Sans", sans-serif;*/
font: 600 14px/16px 'FuturaNowText-Rg';
letter-spacing: 1.2px;
text-transform: uppercase;
position: relative; }
.sf-menu > li > a:before {
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
display: inline-block;
content: '';
background: #24252a;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.sf-menu > li > a:visited {
color: #24252a; }
.sf-menu > li > a:hover, .sf-menu > li > a:focus, .sf-menu > li > a:active, .sf-menu > li > a.sfHover {
color: #24252a; }
/*================ Sub-menu lvl1 ===============*/
.sf-menu .simple_menu {
list-style-type: none;
display: none;
position: absolute;
z-index: 109;
left: 100%;
top: 0;
width: 270px;
height: 100%;
margin-top: 0;
padding: 0;
color: #000;
background-color: #f6f6f6;
border-left: 1px solid #fff; }
/*================ Sub-menu lvl1 item ===============*/
.sf-menu .simple_menu {
padding: 70px 40px 50px; }
.sf-menu .simple_menu li {
position: relative;
padding: 0 20px;
text-align: left; }
.sf-menu .simple_menu a {
display: inline-block;
color: #000; }
.sf-menu .simple_menu li.active > a, .sf-menu .simple_menu a:hover, .sf-menu .simple_menu li.sfHover > a {
color: #656565; }
/*================ Sub-menu lvl2 ===============*/
.sf-menu .simple_menu .simple_menu {
left: 100%;
top: 0;
margin-top: 0; }
.sf-menu .simple_menu .simple_menu:before {
display: none; }
.menu-gadget {
display: none !important; }
.sf-menu .sf-mega {
display: none;
width: 840px;
min-height: 100%;
position: absolute;
list-style-type: none;
top: 0;
left: 100%;
z-index: 109;
padding: 126px 45px 50px 51px;
/* font: 400 12px/14px "Open Sans", sans-serif;*/
font: 400 12px/14px 'FuturaNowText-Rg';
background-color: #f6f6f6;
border-left: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-repeat: no-repeat;
text-align: left; }
.sf-menu .sf-mega .container, .sf-menu .sf-mega [class*="col-"], .sf-menu .sf-mega .row {
width: 100%;
padding: 0;
margin: 0; }
.sf-menu .sf-mega .megamenu_module {
margin-top: 7px; }
.sf-menu .sf-mega > li {
padding: 0 0 10px 0;
letter-spacing: 0; }
.sf-menu .sf-mega ul {
padding: 8px 0 0;
list-style-type: none; }
.sf-menu .sf-mega ul li > a {
color: #24252a;
position: relative; }
.sf-menu .sf-mega ul li > a:visited {
color: #24252a; }
.sf-menu .sf-mega ul li > a:hover, .sf-menu .sf-mega ul li > a:focus, .sf-menu .sf-mega ul li > a:active, .sf-menu .sf-mega ul li > a.sfHover {
color: #24252a; }
.sf-menu .sf-mega ul li > a:before {
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
display: inline-block;
content: '';
background: #24252a;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.sf-menu .sf-mega ul li.sfHover > a, .sf-menu .sf-mega ul li > a:hover, .sf-menu .sf-mega ul li > a.active {
color: #24252a; }
.sf-menu .sf-mega ul li.sfHover > a:before, .sf-menu .sf-mega ul li > a:hover:before, .sf-menu .sf-mega ul li > a.active:before {
left: 0;
width: 100%; }
.sf-menu .sf-mega ul li + li {
margin-top: 13px; }
.sf-menu .sf-mega_row {
margin: 0 -15px; }
.sf-menu .sf-mega_row:before, .sf-menu .sf-mega_row:after {
display: table;
content: "";
line-height: 0; }
.sf-menu .sf-mega_row:after {
clear: both; }
.sf-menu .sf-mega_section {
float: left;
padding: 0 15px; }
.sf-menu .sf-mega .submenu_title {
/*font: bold 11px/13px "Open Sans", sans-serif;*/
font: bold 11px/13px 'FuturaNowText-Rg';
text-transform: uppercase;
letter-spacing: 1.4px; }
.sf-menu .sf-mega .submenu_title + ul {
margin-top: 15px; }
.sf-menu .sf-mega .sf-mega_section a {
font-size: 14px;
line-height: 16px;
font-weight: 600;
text-transform: uppercase; }
.submenu_title a:hover, .submenu_title a.active {
color: #656565; }
/* ------------------------------------------------------------*/
.sf-mega .banners a {
background: #e8f9f8; }
.sf-mega .banners a .s-desc {
display: inline-block;
position: absolute;
left: 7%;
width: 86%;
bottom: 4.8%;
letter-spacing: 0; }
.sf-mega .banners a h3 {
display: block;
font-size: 24px;
line-height: 29px;
margin-bottom: 12px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.sf-mega .banners a p {
font-weight: 600;
text-transform: none;
line-height: 24px; }
.sf-mega .banners a img {
background: #fff;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.sf-mega .banners a:hover .s-desc h3 {
color: #656565; }
.sf-mega .banners a:hover img {
/* opacity: .6;*/
}
.sf-menu > li > .sf-with-ul {
position: relative; }
.sf-menu > li > .sf-with-ul:after {
position: absolute;
left: 100%;
display: inline-block;
top: 0;
padding-left: 5px;
content: ">"; }
.sf-menu > li.sfHover > .sf-with-ul:before {
opacity: 1; }
.sf-menu ul > li > .sf-with-ul {
position: relative; }
/*========================================================
Styles Responsive
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.sf-menu .sf-mega {
width: 695px; } }
@media (min-width: 768px) and (max-width: 991px) {
.sf-menu > li > a {
font-size: 12px;
line-height: 14px; }
.sf-menu .sf-mega {
width: 475px;
padding-left: 25px;
padding-right: 25px; }
.sf-menu .sf-mega .sf-mega_section a {
font-size: 12px;
line-height: 14px; }
.sf-mega .banners a h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 8px; }
.sf-mega .banners a p {
line-height: 16px; } }
@media (max-width: 767px) {
.sf-menu {
display: none; }
.sf-mega_section {
width: 100% !important; } }
/*================== Stuck menu ======================*/
.stuck-menu {
width: auto !important; }
.stuck-menu > .container > div {
position: relative;
width: 100%;
display: inline-block; }
.ajax-overlay-open .scroll-fix {
z-index: 996; }
@media only screen and (min-width: 991px) {
.scroll-fix {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.scroll-fix.stuck-menu > .container {
padding-top: 10px; }
.scroll-fix.stuck-menu > .container > div {
padding: 0 0 5px; } }
@media only screen and (max-width: 991px) {
.stuck-menu {
position: static; }
.stuck-menu + .stuck-menu {
display: none; } }
@media (max-width: 767px) {
.stuck-menu {
text-align: center; } }
/*================== RD Mobile Menu =====================*/
.rd-mobilemenu {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
text-align: left;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.rd-mobilemenu.active {
right: 0; }
.rd-mobilemenu_ul {
position: fixed;
top: -56px;
left: 0;
bottom: -56px;
width: 240px;
padding: 132px 0 76px;
color: #666;
background: #fff;
font-size: 11px;
line-height: 14px;
font-weight: bold;
overflow: auto;
/* font-family: "Open Sans", sans-serif;*/
font-family: 'FuturaNowText-Rg';
text-transform: uppercase;
-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-transform: translateX(-240px);
-ms-transform: translateX(-240px);
-o-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transform: translateX(-240px);
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.rd-mobilemenu.active .rd-mobilemenu_ul {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
.rd-mobilemenu_ul a {
display: block;
padding: 10px 25px 10px 15px; }
.rd-mobilemenu_ul a.active {
background: #f5f5f5;
color: #2d2d2d; }
.rd-mobilemenu_ul a:hover {
background: #656565;
color: #FFF; }
.rd-mobilemenu_ul a .rd-submenu-toggle {
position: absolute;
top: 50%;
right: 11px;
margin-top: -14px;
width: 28px;
height: 28px;
font: 400 10px "FontAwesome";
line-height: 28px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
z-index: 1;
background: rgba(0, 0, 0, 0.1); }
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
content: '\f078'; }
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
background: #fff;
color: #666; }
.rd-mobilemenu_ul a.rd-with-ul {
position: relative; }
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.rd-mobilemenu_ul ul {
list-style-type: none;
padding-left: 0; }
.rd-mobilemenu_ul ul a {
padding-left: 30px; }
.rd-mobilemenu_ul ul ul a {
padding-left: 45px; }
.rd-mobilemenu_ul:after {
content: '';
display: block;
height: 20px; }
.rd-mobilemenu_ul .megamenu_module {
margin-top: 10px;
margin-bottom: 10px; }
.rd-mobilemenu_ul .banners > div .banner-box > a {
padding: 0; }
.rd-mobilemenu_ul .banners > div .s-desc {
bottom: 10px;
left: 5%;
width: 90%; }
.rd-mobilemenu_ul .banners > div .s-desc h3 {
color: #24252a; }
.rd-mobilepanel {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 56px;
background: #e1e1e1;
color: #000;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
z-index: 10000; }
.rd-mobilepanel_title {
position: fixed;
top: 4px;
left: 52px;
right: 96px;
color: #000;
font-size: 20px;
line-height: 48px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 0; }
.rd-mobilepanel_toggle {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
position: fixed;
top: 4px;
left: 4px;
width: 48px;
height: 48px; }
.rd-mobilepanel_toggle::-moz-focus-inner {
border: none;
padding: 0; }
.rd-mobilepanel_toggle span {
position: relative;
display: block;
margin: auto;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
content: "";
position: absolute;
left: 0;
top: -6px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after {
top: 6px; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
width: 20px;
height: 3px;
background-color: #000;
backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.rd-mobilepanel_toggle span {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
-moz-transform-origin: 1.42857px center;
-ms-transform-origin: 1.42857px center;
-o-transform-origin: 1.42857px center;
-webkit-transform-origin: 1.42857px center;
transform-origin: 1.42857px center;
-moz-transform-origin: 1.42857px center;
-ms-transform-origin: 1.42857px center;
-o-transform-origin: 1.42857px center;
-webkit-transform-origin: 1.42857px center;
transform-origin: 1.42857px center; }
.rd-mobilepanel_toggle.active span {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
top: 0;
width: 12.5px; }
.rd-mobilepanel_toggle.active span:before {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg); }
.rd-mobilepanel_toggle.active span:after {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg); }
@media (max-width: 767px) {
body {
padding-top: 56px; }
.rd-mobilemenu, .rd-mobilepanel {
display: block; }
.cart {
right: 40px;
height: 56px;
z-index: 10001; }
.cart > button {
line-height: 56px; }
header .nav {
right: 10px;
z-index: 10001; }
.cart > button, .nav > .toggle {
color: #000;
font-size: 20px; }
.cart > button:hover, .nav > .toggle:hover {
color: #656565; } }
@media (max-width: 400px) {
.rd-mobilepanel_title {
font-size: 18px; }
.cart > button, header .nav > .toggle {
font-size: 22px; } }
/*========================================================
Banners
=========================================================*/
.banners > div .banner-box {
position: relative; }
.banners > div .banner-box > a {
display: block; }
.banners > div .s-desc {
position: absolute; }
.banners > div .s-desc h3 {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.banners a {
background: #e8f9f8; }
.banners a img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
background: #fff; }
.banners a:hover h3 {
color: #19191994; }
.banners a:hover img {
/*opacity: .6;*/ }
.top .banners {
width: 53.56%;
float: left;
margin-bottom: 40px; }
.top .banners .s-desc {
top: 8.5%;
left: 100%;
min-width: 285px;
padding-left: 57px;
color: #24252a;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 1.5px; }
.top .banners .s-desc h3 {
margin-top: 8px;
margin-bottom: 22px; }
.top .banners .s-desc:before, .top .banners .s-desc:after {
position: absolute;
top: 5px;
left: 0;
width: 45px;
height: 3px;
content: '';
background: #2d2d2d;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.top .banners a:hover .s-desc:before {
left: -20px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.top .banners a:hover .s-desc:after {
left: -20px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.top .banners + .banners {
width: 30.39%;
padding-right: 0;
float: right;
clear: right; }
.top .banners + .banners .s-desc {
top: auto;
bottom: 5%;
left: auto;
right: 100%;
text-align: right;
padding-left: 15px;
padding-right: 63px; }
.top .banners + .banners .s-desc:before, .top .banners + .banners .s-desc:after {
left: auto;
right: 0; }
.top .banners + .banners a:hover .s-desc:before {
left: auto;
margin-right: -20px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.top .banners + .banners a:hover .s-desc:after {
left: auto;
margin-right: -20px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.top .banners + .banners + .banners {
width: 64.44%; }
.top .banners + .banners + .banners .s-desc {
padding-left: 0; }
.top .banners + .banners + .banners .s-desc h3 {
margin-bottom: 16px; }
.bottom .banners {
width: 63.7%;
margin-bottom: 71px; }
.bottom .banners .s-desc {
top: 8.5%;
left: 100%;
min-width: 270px;
padding-left: 58px;
color: #24252a;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 2px; }
.bottom .banners .s-desc h3 {
margin-top: 8px; }
.bottom .banners .s-desc:before, .bottom .banners .s-desc:after {
position: absolute;
top: 5px;
left: 0;
width: 45px;
height: 3px;
content: '';
background: #2d2d2d;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.bottom .banners a:hover .s-desc:before {
left: -20px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.bottom .banners a:hover .s-desc:after {
left: -20px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
/*========================================================
Responsive Banners
=========================================================*/
@media (min-width: 2050px) {
.banners a {
max-height: 620px;
overflow: hidden; }
.banners a img {
width: 100%; } }
@media (min-width: 1200px) and (max-width: 1799px) {
.top .banners {
width: 50.882%; }
.top .banners .s-desc {
min-width: 240px; }
.top .banners .s-desc h3 {
font-size: 24px; }
.top .banners + .banners {
width: 28.871%; }
.bottom .banners .s-desc h3 {
font-size: 24px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.top .banners {
width: 48.338%; }
.top .banners .s-desc {
min-width: 210px;
letter-spacing: .3px; }
.top .banners .s-desc h3 {
font-size: 20px; }
.top .banners + .banners {
width: 27.427%; }
.bottom .banners {
margin-bottom: 56px; }
.bottom .banners .s-desc {
letter-spacing: .3px;
min-width: 200px; }
.bottom .banners .s-desc h3 {
font-size: 20px; } }
@media (min-width: 768px) and (max-width: 991px) {
.top .banners {
width: 43.625%; }
.top .banners .s-desc {
font-size: 12px;
min-width: 200px;
letter-spacing: 0; }
.top .banners .s-desc h3 {
font-size: 18px;
margin-top: 3px;
margin-bottom: 0; }
.top .banners + .banners {
width: 24.753%; }
.bottom .banners {
margin-bottom: 40px; }
.bottom .banners .s-desc {
letter-spacing: 0;
min-width: 200px; }
.bottom .banners .s-desc h3 {
font-size: 18px;
margin-top: 3px;
margin-bottom: 0; } }
@media (max-width: 767px) {
.top .banners {
width: 100%;
float: none;
margin-bottom: 20px;
text-align: center; }
.top .banners .s-desc {
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
padding: 0;
text-align: center;
background: rgba(255, 255, 255, 0.45098039215686275);
padding: 34px; }
.top .banners .s-desc h3 {
font-size: 24px; }
.top .banners .s-desc:before, .top .banners .s-desc:after {
display: none; }
.top .banners + .banners {
width: 100%;
float: none; }
.top .banners + .banners .s-desc {
top: 50%;
left: 50%;
bottom: auto;
right: auto;
padding: 0;
text-align: center; }
.top .banners + .banners + .banners {
width: 100%;
}
.banners a img {
/*opacity: .4;*/ }
.bottom .banners {
width: 100%;
float: none;
margin-bottom: 40px;
text-align: center; }
.bottom .banners .s-desc {
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
padding: 0;
text-align: center; }
.bottom .banners .s-desc h3 {
font-size: 24px; }
.bottom .banners .s-desc:before, .bottom .banners .s-desc:after {
display: none; }
.banners > div .banner-box > a {
display: inline-block; } }
.owl-carousel {
position: relative;
margin: 0 -15px;
width: auto; }
.owl-carousel .owl-item {
padding: 0 15px;
width: 250px !important; }
.owl-carousel .owl-nav div {
opacity: 0;
color: #c9c9c9;
transition: all .3s ease;
font-size: 25px;
position: absolute;
top: 48%; }
.owl-carousel .owl-nav div:hover {
color: #24252a; }
.owl-carousel .owl-nav .owl-prev {
left: -10px; }
.owl-carousel .owl-nav .owl-next {
right: -10px;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.owl-carousel:hover .owl-nav div {
opacity: 1; }
.owl-carousel:hover .owl-nav .owl-prev {
left: -20px; }
.owl-carousel:hover .owl-nav .owl-next {
right: -20px; }
@media (max-width: 767px) {
.owl-carousel .owl-nav div {
opacity: 1; }
.owl-carousel .owl-nav .owl-prev {
left: -10px; }
.owl-carousel .owl-nav .owl-next {
right: -10px; } }
@-moz-document url-prefix() {
.owl-carousel .owl-nav div.owl-next {
margin-top: -1px !important;
vertical-align: top; } }
.testimonials.owl-carousel .owl-nav {
margin-top: 30px; }
.testimonials.owl-carousel .owl-nav div {
opacity: 1;
position: static;
display: inline-block;
margin: 0 5px; }
.brand-carousel .owl-nav div {
top: 30%; }
aside .owl-carousel .owl-nav .owl-prev {
left: 15px !important; }
aside .owl-carousel .owl-nav .owl-next {
right: 15px !important; }
.owl-pagination {
text-align: center;
top: 40px;
position: relative; }
.owl-controls .owl-page {
display: inline-block;
margin: 0px 6px; }
.owl-controls .owl-page span {
display: block;
width: 11px;
height: 11px;
background: rgba(0, 0, 0, 0.5);
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.owl-controls .owl-page.active span {
background: rgba(0, 0, 0, 0.9); }
/*========================================================
Responsive Layout
=========================================================*/
@media (max-width: 1239px) {
.owl-carousel .owl-nav div {
opacity: 1 !important; }
.owl-carousel .owl-nav .owl-prev {
left: 0 !important; }
.owl-carousel .owl-nav .owl-next {
right: 0 !important; }
.related-block .owl-carousel .owl-nav div {
opacity: 1 !important; }
.related-block .owl-carousel .owl-nav .owl-prev {
left: 10px !important; }
.related-block .owl-carousel .owl-nav .owl-next {
right: 10px !important; } }
@media (max-width: 991px) {
.owl-carousel .owl-nav .owl-prev {
left: -5px !important; }
.owl-carousel .owl-nav .owl-next {
right: -5px !important; } }
@media (max-width: 1199px) {
.related-block .owl-carousel .owl-nav .owl-prev {
left: 0px !important; }
.related-block .owl-carousel .owl-nav .owl-next {
right: 0px !important; } }
@media (max-width: 767px) {
.owl-carousel {
margin-left: 0;
margin-right: 0; }
.owl-carousel .owl-nav .owl-prev {
left: -10px !important; }
.owl-carousel .owl-nav .owl-next {
right: -10px !important; }
.owl-carousel.owl-drag .owl-item {
text-align: center; }
aside .owl-carousel .owl-nav .owl-prev {
left: -10px !important; }
aside .owl-carousel .owl-nav .owl-next {
right: -10px !important; } }
/*========================================================
Blog Styles
=========================================================*/
.blog_article {
margin-bottom: 30px; }
.blog_article .btn {
margin-top: 30px; }
.article-info .article-sub-title {
text-align: center; }
.article-info .btn {
margin-top: 15px; }
.article-image {
text-align: center;
margin-bottom: 15px; }
.simple_blog-article-view h1:after {
margin-bottom: 15px; }
.article-title {
/*font: bold 16px/19px "Open Sans", sans-serif;*/
font: bold 16px/19px 'FuturaNowText-Rg';
color: #24252a;
text-transform: uppercase;
letter-spacing: 1.2px; }
.article-title h3 {
margin-bottom: 36px; }
.article-title h3 a {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.article-title h3 a:hover, .article-title h3 a:focus, .article-title h3 a:active {
color: #e1c8b4; }
.article-title > h1 {
text-transform: none; }
.article-title > a {
display: inline; }
.article-title a:hover {
color: #656565; }
.article-title + * {
margin-top: 10px; }
* + .article-description {
margin-top: 15px; }
.article-sub-title {
font-size: 14px;
line-height: 16px;
color: #24252a;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px; }
.article-sub-title span:before {
font-size: 14px;
font-family: "material-design";
color: #656565;
line-height: inherit;
margin-right: 5px;
vertical-align: bottom; }
.article-sub-title span + span {
margin-left: 10px; }
.article-sub-title + * {
margin-top: 15px; }
.article-description ul, .article-description ol {
padding-left: 0;
list-style-type: none;
margin: 35px 0 45px; }
.article-description ul li, .article-description ol li {
position: relative;
color: #656565;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
padding-left: 50px; }
.article-description ul li:before, .article-description ol li:before {
position: absolute;
left: 0;
top: 0; }
.article-description ul li + li, .article-description ol li + li {
margin-top: 16px; }
.article-description ul li:before {
content: '\e18e';
font-size: 28px;
font-family: "material-design"; }
.article-description ol {
counter-reset: list; }
.article-description ol li {
counter-increment: list; }
.article-description ol li:before {
content: counter(list,decimal-leading-zero) ".";
color: #24252a;
font-size: 16px;
font-weight: 700; }
.article-description + * {
margin-top: 40px; }
.related-article h4 {
text-transform: uppercase;
color: #656565; }
.related-article h4 a:hover {
color: #24252a; }
.related-article .article-sub-title {
text-align: left; }
.related-article .article-sub-title span + span {
margin-left: 5px; }
.related-article .row + .row {
margin-top: 30px; }
.related-article .image {
margin-top: 5px; }
.author-info .image {
float: left;
margin: 5px 30px 10px 0; }
.article-comment {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d9d9d9; }
.article-comment .author {
float: left;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 10px; }
.article-comment .reply-message {
float: right;
text-transform: uppercase; }
.article-comment .reply-message a:hover {
color: #989898; }
.article-comment .comment-date {
clear: both;
color: #24252a;
text-transform: uppercase; }
.article-comment .comment-date:before {
content: '\e053';
font-size: 15px;
color: #656565;
font-family: "material-design";
margin-right: 5px; }
.article-comment .text {
margin-top: 15px; }
.article-comment .article-reply {
margin: 30px 0 0 60px; }
.reply-cancel {
font-size: 16px;
color: #656565;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
text-transform: uppercase;
margin-top: 10px; }
.reply-cancel:hover {
color: #24252a; }
#review-title {
clear: both; }
.blog_articles .article-sub-title span + span {
margin-left: 0; }
section.bottom .blog_articles {
margin-bottom: 71px;
}
section.bottom .blog_articles .box-heading {
margin-bottom: 32px; }
section.bottom .blog_articles .box-heading h2 {
margin-bottom: 0; }
section.bottom .blog_articles .btn {
padding-bottom: 19px; }
section.bottom .blog_articles .blog_articles-block > .col-sm-6 {
padding: 0; }
@media (min-width: 768px) {
section.bottom .blog_articles .blog_articles-block > .col-sm-6 {
z-index: 1; } }
section.bottom .blog_articles .blog_articles-block > .col-sm-6 a:hover img {
opacity: .6; }
section.bottom .blog_articles .blog_articles-block:nth-of-type(odd) > .col-sm-6 {
float: right; }
section.bottom .blog_articles .blog_articles-block:nth-of-type(odd) .description-blog .col-sm-6 {
left: 0;
padding-left: 15px; }
section.bottom .blog_articles .box-heading {
text-align: center; }
section.bottom .blog_articles .article-image {
margin-bottom: 0; }
section.bottom .blog_articles .article-image img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
section.bottom .blog_articles .blog_articles-block {
background: #f8f8f8; }
section.bottom .blog_articles .description-blog {
position: relative; }
section.bottom .blog_articles .description-blog .col-sm-6 {
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 25px 40px 15px 45px; }
section.bottom .blog_articles .description-blog .article-sub-title + * {
margin-top: 8px; }
aside .blog_articles .box-heading h2 {
font-size: 30px;
line-height: 36px; }
aside .blog_articles .article-title h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px; }
aside .blog_articles .article-description {
margin-bottom: 20px; }
aside .blog_articles * + .article-description {
margin-top: 10px; }
aside .blog-categories ul > li {
position: relative; }
aside .blog-categories ul > li + li {
margin-top: 2px; }
aside .blog-categories ul > li > i {
position: absolute;
top: 10px;
right: 10px;
color: #24252a;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
cursor: pointer;
font-size: 20px; }
aside .blog-categories ul > li > i:hover {
color: #656565; }
aside .blog-categories ul > li > a {
background: #f6f6f6;
display: block;
color: #24252a;
/*font: bold 12px/14px "Open Sans", sans-serif;*/
font: bold 12px/14px 'FuturaNowText-Rg';
font-family: 'FuturaNowText-Rg';
text-transform: uppercase;
padding: 8px 10px 8px 20px; }
aside .blog-categories ul > li > a:hover {
background: #eeeeee; }
aside .blog-categories ul ul {
display: none;
padding: 0;
list-style-type: none;
border-top: 1px solid #d9d9d9; }
aside .blog-categories ul ul a {
padding-left: 40px; }
aside #blog-search {
margin: 15px 0 0;
position: relative; }
aside #blog-search input {
padding-right: 35px; }
aside #blog-search a {
display: inline-block;
position: absolute;
right: 10px;
font-size: 16px;
line-height: 36px;
top: 0;
color: #24252a;
font-family: "FontAwesome";
background: none; }
aside #blog-search a:before {
content: '\f002'; }
aside #blog-search a:hover {
color: #656565; }
.simple_blog-article .blog_article {
margin-bottom: 35px; }
.simple_blog-article .article-image {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden; }
.simple_blog-article .blog_article .btn {
margin-top: 0; }
.simple_blog-article .article-description + * {
margin-top: 15px; }
.simple_blog-article-view .product_tabs .nav-tabs {
width: 25%; }
.simple_blog-article-view .product_tabs .tab-content {
width: 75%; }
/*========================================================
Blog Styles Responsive
=========================================================*/
@media (min-width: 2050px) {
section.bottom .blog_articles .article-image a {
width: 100%;
max-height: 387px;
overflow: hidden; }
section.bottom .blog_articles .article-image a img {
width: 100%; } }
@media (min-width: 1200px) and (max-width: 1399px) {
section.bottom .blog_articles h3 {
font-size: 26px; } }
@media (max-width: 1799px) {
.article-title h3 {
margin-bottom: 0; }
* + .article-description {
margin-top: 10px; }
.article-description + * {
margin-top: 20px; }
section.bottom .blog_articles .btn {
padding-bottom: 10px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article-sub-title span + span {
margin-left: 5px; }
.article-title h3 {
margin-bottom: 5px; }
section.bottom * + .article-description {
margin-top: 5px; }
.article-description {
font-size: 14px;
line-height: 20px; }
.article-description + * {
margin-top: 15px; }
section.bottom .blog_articles {
margin-bottom: 56px; }
section.bottom .blog_articles .description-blog .col-sm-6 {
padding-left: 30px;
padding-top: 15px; }
section.bottom .blog_articles .description-blog .article-title h3 {
font-size: 22px; }
section.bottom .blog_articles .description-blog .article-sub-title + * {
margin-top: 5px; }
section.bottom .blog_articles .article-description + * {
margin-top: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.article-sub-title span + span {
margin-left: 5px; }
.article-title h3 {
margin-bottom: 5px; }
section.bottom * + .article-description {
margin-top: 5px; }
.article-description {
font-size: 12px;
line-height: 16px; }
.article-description + * {
margin-top: 15px; }
section.bottom .blog_articles {
margin-bottom: 40px; }
section.bottom .blog_articles .description-blog .col-sm-6 {
padding: 5px 10px 5px 15px; }
section.bottom .blog_articles .description-blog .article-sub-title {
font-size: 11px;
line-height: 13px; }
section.bottom .blog_articles .description-blog .article-sub-title + * {
margin-top: 2px; }
section.bottom .blog_articles .description-blog .article-title h3 {
font-size: 18px; }
section.bottom .blog_articles .article-description + * {
margin-top: 10px; } }
@media (max-width: 767px) {
.simple_blog-article-view .product_tabs .nav-tabs, .simple_blog-article-view .product_tabs .tab-content {
width: 100%; }
section.bottom .blog_articles-block + .blog_articles-block {
margin-top: 20px; }
section.bottom .blog_articles {
margin-bottom: 40px; }
section.bottom .blog_articles .blog_articles-block:nth-of-type(odd) > .col-sm-6 {
float: none; }
section.bottom .blog_articles .description-blog .col-sm-6 {
left: 0; }
section.bottom .blog_articles .blog_articles-block {
position: relative;
text-align: center; }
section.bottom .blog_articles .article-image img {
opacity: .4; }
section.bottom .blog_articles .description-blog {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
section.bottom .blog_articles .description-blog .col-sm-6 {
padding: 15px; } }
@media (max-width: 600px) {
.reply-cancel {
float: none;
display: block; }
section.bottom .blog_articles {
margin-bottom: 56px; }
section.bottom .blog_articles .description-blog {
font-size: 13px;
line-height: 20px; }
section.bottom .blog_articles .description-blog .col-sm-6 {
padding-left: 30px;
padding-top: 15px; }
section.bottom .blog_articles .description-blog .article-title h3 {
font-size: 22px; }
section.bottom .blog_articles .description-blog .article-sub-title + * {
margin-top: 5px; }
section.bottom .blog_articles .article-description + * {
margin-top: 10px; } }
@media (max-width: 479px) {
section.bottom .blog_articles .description-blog {
position: relative;
display: inline-block; }
section.bottom .blog_articles .description-blog .col-sm-6 {
padding: 15px;
position: relative;
width: 100%;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none; }
section.bottom .blog_articles .article-image img {
opacity: 1; } }
/*========================================================
Color Schemes
=========================================================*/
.color_scheme_1 {
background: #a4d3e1; }
.color_scheme_1:before {
background: #e1c8b4; }
.color_scheme_1:after {
background: #fbfcd8; }
.color_scheme_2 {
background: #b6c2ab; }
.color_scheme_2:before {
background: #6f96a8; }
.color_scheme_2:after {
background: #efe9e7; }
.color_scheme_3 {
background: #a4c9c9; }
.color_scheme_3:before {
background: #e67898; }
.color_scheme_3:after {
background: #e5e5e5; }
.color_scheme_4 {
background: #a5efd2; }
.color_scheme_4:before {
background: #91897f; }
.color_scheme_4:after {
background: #f4eede; }
#style_switcher, #style_switcher .toggler {
background: #24252a; }
#style_switcher, #style_switcher .toggler:hover {
color: #fff; }
#style_switcher div.color_scheme {
position: relative;
overflow: hidden; }
#style_switcher div.color_scheme:before,
#style_switcher div.color_scheme:after {
content: '';
position: absolute;
left: 50%;
width: 50%;
height: 50%;
-webkit-filter: blur(0);
filter: blur(0); }
#style_switcher div.color_scheme:before {
top: 0; }
#style_switcher div.color_scheme:after {
bottom: 0; }
#style_switcher {
position: fixed;
top: 190px;
width: 295px;
box-sizing: border-box;
left: 0;
z-index: 1012;
padding: 21px 29px 62px 30px;
text-align: left;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: transform 0.2s ease;
-moz-transition: transform 0.2s ease;
-ms-transition: transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease; }
#style_switcher.shown {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 1012; }
#style_switcher p {
line-height: 28px;
font-size: 17px;
font-weight: normal;
padding: 0 0 23px; }
#style_switcher p span {
font-size: 12.4px;
display: block;
line-height: 21px;
color: #888; }
#style_switcher .toggler {
position: absolute;
top: 0;
left: 100%;
width: 57px;
height: 60px;
font-size: 18px;
line-height: 40px;
cursor: pointer;
color: rgba(255, 255, 255, 0.4);
text-align: center;
transition: color .2s ease; }
#style_switcher .toggler:visited {
color: rgba(255, 255, 255, 0.4); }
#style_switcher .toggler:hover, #style_switcher .toggler:active, #style_switcher .toggler:focus, #style_switcher .toggler:active:hover, #style_switcher .toggler:focus:hover {
color: #fff; }
#style_switcher .toggler:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
line-height: 60px;
text-align: center;
font-size: 26px;
height: 60px;
content: '\f040';
font-family: fontawesome;
transition: color .2s ease; }
#style_switcher.shown .toggler:before {
content: '\f00d'; }
#style_switcher ul {
margin: 0;
list-style: none;
font-size: 0;
padding: 0 0 21px;
line-height: 0; }
#style_switcher ul li {
display: inline-block;
margin-right: 10px;
cursor: pointer;
vertical-align: top; }
#style_switcher ul li:hover,
#style_switcher ul li.active {
padding: 2px; }
#style_switcher div.color_scheme {
width: 40px;
height: 40px;
border-radius: 3px; }
#style_switcher ul li:hover div.color_scheme,
#style_switcher ul li.active div.color_scheme {
height: 36px;
width: 36px; }
#style_switcher #style_switcher_form {
padding: 0;
margin: 0; }
#style_switcher #style_switcher_form button.button {
display: block;
text-align: center;
padding: 4px 30px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
outline: none !important;
position: relative;
border: 2px solid #626262 !important;
background: transparent !important;
font-size: 15px;
line-height: 26px;
font-weight: bold; }
#style_switcher #style_switcher_form button.button:hover {
background: #626262 !important;
color: #fff !important; }
#style_switcher.loading:before {
position: absolute;
right: 30px;
bottom: 40px;
background: url(../images/loading.gif);
width: 60px;
height: 20px;
content: ''; }
#style_switcher.success:before {
position: absolute;
right: 30px;
bottom: 32px;
content: '\f00c';
font-family: FontAwesome;
font-size: 20px;
line-height: 40px; }
/*-------------------------*/
@media (max-width: 767px) {
#style_switcher {
top: 120px;
padding-top: 15px;
padding-bottom: 15px; }
#style_switcher p {
line-height: 20px;
font-size: 14px; } }
@media (max-width: 480px) {
#style_switcher {
width: 260px;
padding-left: 20px; } }
body.mobile_mode.mobile #style_switcher {
top: 0 !important; }
/* =================== Product Quickview =================== */
.ajax-quickview,
.ajax-quickview-images,
.ajax-quickview-images > ul,
.ajax-quickview-images > ul > li {
height: 100%; }
.ajax-quickview-images,
.ajax-quickview-cont-wrap {
width: 50%; }
.ajax-quickview-images {
position: relative;
float: left; }
.ajax-quickview-images > ul {
margin: 0; }
.ajax-quickview-images > ul > li {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1;
opacity: 0;
text-align: center;
overflow: hidden;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
.ajax-quickview-images > ul > li > img {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 100%;
max-width: 100%;
width: auto; }
.ajax-quickview-images > ul > li.active {
z-index: 2;
opacity: 1; }
.ajax-quickview-images .next-img,
.ajax-quickview-images .prev-img {
position: absolute;
top: 50%;
z-index: 5;
font-size: 25px;
color: #2a2a2a; }
.ajax-quickview-images .next-img:hover,
.ajax-quickview-images .prev-img:hover {
color: #a4d3e1; }
.ajax-quickview-images .next-img {
right: 15px;
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg); }
.ajax-quickview-images .prev-img {
left: 15px; }
.ajax-quickview-cont-wrap {
float: right;
max-height: 100%;
overflow-y: auto; }
.ajax-quickview-cont-wrap .ajax-quickview-cont {
padding: 30px 40px; }
.ajax-quickview-cont-wrap .sale, .ajax-quickview-cont-wrap .new-pr, .ajax-quickview-cont-wrap .discount {
position: static; }
.ajax-quickview-cont-wrap .product-options {
border-bottom: none; }
.ajax-quickview-cont-wrap .product-btn-add {
vertical-align: middle; }
.ajax-quickview-cont-wrap .counter + .product-btn-add {
margin-left: 20px; }
.ajax-quickview-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden; }
.ajax-quickview-overlay .ajax-quickview-overlay__preloader {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
border: 10px solid #fff;
width: 140px;
height: 140px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: url(../image/quick_view_preloader.gif) #fff; }
.ajax-quickview-overlay.visible {
opacity: 1;
visibility: visible; }
.fancybox-skin:hover .fancybox-nav span {
visibility: visible; }
.fancybox-nav {
height: 40px;
top: 50%;
width: 40px; }
.fancybox-next {
right: -60px; }
.fancybox-prev {
left: -60px; }
.newsletter {
margin-bottom: 0; }
.newsletter .box-heading {
margin-bottom: 7px; }
.newsletter .box-heading h4 {
margin-bottom: 21px; }
.newsletter .box-content {
padding-bottom: 32px; }
.newsletter form {
line-height: 16px;
position: relative; }
.newsletter input {
width: 75%;
display: inline-block;
color: #24252a;
/*font: 400 14px/16px "Open Sans", sans-serif;*/
font: 400 14px/16px 'FuturaNowText-Rg';
background: none;
height: 30px;
letter-spacing: 1px;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #000;
margin: 0 0 27px 0;
padding: 7px 0; }
.newsletter input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.newsletter input::-webkit-input-placeholder {
color: #24252a;
font-weight: 600;
text-transform: uppercase;
opacity: 1; }
.newsletter input:-moz-placeholder {
color: #24252a;
font-weight: 600;
text-transform: uppercase;
opacity: 1; }
.newsletter input::-moz-placeholder {
color: #24252a;
font-weight: 600;
text-transform: uppercase;
opacity: 1; }
.newsletter input:-ms-input-placeholder {
color: #24252a;
font-weight: 600;
text-transform: uppercase;
opacity: 1; }
.newsletter-error, .newsletter-success {
display: block;
position: absolute;
bottom: -23px;
width: 100%;
text-align: left;
font-size: 13px;
line-height: 16px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.newsletter-error {
color: #D4323D; }
.newsletter-success {
color: #55C65E; }
@media (min-width: 768px) and (max-width: 991px) {
.newsletter input {
font-size: 12px;
letter-spacing: 0; }
.copyright > .container {
padding-bottom: 40px; } }
.html-module {
padding-bottom: 22px; }
.html-module .html-margin {
margin-right: -28%;
position: relative;
color: #24252a;
background: #e9edee; }
.html-module .html-margin:before, .html-module .html-margin:after {
position: absolute;
display: inline-block;
top: 0;
right: 100%;
width: 500%;
height: 100%;
content: '';
background: #e1e1e1; }
.html-module .html-margin:after {
left: 100%;
background: #e9edee; }
.html-module .html-margin table tr td:first-child {
padding-right: 5%;
width: 41%; }
.html-module .html-margin table tr td img {
width: 100%; }
.html-module b {
/* font: bold 12px/14px "Open Sans", sans-serif;*/
font: bold 12px/14px 'FuturaNowText-Rg';
display: inline-block;
margin-top: 22px;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1.4px; }
.html-module > h2 {
display: none; }
.html-module h2 {
/*font: 400 30px/36px "Open Sans", sans-serif;*/
font: 400 30px/36px 'FuturaNowText-Rg';
letter-spacing: -1.6px;
margin-bottom: 14px; }
.html-module p {
margin-bottom: 37px; }
.html-module .html-carousel {
width: 430px;
margin-left: 0;
margin-right: 0;
max-width: 100%; }
.html-module .html-carousel .owl-nav {
display: none !important; }
.html-module .html-carousel .owl-dots {
padding-left: 25%;
text-align: center;
margin-top: 19px; }
.html-module .html-carousel .owl-dots .owl-dot {
display: inline-block; }
.html-module .html-carousel .owl-dots .owl-dot + .owl-dot {
margin-left: 8px; }
.html-module .html-carousel .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 0 5px;
background: #747a80;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
display: block;
position: relative; }
.html-module .html-carousel .owl-dots .owl-dot span:before {
position: absolute;
display: inline-block;
content: '';
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background: #747a80;
opacity: .5;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
pointer-events: none; }
.html-module .html-carousel .owl-dots .owl-dot.active span, .html-module .html-carousel .owl-dots .owl-dot:hover span {
background: #07131f; }
.html-module .html-carousel .owl-dots .owl-dot.active span:before, .html-module .html-carousel .owl-dots .owl-dot:hover span:before {
top: -40%;
left: -40%;
width: 180%;
height: 180%;
opacity: 0;
background: #07131f; }
.html-module .html-carousel .owl-item {
padding-left: 4px;
padding-right: 4px; }
/*========================================================
Responsive styles
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.html-module .html-margin {
margin-right: 0; }
.html-module .html-margin table tr td:first-child {
width: 50%; }
.html-module .html-carousel {
width: 300px; }
.html-module .html-carousel .owl-dots {
margin-top: 2px; }
.html-module h2 {
font-size: 24px;
line-height: 24px;
margin-bottom: 5px; }
.html-module b {
margin-top: 15px;
margin-bottom: 0; }
.html-margin p {
margin-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.html-module .html-margin {
margin-right: 0; }
.html-module .html-margin table tr td:first-child {
width: 50%; }
.html-module .html-carousel {
width: 220px; }
.html-module .html-carousel .owl-dots {
margin-top: 2px; }
.html-module b {
font-size: 11px;
line-height: 13px;
margin-top: 10px;
margin-bottom: 0; }
.html-module h2 {
font-size: 18px;
line-height: 20px;
letter-spacing: -.5px;
margin-bottom: 5px; }
.html-module p {
font-size: 12px;
line-height: 18px; }
.html-module .html-carousel {
padding-left: 15px; }
.html-module .html-carousel .owl-dots {
line-height: 16px; }
.html-module .html-carousel .owl-dots .owl-dot + .owl-dot {
margin-left: 5px; }
.html-module .html-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px; }
.html-margin p {
margin-bottom: 10px; } }
@media (max-width: 767px) {
.html-module .html-margin {
margin: 0 -15px 15px; }
.html-module .html-margin:before, .html-module .html-margin:after {
display: none; }
.html-module .html-margin table tr {
display: block; }
.html-module .html-margin table tr td {
display: block;
width: 100%;
text-align: center; }
.html-module .html-margin table tr td:first-child {
width: 100%;
padding: 20px 15px; }
.html-module .html-carousel {
width: 290px;
display: inline-block; }
.html-module .html-carousel .owl-dots {
padding-left: 0; }
.html-module h2 {
font-size: 20px;
line-height: 22px;
margin-bottom: 10px;
letter-spacing: -1px; }
.html-margin p {
margin-bottom: 10px; } }
/**
* Swiper 3.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: February 7, 2016
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 40px; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative; }
.swiper-slide > .container {
position: relative;
height: 100%; }
.swiper-slide > .container > div {
position: absolute;
top: 51%;
padding-left: 50px;
letter-spacing: 1.5px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.swiper-slide > .container > div:before {
position: absolute;
top: 7px;
left: 0;
width: 45px;
height: 3px;
display: inline-block;
content: '';
/*background: #2d2d2d;*/ }
.swiper-slide > .container > span {
position: absolute;
top: 18%;
right: 8%;
display: inline-block;
width: 97px;
height: 97px;
text-align: center;
color: #fff;
background: #a4d3e1;
font-size: 24px;
line-height: 97px;
font-weight: bold;
-webkit-border-radius: 49px;
-moz-border-radius: 49px;
border-radius: 49px; }
.swiper-slide.slide-2 > .container > span {
top: 18%;
right: -8%; }
.swiper-slide.slide-3 > .container > span {
top: 14%;
right: 38%; }
.swiper-slide .sale-tx {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-moz-transform: scale(0.01);
-ms-transform: scale(0.01);
-o-transform: scale(0.01);
-webkit-transform: scale(0.01);
transform: scale(0.01); }
.swiper-slide-active .sale-tx {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); }
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height; }
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 11px;
left: 0;
width: 100%; }
.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background: #333743;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
background: #9ed0df; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 3px; }
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000; }
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px; }
.swiper-container-cube,
.swiper-container-flip {
overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
.swiper-wrapper {
line-height: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px; }
.swiper-wrapper h2 {
font-size: 50px;
line-height: 50px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 14px;
text-transform: none; }
.swiper-wrapper h3 {
font-weight: bold;
margin-bottom: 31px;
text-transform: none; }
.swiper-wrapper .btn-primary {
padding: 17px 40px 16px 41px; }
/*================ Custom styles ===============*/
.swiper-slide {
background-position: center top; }
.swiper-slide__link {
display: block;
height: 100%; }
/*-------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1399px) {
.swiper-container {
height: 550px !important; } }
@media (max-width: 1399px) {
.swiper-slide.slide-2 > .container > span {
right: 1%; } }
@media (min-width: 992px) and (max-width: 1199px) {
.swiper-container {
height: 500px !important; }
.swiper-wrapper h2 {
font-size: 40px;
line-height: 40px;
margin-top: 24px;
margin-bottom: 11px; }
.swiper-wrapper h3 {
margin-bottom: 25px; }
.swiper-slide > .container > span {
width: 78px;
height: 78px;
font-size: 20px;
line-height: 78px; } }
@media (min-width: 768px) and (max-width: 991px) {
.swiper-container {
height: 400px !important; }
.swiper-wrapper h2 {
font-size: 32px;
line-height: 32px;
margin-top: 19px;
margin-bottom: 8px; }
.swiper-wrapper h3 {
font-size: 22px;
margin-bottom: 20px; }
.swiper-slide > .container > span {
width: 62px;
height: 62px;
font-size: 16px;
line-height: 62px; } }
@media (max-width: 767px) {
.swiper-container {
height: 400px !important; }
.swiper-wrapper h2 {
font-size: 32px;
line-height: 32px;
margin-top: 19px;
margin-bottom: 8px; }
.swiper-wrapper h3 {
font-size: 18px;
margin-bottom: 20px;
color: #252525 !important; }
.swiper-slide > .container > div {
padding-left: 15px;
letter-spacing: .5px; }
.swiper-slide > .container > div:before {
display: none; }
.swiper-slide > .container > span {
width: 62px;
height: 62px;
font-size: 16px;
line-height: 62px; } }
@media (max-width: 480px) {
.swiper-slide > .container > span {
right: 2%; }
.swiper-slide.slide-3 > .container > span {
right: 20%; } }
.single-category {
margin-top: 31px;
margin-bottom: 0; }
.single-category .box-heading {
text-align: center;
margin-bottom: 15px; }
.single-category .box-heading h2 {
margin-bottom: 0; }
.single-category .box {
margin-bottom: 0; }
.single-category .view-all {
display: none; }
.nav-tabs {
text-align: center;
border: none;
margin-bottom: 30px; }
.nav-tabs > li {
text-transform: uppercase;
letter-spacing: 1.2px;
float: none;
display: inline-block; }
.nav-tabs > li + li {
margin-left: 25px; }
.nav-tabs > li > a {
margin-right: 0;
border: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 1.2em;
padding: 0 0 10px;
color: #24252a;
font-weight: 600;
background: none !important; }
.nav-tabs > li > a:before {
position: absolute;
content: '';
bottom: 0;
left: 50%;
height: 3px;
width: 0;
background: #2d2d2d;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
color: #24252a; }
.nav-tabs > li.active > a:before, .nav-tabs > li.active > a:focus:before, .nav-tabs > li.active > a:hover:before, .nav-tabs > li > a:hover:before {
left: 0;
width: 100%; }
@media (min-width: 992px) and (max-width: 1199px) {
.box.single-category {
margin-top: 15px; }
.nav-tabs > li + li {
margin-left: 20px; } }
@media (min-width: 768px) and (max-width: 991px) {
.single-category {
margin-top: 10px; }
.nav-tabs > li {
letter-spacing: .5px; }
.nav-tabs > li + li {
margin-left: 15px; } }
@media (max-width: 767px) {
.single-category {
margin-top: 0;
width: 100%;
display: inline-block; }
.nav-tabs > li {
letter-spacing: .5px; }
.nav-tabs > li + li {
margin-left: 15px; } }
@media (max-width: 479px) {
.nav-tabs > li {
font-size: 12px;
letter-spacing: .2px; }
.nav-tabs > li + li {
margin-left: 10px; } }
/*========================================================
TemplateMonster Instagram
=========================================================*/
.instagram .box-heading {
text-align: center; }
.instagram .box-heading h2 {
margin-bottom: 32px; }
.instagram__item > span {
display: block;
background: #e8f9f8; }
.instagram__item:nth-child(3n+4) {
clear: left; }
.instagram__item img {
width: 100%;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.instagram__item .activities {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
margin-left: -35px;
margin-top: -12px;
font-size: 17px;
font-weight: 600; }
.instagram__item .activities span + span {
margin-left: 5px; }
.instagram__item .caption {
display: none; }
.instagram__item:hover {
color: #000; }
.instagram__item:hover .activities {
opacity: 1; }
.instagram__item:hover img {
opacity: .5; }
@media (min-width: 481px) and (max-width: 767px) {
.instagram__item.col-sm-4 {
width: 33.3%;
float: left; } }
@media (max-width: 480px) {
.instagram__item.col-sm-4 {
margin-bottom: 10px; } }
/* =================== Breadcrumb =================== */
.breadcrumb {
display:none;
margin: 5px 0 20px;
padding: 12px 18px;
background: none;
/*font: 600 12px/14px "Open Sans", sans-serif;*/
font: 600 12px/14px 'FuturaNowText-Rg';
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
letter-spacing: 1.2px; }
.breadcrumb a {
display: inline-block; }
.breadcrumb a:hover i {
color: #656565; }
.breadcrumb > li {
position: relative; }
.breadcrumb > li > a,
.breadcrumb > li > a > i,
.breadcrumb > li > span,
.breadcrumb > li + li:before {
vertical-align: middle; }
.breadcrumb > li + li:before {
content: '\e0c2';
padding: 0;
font-family: "material-design";
font-size: 13px;
line-height: 13px; }
.breadcrumb i {
color: #24252a;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease; }
.breadcrumb i:before {
content: '\e0ba';
font-family: "material-design"; }
/* =================== Product Page =================== */
.product-share {
height: 32px;
margin-top: 20px;
float:left;
clear: both; }
.brand-pr{
float:left;
margin-right: 20px;
padding: 7px 0;
clear: both;
text-transform: uppercase;
font-size: 12px;
}
.pdfpro{
padding-left:0;
margin: 0;
list-style-type: none;
float: left;
clear: both;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
}
.product-tags{
float:left;
}
.review-form-title {
text-align: center; }
.review-form-title h3 {
cursor: pointer;
position: relative;
border-bottom: 1px solid #24252a;
padding: 0 10px 5px;
display: inline-block;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.review-form-title h3:before {
position: absolute;
bottom: -20px;
left: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #24252a;
content: '';
margin-left: -10px; }
.review-form-title h3:hover {
color: #656565; }
.product-rating-status .review-link {
position: relative;
margin-left: 10px;
vertical-align: middle; }
.rating-section a {
cursor: pointer; }
.product-review-form {
display: none; }
.product-options {
line-height: 18px; }
.product-options .control-label {
text-align: left;
margin: 0 0 10px;
color: #24252a;
text-transform: uppercase;
font-size: 14px; }
.product-options .checkbox, .product-options .radio {
margin-top: 0;
margin-bottom: 5px; }
.product-options .text-danger {
width: 100%;
display: inline-block;
text-align: left; }
.product-options .has-error .form-control {
border-color: #d9d9d9; }
.product-options .radio {
padding-top: 0; }
.product-options .radio input[type="radio"] + label {
padding: 0 5px 5px 22px;
display: block;
border: none;
text-transform: capitalize;
text-align: left; }
.product-options .radio input[type="radio"] + label:before {
top: 4px;
left: 0px; }
.product-options .radio input[type="radio"] + label:after {
top: 6px;
left: 2px; }
.product-options .checkbox label {
padding: 5px 5px 5px 30px;
display: block;
background: #f6f6f6;
text-transform: capitalize;
text-align: left; }
.product-options .checkbox label:before, .product-options .checkbox label:after {
left: 7px;
top: 7px; }
.product-options .checkbox label:before {
background: none;
border: 1px solid #d9d9d9; }
.product_tabs {
margin: 50px 0; }
.product_tabs:before, .product_tabs:after {
display: table;
content: "";
line-height: 0; }
.product_tabs:after {
clear: both; }
.product_tabs .nav-tabs {
width: 30%;
float: left;
line-height: 14px;
border-bottom: none; }
.product_tabs .nav-tabs > li {
float: none;
margin-bottom: 0;
width: 100%;
margin: 0 0 5px;
text-align: left; }
.product_tabs .nav-tabs > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
letter-spacing: 1.2px;
/* font-family: "Open Sans", sans-serif;*/
font-family: 'FuturaNowText-Rg';
border: none !important;
border-right: 0 solid #e1e1e1 !important;
margin-right: 0;
color: #24252a;
position: relative;
z-index: 0; }
.product_tabs .nav-tabs > li > a:before {
left: 0; }
.product_tabs .nav-tabs > li > a:hover, .product_tabs .nav-tabs > li > a:focus {
color: #656565;
background: none !important; }
.product_tabs .nav-tabs > li.active > a {
color: #656565; }
.product_tabs .nav-tabs > li.active > a:hover, .product_tabs .nav-tabs > li.active > a:focus {
background: none !important; }
.product_tabs .tab-content {
width: 70%;
float: left;
padding: 5px 0 5px 30px;
border-left: 1px solid #d9d9d9;
margin-top: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media (max-width: 767px) {
.product_tabs .nav-tabs > li > a:before {
display: none; }
.product_tabs .nav-tabs > li.active > a {
background: #FFF; } }
.product-spec {
line-height: 16px; }
.product-spec .table {
border: none;
border-bottom: 1px solid #d9d9d9; }
.product-spec .table th {
text-align: center;
text-transform: uppercase;
border: none;
padding: 10px 5px;
font-size: 12px;
letter-spacing: 1.2px;
/*font-family: "Open Sans", sans-serif; }*/
font-family: 'FuturaNowText-Rg';}
.product-spec .table td {
padding: 8px 15px;
border-bottom: none;
border-top: none; }
.product-spec .table tr + tr td {
border-top: 1px solid #d9d9d9; }
.product-spec .table td:first-child {
width: 30%;
border-left: none;
text-align: right;
color: #24252a;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
letter-spacing: 1.2px;
/*font-family: "Open Sans", sans-serif; }*/
font-family: 'FuturaNowText-Rg'; }
.product-spec .table td {
width: 70%;
border-right: none; }
@media (max-width: 479px) {
.product-spec .table td:first-child,
.product-spec .table td {
width: 50%; } }
@media (max-width: 767px) {
.product_tabs .nav-tabs, .product_tabs .tab-content {
width: 100%;
float: none; }
.product_tabs .tab-content {
border-left: none;
padding: 20px 0; } }
/* =================== Product Gallery =================== */
.zoomContainer {
z-index: 3;
display:none; }
.zoomWindowContainer > div {
border-width: 2px !important;
border-color: #e1e1e1 !important; }
@media (max-width: 1199px) {
.zoomContainer {
display: none !important; } }
.product-gallery:before, .product-gallery:after {
display: table;
content: "";
line-height: 0; }
.product-gallery:after {
clear: both; }
.product-gallery .bx-wrapper {
margin: 0 !important; }
.product-gallery .bx-viewport {
margin-top: 25px;
margin-bottom: 25px; }
.product-gallery .image-thumb .bx-wrapper .bx-prev, .product-gallery .image-thumb .bx-wrapper .bx-next {
position: absolute;
display: inline-block;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 33px;
line-height: 20px;
height: 20px;
text-align: center;
margin: 0;
color: #929292; }
.product-gallery .image-thumb .bx-wrapper .bx-prev i, .product-gallery .image-thumb .bx-wrapper .bx-next i {
display: inline-block;
height: 20px; }
.product-gallery .image-thumb .bx-wrapper .bx-prev.disabled, .product-gallery .image-thumb .bx-wrapper .bx-next.disabled {
display: none;
visibility: hidden; }
.product-gallery .image-thumb .bx-wrapper .bx-prev:hover, .product-gallery .image-thumb .bx-wrapper .bx-next:hover {
color: #24252a; }
.product-gallery .image-thumb .bx-wrapper .bx-prev {
top: 0; }
.product-gallery .image-thumb .bx-wrapper .bx-next {
bottom: 0; }
@media (max-width: 1199px) {
.product-gallery .image-thumb .bx-wrapper .bx-prev, .product-gallery .image-thumb .bx-wrapper .bx-next {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
width: 20px;
height: 56px;
line-height: 56px;
display: inline-block;
font-size: 24px; }
.product-gallery .image-thumb .bx-wrapper .bx-next {
left: auto;
right: 15px;
bottom: 50%;
margin-bottom: -28px;
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg); }
.product-gallery .image-thumb .bx-wrapper .bx-prev {
top: 50%;
left: 15px;
right: auto;
margin-top: -28px; } }
@media (max-width: 767px) {
.product_page-left + .product_page-right {
margin-top: 25px; } }
#productZoom {
background: #f6f6f6; }
.product-gallery .image-thumb .bx-wrapper .bx-viewport {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.product-gallery .image-thumb li a {
border: 1px solid #f6f6f6;
background: #f6f6f6;
display: block; }
@media (min-width: 1200px) {
.product-gallery .image-thumb li a:hover, .product-gallery .image-thumb li a.zoomGalleryActive {
background: #f6f6f6; } }
.image-additional {
margin: 0 -10px 0 0;
padding: 0 10px 0 0;
list-style-type: none; }
.product-reviews input[type="radio"] {
display: inline;
outline: none; }
.product-reviews input[type="radio"]:focus {
outline: none; }
.product-reviews .review-item {
margin-bottom: 2em; }
.review-score .fa-stack {
width: 1em;
height: 1em;
margin-bottom: 10px; }
.product-title {
margin: 0 0 20px;
color: #24252a;
text-align: center; }
.reward-block span {
display: block; }
#product {
margin-top: -15px; float:left;}
#product .input-group[class*="col-"] {
padding-left: 15px;
padding-right: 15px; }
#product label {
color: #24252a;
text-transform: uppercase; }
#product .quantity {
margin-top: 20px; display: none;}
#product .quantity label {
margin-right: 5px; }
.polaroid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #f6f6f6;
padding: 0; }
.magnificent-viewport {
background: #f6f6f6; }
.general_info {
margin-top: -7px;
margin-left: auto;
margin-right: auto;
display: block;
width: 300px; }
.general_info .price-section {
margin: 15px 0 0;
padding-bottom: 10px; }
.general_info .product-section {
padding: 10px 0;
line-height: 18px; }
.general_info .product-section strong {
color: #24252a;
text-transform: uppercase;
font-size: 11px;
/*font-family: "Open Sans", sans-serif; }*/
font-family: 'FuturaNowText-Rg'; }
[data-clear] + .product-layout {
clear: left; }
.product-video .r_frame {
position: relative;
padding-bottom: 50%; }
.product-video iframe {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important; }
/* =================== Sub Category on Category Page =================== */
.box-subcat {
padding: 0;
margin: 0;
list-style-type: none; }
.box-subcat li {
text-align: center;
margin-bottom: 15px; }
.box-subcat li .thumb {
padding: 10px 0; }
.box-subcat li .image {
overflow: hidden;
margin-bottom: 0;
background: #f6f6f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.box-subcat li .image a {
display: block; }
.box-subcat li .image a:hover img {
opacity: .5; }
.box-subcat li .image img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.box-subcat li.first-in-line {
clear: left; }
.box-subcat li:nth-child(4n+5) {
clear: left; }
.category-img {
margin-bottom: 10px; }
@media (max-width: 767px) {
.box-subcat li {
text-align: left;
float: left;
width: 50%; }
.box-subcat li .thumb {
padding: 0;
position: relative; }
.box-subcat li .thumb:before, .box-subcat li .thumb:after {
display: table;
content: "";
line-height: 0; }
.box-subcat li .thumb:after {
clear: both; }
.box-subcat li .image {
display: inline-block;
background:#ffffff;
margin-bottom: 0;
width: 100%; }
.box-subcat li .name {
padding-top: 30px;
border-top: none;
position: relative;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align:center; }
.box-subcat li:nth-child(2n+1) {
clear: both;
}
.category-img-block {
text-align: center; }
#content .box-subcat [class*="col-sm-"] + [class*="col-sm-"] {
margin-top: 0; }
.breadcrumb {
margin-top: 18px; }
.product-gallery .image-thumb li a {
text-align: center; } }
@media (max-width: 550px) {
.box-subcat li {
width: 100%;
float: none;
clear: both; } }
/* =================== Product Filter =================== */
.button-view {
color: #24252a; }
.button-view button + button {
border-left: 1px solid #d9d9d9; }
.button-view a, .button-view button {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
font-size: 24px; }
.button-view a.compare-total {
font-size: 16px;
display:none; }
#list-view.active,
#grid-view.active,
#list-view:hover,
#grid-view:hover {
color: #e1c8b4; }
.product-filter {
background: #f6f6f6;
margin: 24px 0;
display:none; }
.product-filter_elem {
float: left; }
.product-filter_elem .sbHolder, .product-filter_elem select {
height: 36px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 6px 10px;
border-top: none;
border-bottom: none; }
.product-filter_elem .sbHolder .sbSelector, .product-filter_elem select .sbSelector {
padding: 6px 10px; }
.product-filter_elem .sbHolder .sbToggle, .product-filter_elem select .sbToggle {
line-height: 36px; }
.product-filter_elem.show .sbHolder {
width: auto;
border-right: none; }
.product-filter .sort {
width: 31%; }
.product-filter .sort label {
display: none; }
.product-filter label, .product-filter .sbHolder {
display: inline-block;
vertical-align: middle; }
.product-filter label {
margin: 0 5px 0 0;
color: #24252a; }
.product-filter .compare-total {
border-right: 1px solid #d9d9d9; }
.product-filter .compare-total span {
display: none; }
.product-filter .compare-total:hover, .product-filter .compare-total:active {
color: #e1c8b4; }
.results {
margin-top: 13px; }
.nav-cat {
margin-bottom: 13px; }
.nav-cat .nam-page {
margin: 5px 0 5px 10px; }
/* ======== Cart page ============= */
.checkout-cart #content h1, .account-wishlist #content h1, .product-compare #content h1 {
margin: 30px 0 50px; }
.checkout-cart #content .table a, .account-wishlist #content .table a, .product-compare #content .table a {
color: #24252a;
font-weight: bold; }
.checkout-cart #content .table a:hover, .account-wishlist #content .table a:hover, .product-compare #content .table a:hover {
color: #656565; }
.checkout-cart #content .table p .link, .account-wishlist #content .table p .link, .product-compare #content .table p .link {
margin-top: 5px; }
.checkout-cart #content .table.table-bordered tr td:nth-child(2), .account-wishlist #content .table.table-bordered tr td:nth-child(2), .product-compare #content .table.table-bordered tr td:nth-child(2) {
min-width: 150px; }
.checkout-cart #content .table-custom .price, .account-wishlist #content .table-custom .price, .product-compare #content .table-custom .price {
font-weight: 700; }
.checkout-cart #content .table-custom td:first-child, .account-wishlist #content .table-custom td:first-child, .product-compare #content .table-custom td:first-child {
text-transform: uppercase;
color: #24252a; }
.checkout-cart #content .table-custom tr:last-child td, .account-wishlist #content .table-custom tr:last-child td, .product-compare #content .table-custom tr:last-child td {
font-weight: 700;
color: #24252a; }
.checkout-cart #content .table-custom tr:last-child .price, .account-wishlist #content .table-custom tr:last-child .price, .product-compare #content .table-custom tr:last-child .price {
color: #656565;
font-size: 28px; }
.checkout-cart #content .table td:nth-child(3) {
min-width: 150px; }
.checkout-checkout #content #collapse-checkout-option .col-sm-6 + .col-sm-6 > h2 {
margin-top: 25px; }
.checkout-checkout #content .table-responsive .table tfoot td:last-child {
color: #24252a; }
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td {
font-size: 18px; }
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td:last-child {
color: #656565;
font-weight: 700; }
.account-wishlist .table.table-bordered tr td:nth-child(6) {
min-width: 150px; }
.cart-wrapper {
padding: 30px;
border: 1px solid #d9d9d9;
border-top-width: 2px; }
.cart-remove-btn {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none; }
.cart-remove-btn span, .cart-remove-btn:before {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.cart-remove-btn, .cart-remove-btn:visited {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
display: inline-block; }
.cart-remove-btn:before, .cart-remove-btn:visited:before {
font-weight: 400;
text-transform: none;
margin-right: 3px; }
.cart-remove-btn:focus, .cart-remove-btn:visited:focus {
text-decoration: none; }
.cart-remove-btn:hover, .cart-remove-btn:visited:hover {
text-decoration: none; }
.cart-remove-btn:hover, .cart-remove-btn:focus, .cart-remove-btn:active {
color: #656565; }
.link {
color: #24252a;
font-size: 14px;
font-weight: 700; }
.link:focus, .link:visited {
color: #24252a; }
.link:hover {
color: #656565; }
@media (max-width: 767px) {
.cart-wrapper {
padding: 30px 0;
border-left: none;
border-right: none;
border-bottom: none; } }
@media (max-width: 500px) {
.checkout-cart #content .table.table-bordered td:first-child, .checkout-cart #content .table.table-bordered td:nth-child(4) {
display: none; }
.account-wishlist #content .table td:first-child, .account-wishlist #content .table td:nth-child(3) {
display: none; } }
/* ======== BLOCK COMPARE ============= */
.product-compare #content .table td:first-child {
min-width: 15%;
background: #f6f6f6;
color: #24252a; }
.product-compare #content .product-thumb {
padding: 0 25px; }
.rating .review {
display: inline-block;
margin-left: 10px;
padding-left: 10px;
position: relative;
border-left: 1px solid #d9d9d9; }
.product-thumb .cart-remove-btn {
position: absolute;
font-size: 22px;
right: 0;
top: 0; }
@media (max-width: 1199px) {
.product-compare .table-responsive {
border: none;
overflow-x: scroll; }
.product-compare .table-responsive .table-bordered {
border: 2px solid #d9d9d9; }
.product-compare .table-responsive td + td {
min-width: 270px; } }
@media (max-width: 767px) {
.product-compare .table-responsive td + td {
min-width: inherit;
max-width: 170px; }
.rating .review {
display: block;
margin-left: 0;
padding-left: 0;
border: none; } }
/* =================== About Page =================== */
.extra-wrap {
overflow: hidden; }
.information-information #content h4, .information-information #content h5 {
margin: 0 0 20px;
line-height: normal;
text-transform: uppercase;
color: #656565; }
.information-information #content h4 a:hover, .information-information #content h5 a:hover {
color: #24252a; }
.information-information #content h3 {
text-transform: uppercase;
font-size: 34px;
line-height: 40px;
margin-bottom: 0; }
.information-information #content h3:after {
content: '';
height: 1px;
display: block;
background: #d9d9d9;
margin: 20px 0 40px; }
.information-information #content h3.clear {
margin-bottom: 30px; }
.information-information #content h3.clear:after {
display: none; }
.information-information #content h5 {
color: #656565; }
.information-information #content h1, .information-information #content h2, .information-information #content h3, .information-information #content h4, .information-information #content h5 {
font-weight: 500; }
.information-information #content * + h3 {
margin-top: 60px; }
.information-information #content p + h4 {
margin-top: 40px; }
@media (max-width: 767px) {
.information-information #content [class*="col-sm"] + [class*="col-sm"] {
margin-top: 30px; } }
/* =================== Count box =================== */
.count-box {
margin-top: 10px;
margin-bottom: 35px; }
.count-box strong {
display: block;
color: #24252a;
/*font-family: "Open Sans", sans-serif;*/
font-family: 'FuturaNowText-Rg';
font-weight: 400;
font-size: 50px;
line-height: 60px;
margin-bottom: 15px; }
/* =================== Icon box =================== */
.icon-box {
margin-bottom: 35px; }
.icon-box i {
display: inline-block;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
border: 2px solid #656565;
font-size: 66px;
color: #656565;
margin-bottom: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* =================== Testimonials =================== */
.testimonials blockquote {
border: none;
padding: 0; }
.testimonials blockquote:before {
content: '\e09d';
display: inline-block;
color: #656565;
font-size: 84px;
line-height: 100px;
font-family: "material-design";
margin-bottom: 20px; }
/* =================== Thumbnail =================== */
.thumbnail {
background: none;
border: none;
padding: 0;
margin: 0 auto 25px;
border-radius: 0;
overflow: hidden; }
.thumbnail img {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.thumbnail a {
display: block;
max-width: 100%; }
.thumbnail a:hover img {
opacity: .6; }
@media (max-width: 767px) {
.thumbnail a {
display: inline-block; } }
.img-thumbnail {
border: 0;
background-color: #fff;
padding: 0;
border-radius: 0; }
.table-bordered .img-thumbnail {
background-color: transparent; }
.human_info .thumbnail {
float: left;
margin-right: 20px; }
.human_info p {
margin: 0;
text-indent: 2em; }
.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
border: 0;
line-height: 0; }
@media (max-width: 500px) {
img.alignleft, .human_info .thumbnail {
float: none;
margin: 0 auto 20px; } }
/* =================== Delivery Page =================== */
.delivery_page {
text-align: center; }
.delivery_page .table {
border-top: 2px solid #24252a;
text-align: left; }
.delivery_page .table tbody td:first-child {
color: #24252a; }
.delivery_page .table tbody td:last-child {
color: #24252a;
font-weight: 700; }
.delivery_page .table tbody td {
min-width: 150px; }
/* =================== Terms and Conditions Page =================== */
.terms_conditions_page h4 {
position: relative;
padding-left: 40px; }
.terms_conditions_page h4:before {
content: '\e174';
position: absolute;
left: 0;
bottom: -7px;
color: #656565;
font-size: 28px;
line-height: 28px;
font-family: "material-design"; }
.terms_conditions_page p + h4 {
margin-top: 40px; }
/* =================== Privacy Policy =================== */
.privacy_page ol {
list-style-type: none;
counter-reset: list;
padding-left: 0; }
.privacy_page ol li {
counter-increment: list; }
.privacy_page ol li h4:before {
content: counter(list,decimal);
display: inline-block;
margin-right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #656565;
color: #fff;
font-size: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.privacy_page ol li + li {
margin-top: 40px; }
/* =================== Site Map Page =================== */
.site-map-page h5 {
margin: 0 0 20px;
line-height: normal;
text-transform: uppercase;
color: #656565; }
.site-map-page ul + h5 {
margin-top: 40px; }
.site-map-page #content ul {
list-style-type: none;
padding-left: 0; }
.site-map-page #content ul li {
position: relative;
line-height: 24px; }
.site-map-page #content ul li + li {
margin-top: 16px; }
.site-map-page #content ul li a:hover {
color: #989898; }
.site-map-page #content ul.category-list {
position: relative; }
.site-map-page #content ul.category-list:before {
content: '';
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #656565; }
.site-map-page #content ul.category-list .ul-with-ul:before, .site-map-page #content ul.category-list .ul-with-ul:after {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.site-map-page #content ul.category-list .ul-with-ul:before {
top: 12px; }
.site-map-page #content ul.category-list .ul-with-ul:after {
top: 6px; }
.site-map-page #content ul.category-list ul {
position: relative;
margin-top: 16px; }
.site-map-page #content ul.category-list ul:before {
content: '';
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #d9d9d9; }
.site-map-page #content ul.category-list li {
position: relative;
padding-left: 60px; }
.site-map-page #content ul.category-list li:before {
content: '';
position: absolute;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
height: 1px;
width: 35px;
background: #d9d9d9; }
.site-map-page #content ul.category-list > li:after {
content: '';
position: absolute;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 35px;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.site-map-page #content ul.category-list > li:before, .site-map-page #content ul.category-list > li:after {
background: #656565; }
@media (max-width: 767px) {
.site-map-page .col-sm-6 + .col-sm-6 {
margin-top: 30px; } }
@media (max-width: 479px) {
.site-map-page .col-xs-6 {
width: 100%;
float: none; }
.site-map-page .col-xs-6 + .col-xs-6 {
margin-top: 30px; } }
/* =================== Contact page =================== */
.contact_page .panel {
padding-top: 15px;
background-color: transparent;
border: none;
border-top: 2px solid #24252a;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.contact_page .panel img {
background-color: transparent; }
.contact_page .map {
border-top: 2px solid #24252a;
margin-bottom: 30px; }
.contact_page .panel-body a img {
background: none;
padding: 8px 15px; }
.contact_page .icon {
position: relative;
padding-left: 70px;
min-height: 55px;
display: block; }
.contact_page .icon[class*="fa-"]:before {
font-family: "FontAwesome"; }
.contact_page .icon:before {
position: absolute;
left: 0;
top: 0;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
color: #656565;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #656565;
font-size: 26px; }
.contact_page .icon + .icon {
margin-top: 20px; }
.contact_page .col-sm-4:nth-child(3n-2) {
clear: both; }
.contact_page .col-sm-4:nth-child(n+4) {
margin-top: 15px; }
.contact_page .form-horizontal .form-group {
margin-left: 0;
margin-right: 0; }
.contact_page .form-horizontal .form-group label {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px; }
@media (max-width: 767px) {
.contact_page .col-sm-4:nth-child(n+2) {
margin-top: 30px; } }
/* =================== Manufacturer List =================== */
.manufacturer-list:before, .manufacturer-list:after {
display: table;
content: "";
line-height: 0; }
.manufacturer-list:after {
clear: both; }
.manufacturer-list .manufacturer-heading {
font-weight: bold;
color: #24252a;
float: left;
display: block;
font-size: 25px;
text-align: center;
text-transform: uppercase;
width: 15%;
height: 50px;
line-height: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.manufacturer-list .manufacturer-content {
padding: 12px 15px;
float: left;
width: 85%;
border-left: 1px solid #d9d9d9;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.manufacturer-list .manufacturer-content a {
white-space: nowrap; }
.manufacturer-list + .manufacturer-list {
border-top: 1px solid #d9d9d9; }
.brands {
background: #f6f6f6;
padding: 20px;
margin-bottom: 30px; }
/* =================== Account Page =================== */
.well {
background-color: #fff;
border: 1px solid #d9d9d9;
border-top: 2px solid #24252a;
margin-bottom: 30px;
padding: 30px;
border-radius: 0;
box-shadow: none; }
.well .heading {
margin-bottom: 20px; }
.well .heading:before, .well .heading:after {
display: table;
content: "";
line-height: 0; }
.well .heading:after {
clear: both; }
.well .heading i {
color: #656565;
float: left;
font-size: 56px;
margin-right: 14px;
line-height: 60px; }
.well .heading h2 {
font-size: 23px;
color: #24252a;
margin: 0 0 5px; }
.well .heading strong {
font-weight: normal;
font-style: italic; }
.well p {
border-bottom: 1px solid #d9d9d9;
padding: 20px 0; }
.well a {
display: inline-block;
margin-top: 20px; }
.account-account h3 {
text-transform: uppercase; }
.account-account h3 i {
color: #656565;
margin-right: 10px;
font-size: 14px; }
@media (max-width: 767px) {
.account-account .col-sm-4 + .col-sm-4 {
margin-top: 30px; } }
.account-address .table, .account-address-delete .table {
width: 50%;
margin: 0 auto; }
@media (max-width: 991px) {
.account-address .table, .account-address-delete .table {
width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) {
.well .heading {
text-align: center; }
.well .heading h2 {
font-size: 17px; }
.well .heading i {
float: none; } }
.datepicker .prev, .datepicker .next, .datepicker .day, .datepicker .year, .datepicker .month, .datepicker .picker-switch {
cursor: pointer;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.datepicker .prev:hover, .datepicker .prev.active, .datepicker .next:hover, .datepicker .next.active, .datepicker .day:hover, .datepicker .day.active, .datepicker .year:hover, .datepicker .year.active, .datepicker .month:hover, .datepicker .month.active, .datepicker .picker-switch:hover, .datepicker .picker-switch.active {
color: #656565;
background: transparent; }
.datepicker th {
text-align: center; }
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%; }
#column-left + #content .product-layout .col-md-3 {
width: 50%; }
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%; }
#content + #column-right .product-layout .col-md-3 {
width: 100%; } }
input#input-voucher,
input#input-coupon {
width: 90%; }
#collapse-coupon .col-sm-2,
#collapse-voucher .col-sm-2 {
width: 100%;
float: none;
padding-left: 3px; }
/*========================================================
Footer
=========================================================*/
footer {
margin-top: 100px;
padding-top: 40px;
background: #f8f8f8;
padding-bottom: 40px; }
footer h4 {
margin-bottom: 24px;
font-weight: 600; }
footer li {
line-height: 16px; }
footer li a {
color: #24252a; }
footer li a:visited {
color: #24252a; }
footer li a:hover, footer li a:focus, footer li a:active {
color: #8b8b8b; }
footer ul li + li {
margin-top: 14px; }
footer address ul li + li {
margin-top: 20px; }
.copyright br {
display: none; }
.copyright {
font: 400 14px/16px 'Georgia';
color: #24252a;
background:#ffffff; }
.copyright a {
color: #24252a; }
.copyright a:visited {
color: #24252a; }
.copyright a:hover, .copyright a:focus, .copyright a:active {
color: #8b8b8b; }
.copyright > .container {
}
/*========================================================
Responsive Footer
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
footer {
margin-top: 80px; } }
@media (min-width: 768px) and (max-width: 991px) {
footer {
font-size: 12px;
line-height: 18px;
margin-top: 55px;
padding-top: 65px; }
footer ul li + li {
margin-top: 8px; } }
@media (min-width: 479px) and (max-width: 767px) {
footer [class*="col-xs"]:nth-child(2n-1) {
clear: both; }
footer [class*="col-xs"]:nth-child(n+3) {
margin-top: 30px; } }
@media (max-width: 767px) {
footer {
margin-top: 55px;
padding-top: 65px;
text-align: center; }
footer ul li + li {
margin-top: 9px; }
footer address ul li + li {
margin-top: 15px; }
footer > .container {
text-align: left; }
.copyright > .container {
padding-top: 15px;
padding-bottom: 35px; } }
@media (max-width: 480px) {
footer [class*="col-xs"] {
float: none;
width: 100%; }
footer {
padding-top: 55px; }
footer ul {
margin-bottom: 20px; } }
/*
* @subsection ToTop
* @license MIT license - http://opensource.org/licenses/MIT
* @version 1.0.0
*/
.ui-to-top {
width: 40px;
height: 40px;
font-size: 24px;
line-height: 36px;
background: rgba(0, 0, 0, 0.17);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: fixed;
right: 20px;
bottom: 20px;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
-moz-transform: translateY(120px) scale(0);
-ms-transform: translateY(120px) scale(0);
-o-transform: translateY(120px) scale(0);
-webkit-transform: translateY(120px) scale(0);
transform: translateY(120px) scale(0); }
.ui-to-top, .ui-to-top:visited, .ui-to-top:focus, .ui-to-top:hover {
color: #24252a; }
.ui-to-top:hover {
color: #fff;
background: #e1c8b4; }
.ui-to-top.active {
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
-webkit-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1); }
.mobile .ui-to-top,
.tablet .ui-to-top {
display: none !important; }
@media (min-width: 480px) {
.ui-to-top {
right: 25px;
bottom: 60px; } }
.map {
margin-bottom: 46px; }
/*========================================================
Responsive Styles
=========================================================*/
@media (min-width: 1200px) {
.container {
width: 1200px; } }
@media (max-width: 1199px) {
.table th, .table td {
padding: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
h1 {
font-size: 32px; }
h1 i {
margin-right: 6px;
font-size: 20px; }
h1 i:before {
font-size: 20px; }
h2 {
font-size: 30px; }
h3 {
font-size: 26px; }
h4 {
font-size: 18px; } }
@media (min-width: 768px) and (max-width: 991px) {
h1 {
font-size: 26px; }
h1 i {
margin-right: 6px;
font-size: 20px; }
h1 i:before {
font-size: 20px; }
h2 {
font-size: 24px; }
h3 {
font-size: 20px; }
h4 {
font-size: 16px; } }
@media (max-width: 767px) {
h1 {
font-size: 26px; }
h1 i {
margin-right: 6px;
font-size: 20px; }
h1 i:before {
font-size: 20px; }
h2 {
font-size: 24px; }
h3 {
font-size: 20px; }
h4 {
font-size: 18px; }
select {
display: block !important; }
.product-filter select {
display: inline-block !important; }
.product-filter .show select {
width: auto; }
.sbHolder {
display: none !important; }
.table-responsive {
border: none; }
.table-responsive .table-bordered {
border: 2px solid #d9d9d9; }
.delivery_page .table {
font-size: 13px; }
.product-filter .sort {
width: auto;
padding-left: 10px; }
.product-filter .sort .sbHolder, .product-filter .sort select {
width: 200px; }
.product-filter .sort label {
display: inline-block; }
.image {
text-align: center; } }
@media (max-width: 600px) {
.product-filter {
background: none;
width: 75%;
margin-left: auto;
margin-right: auto; }
.product-filter .sort {
width: 100%;
padding-left: 0;
margin-bottom: 15px; }
.product-filter_elem, .product-filter_elem.pull-right {
float: none !important; }
.product-filter .product-filter_elem {
margin-bottom: 15px;
text-align: center; }
.product-filter .product-filter_elem:before, .product-filter .product-filter_elem:after {
display: table;
content: "";
line-height: 0; }
.product-filter .product-filter_elem:after {
clear: both; }
.product-filter .product-filter_elem label {
margin-top: 13px;
float: left;
text-align: right;
width: 35%;
margin-right: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px; }
.product-filter .product-filter_elem select {
display: block !important;
width: 65%;
float: left; }
.product-filter_elem.show select {
border-right: 1px solid #d9d9d9; }
.product-filter .compare-total {
border-right: none;
width: auto; }
.product-filter .compare-total:before {
display: none; }
.product-filter .compare-total span {
display: inline-block; } }
@media (max-width: 580px) {
.panel-group .panel .input-group,
.panel-group .panel .input-group-btn,
.panel-group .panel input#input-voucher,
.panel-group .panel input#input-coupon,
.panel-group .panel input#button-voucher,
.panel-group .panel input#button-coupon {
width: 100%; }
.panel-group .panel .input-group-btn {
float: left;
margin-top: 5px; } }
@media (max-width: 479px) {
#habla_beta_container_do_not_rely_on_div_classes_or_names {
display: none !important; }
.product-filter {
width: 100%; }
.map, .map > div {
height: 180px !important; } }
@media (max-width: 410px) {
#accordion .table td,
#accordion .table thead td {
font-size: 9px;
word-wrap: break-word; } }
@media (max-width: 370px) {
.delivery_page .table td,
.delivery_page .table th {
padding: 6px; } }
.secnd-img{
width:100%
}
.wizz-menu{
font-size: 12px;
margin-left:10px;
}
.des-des{
padding:1px;
}
.des-des2{
padding:1px;
}
@media (max-width: 468px) {
.des-des{
float:left;
clear:both;}
.des-des2{
float:left;
clear:both;
width:100% !important;}
}
.categorytitle{
text-align:center;
}
.searchcl{
width:50% !important;
display:inline !important;
}
.centersearch{
text-align:center;
margin-bottom: 30px;
}
.footerbold{
font-weight:600;
}
.layout-newsletter{
border:none;
background: transparent;
box-shadow:none;
}
.layout-newsletter .form-control{
border:none;
}
.layout-newsletter .panel-heading{
padding:0;
margin-bottom:12px;
}
/*===========================================
CUSTOM CSS By Adaox Development Team
=============================================*/
.product-share{
display: none;
}
.brand-pr {
text-transform: capitalize !important;
}
.pdfpro {
text-transform: capitalize !important;
}
/**disable Date Added On Article Page**/
.article-sub-title .article-date{
display: none;
}
section.bottom .blog_articles .blog_articles-block > .col-sm-6 a:hover img {
opacity: unset;
}
/**Hover color**/
.article-title h3 a:hover, .article-title h3 a:focus, .article-title h3 a:active,
.btn:hover, .btn:active,
.btn:focus,
.btn:active:focus,
.btn:active:hover {
color: #19191994 !important;
}
.btn:hover:before,
.btn:active:before,
.btn:focus:before,
.btn:active:focus:before,
.btn:active:hover:before {
background-color: #19191994 !important;
}
#content h1{
padding-bottom: 8px;
}
/** Forms **/
.form-item {
float: left;
clear: both;
padding-top: 30px;
}
.btn-form-request{
color: #303030;
padding: 7px 7px 12px 17px;
letter-spacing: 1.7px;
border: 1px solid #414141;
text-transform: none;
}
.btn-form-request:before{
background: #2d2d2d;
}
.btn-form-request:hover {
color: #fff;
background-color:#000;
padding: 7px 7px 12px 17px;
letter-spacing: 1.7px;
border: 1px solid #414141;
text-transform: none;
}
.pull-right .btn-primary:hover{
color: #fff;
background-color:#000;
}
.facebook i{
font-size: 25px;
padding-right: 20px;
}
.instagram i{
font-size: 25px;
}