/* Fonts */ @font-face { font-family: 'Segoe UI'; src: url('../fonts/segoe-ui/SegoeUI-Light.eot'); src: local('Segoe UI Light'), local('SegoeUI-Light'), url('../fonts/segoe-ui/SegoeUI-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui/SegoeUI-Light.woff') format('woff'), url('../fonts/segoe-ui/SegoeUI-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('../fonts/segoe-ui/SegoeUI-BoldItalic.eot'); src: local('Segoe UI Bold Italic'), local('SegoeUI-BoldItalic'), url('../fonts/segoe-ui/SegoeUI-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui/SegoeUI-BoldItalic.woff') format('woff'), url('../fonts/segoe-ui/SegoeUI-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Segoe UI'; src: url('../fonts/segoe-ui/SegoeUI-SemiBold.eot'); src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'), url('../fonts/segoe-ui/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui/SegoeUI-SemiBold.woff') format('woff'), url('../fonts/segoe-ui/SegoeUI-SemiBold.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('../fonts/segoe-ui/SegoeUI.eot'); src: local('Segoe UI'), local('SegoeUI'), url('../fonts/segoe-ui/SegoeUI.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui/SegoeUI.woff') format('woff'), url('../fonts/segoe-ui/SegoeUI.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('../fonts/segoe-ui/SegoeUI-Bold.eot'); src: local('Segoe UI Bold'), local('SegoeUI-Bold'), url('../fonts/segoe-ui/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui/SegoeUI-Bold.woff') format('woff'), url('../fonts/segoe-ui/SegoeUI-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('../fonts/segoe-ui/SegoeUI-Italic.eot'); src: local('Segoe UI Italic'), local('SegoeUI-Italic'), url('../fonts/segoe-ui/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui/SegoeUI-Italic.woff') format('woff'), url('../fonts/segoe-ui/SegoeUI-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Georgia'; src: url('../fonts/georgia/Georgia.eot'); src: local('Georgia'), url('../fonts/georgia/Georgia.eot?#iefix') format('embedded-opentype'), url('../fonts/georgia/Georgia.woff') format('woff'), url('../fonts/georgia/Georgia.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Georgia'; src: url('../fonts/georgia/Georgia-Italic.eot'); src: local('Georgia Italic'), local('Georgia-Italic'), url('../fonts/georgia/Georgia-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/georgia/Georgia-Italic.woff') format('woff'), url('../fonts/georgia/Georgia-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Georgia'; src: url('../fonts/georgia/Georgia-BoldItalic.eot'); src: local('Georgia Bold Italic'), local('Georgia-BoldItalic'), url('../fonts/georgia/Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/georgia/Georgia-BoldItalic.woff') format('woff'), url('../fonts/georgia/Georgia-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } /* Normalize */ html {line-height: 1.15; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; overflow-y: scroll;} body {margin: 0; width: 100%; height: 100%; position: relative; background: #fff;} article, aside, footer, header, nav, section {display: block;} figcaption, figure, main{display: block;} figure {margin: 1em 40px;} hr {box-sizing: content-box; height: 0; overflow: visible;} pre {font-family: monospace, monospace; font-size: 1em;} a {background-color: transparent; -webkit-text-decoration-skip: objects;} abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;} b, strong {font-weight: inherit;} b, strong {font-weight: bolder;} code, kbd, sam p{font-family: monospace, monospace; font-size: 1em;} dfn {font-style: italic;} mark {background-color: #ff0; color: #000;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -.25em;} sup {top: -.5em;} audio, video {display: inline-block;} audio:not([controls]) {display: none; height: 0;} img {border-style: none;} svg:not(:root) {overflow: hidden;} button, input, optgroup, select, textarea {font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0;} button, input {overflow: visible;} button, select {text-transform: none;} [type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;} [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {border-style: none; padding: 0;} [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: .35em .75em .625em;} legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} progress {display: inline-block; vertical-align: baseline;} textarea {overflow: auto;} [type=checkbox], [type=radio] {box-sizing: border-box; padding: 0;} [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto;} [type=search] {-webkit-appearance: textfield; outline-offset: -2px;} [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;} details, menu {display: block;} summary {display: list-item;} canvas {display: inline-block;} template {display: none;} [hidden] {display: none;} *, *:before, *:after {box-sizing: inherit;} span, h1, h2, h3, h4, h5, h6, p, a, label {vertical-align: baseline;} input[type="text"], input[type="tel"], input[type="email"], input[type="tel"], input[type="password"], textarea {height: 37px; font-size: 14px; border: 1px solid #eee; padding: 0 8px; box-sizing: border-box; width: 100%; -webkit-appearance: none; appearance: none; border-radius: 0; outline: none;} textarea {height: 100px; padding: 8px 12px; resize: vertical;} select {height: 37px; font-size: 14px; border: 1px solid #eee; padding: 0 10px; box-sizing: border-box; width: 100%; border-radius: 0;} input[type="submit"] {display: inline-block; background: #fff; text-decoration: none; color: #212121; line-height: 36px; border: 1px solid #eee; border-radius: 0; text-align: center; padding: 0 25px; font-size: 14px; letter-spacing: 0.03em; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; -webkit-appearance: none; appearance: none; vertical-align: top; outline: none;} input[type="submit"]:hover {background: #eee; color: #fff;} input[type="submit"]:active {background: #aa6377; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);} input::-webkit-input-placeholder {color: #97a3af; opacity: 1;} input::-moz-placeholder {color: #97a3af; opacity: 1;} input:-moz-placeholder {color: #97a3af; opacity: 1;} input:-ms-input-placeholder {color: #97a3af; opacity: 1;} input::-ms-input-placeholder {color: #97a3af; opacity: 1;} textarea::-webkit-input-placeholder {color: #97a3af; opacity: 1;} textarea::-moz-placeholder {color: #97a3af; opacity: 1;} textarea:-moz-placeholder {color: #97a3af; opacity: 1;} textarea:-ms-input-placeholder {color: #97a3af; opacity: 1;} textarea::-ms-input-placeholder {color: #97a3af; opacity: 1;} em, i {font-style: italic;} .viberimage {display: none;} blockquote {background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; clear: both;} blockquote:before {color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;} blockquote p {display: inline;} table {width: 100%;} body, input, textarea, select, button {font: 400 14px/1.8 'Segoe UI', sans-serif; color: #212121;} h1, h2, h3, h4, h5, h6 {margin: .67em 0; font-family: 'Georgia'; line-height: 1.3;} h1 {font-size: 40px; font-weight: 400;} h2 {font-size: 35px; font-weight: 400;} h3 {font-size: 24px; font-weight: 400;} h4 {font-size: 22px; font-weight: 400;} h5 {font-size: 20px; font-weight: 400;} h6 {font-size: 17px; font-weight: 400;} table td {padding: 1px 5px;} a {color: #338EE9; outline: none;} a:hover {color: #1262B3;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;} @media (max-width: 767px) { h1 {font-size: 26px;} h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 16px;} h6 {font-size: 16px;} } /* BS Grid */ .row {margin-left: -15px; margin-right: -15px;} .row.mg8 {margin-left: -8px; margin-right: -8px;} .row.mg10 {margin-left: -10px; margin-right: -10px;} .row.mg20 {margin-left: -20px; margin-right: -20px;} .row.mg25 {margin-left: -25px; margin-right: -25px;} .row.mg35 {margin-left: -35px; margin-right: -35px;} .row.mg8 > div {padding-left: 8px; padding-right: 8px;} .row.mg10 > div {padding-left: 10px; padding-right: 10px;} .row.mg20 > div {padding-left: 20px; padding-right: 20px;} .row.mg25 > div {padding-left: 25px; padding-right: 25px;} .row.mg35 > div {padding-left: 35px; padding-right: 35px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;} .col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0} @media (min-width: 768px) { .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0} } @media (min-width: 992px) { .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0} } @media (min-width: 1250px) { .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0} } @media (min-width: 1250px) {.visible-xs, .visible-sm, .visible-md, .hidden-lg {display: none !important;}} @media (min-width: 992px) and (max-width: 1249px) {.visible-xs, .visible-sm, .hidden-md, .visible-lg {display: none !important;}} @media (min-width: 768px) and (max-width: 991px) {.visible-xs, .hidden-sm, .visible-md, .visible-lg {display: none !important;}} @media (max-width: 767px) {.hidden-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}} .clearfix:before, .clearfix:after, .row:before, .row:after {content: " "; display: table;} .clearfix:after, .row:after{clear: both;} .center-block {display: block; margin-left: auto; margin-right: auto;} .pull-right {float: right !important;} .pull-left {float: left !important;} .invisible {visibility: hidden;} .text-hide {font-size: 1px; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .text-center {text-align: center;} .text-uppercase {text-transform: uppercase;} .hidden {display: none !important;} /* Main */ .site-container {min-width: 300px; background: #fff;} .site-main {min-height: 600px; position: relative;} .wrapper {max-width: 1230px; padding: 0 30px; margin: 0 auto;} .section-title {color: #212121; font-size: 48px; font-family: 'Georgia'; font-style: italic; margin: 0; padding: 0; line-height: 1.2;} .section-title-extrapaddings {padding: 25px 0 30px;} .section-title > span {color: inherit; font-size: inherit; display: inline-block; vertical-align: baseline; font-family: inherit; font-style: inherit; margin: 0 10px 0 0; padding: 0;} .section-title a {color: #ae9497; font-size: 14px; font-weight: 500; font-family: 'Segoe UI'; font-style: normal; letter-spacing: 1.4px; display: inline-block; vertical-align: baseline; text-decoration: none; line-height: 1.5; position: relative; top: -4px; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 2px;} .section-title a span {position: relative;} .section-title a:before {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #ae9497; -webkit-transition: all 0.4s; transition: all 0.4s;} .section-title a:hover {color: #fff;} .section-title a:hover:before {height: 100%;} .section-title a:active:before {background: #987b7f; -webkit-transition: all 0s; transition: all 0s;} .input-field {border-bottom-width: 2px !important; border-top-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; -webkit-transition: all 0.2s; transition: all 0.2s;} .input-field:focus {border-bottom-color: #ae9497;} .button {-moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; border-radius: 25px; display: inline-block; letter-spacing: 1.4px; font-size: 14px; font-weight: 500; text-align: center; padding: 12px 20px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; outline: none; position: relative; text-decoration: none;} .button span {position: relative; z-index: 2;} .button-bold {font-weight: 700;} .button-grey {background: #97a3af; color: #fff;} .button-grey:hover {color: #fff;} .button-grey i:nth-of-type(1) {background: rgba(255,255,255,0.1); display: block; position: absolute; top: 0; left: -130%; bottom: 0; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s;} .button-grey i:nth-of-type(1):after {content: ''; position: absolute; top: 0; right: -50px; border: 25px solid transparent; border-left: 25px solid rgba(255,255,255,0.1); border-top: 25px solid rgba(255,255,255,0.1);} .button-grey:hover i:nth-of-type(1) {left: 0;} .button-grey i:nth-of-type(2) {background: rgba(255,255,255,0.1); display: block; position: absolute; top: 0; left: -130%; bottom: 0; width: 100%; -webkit-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s;} .button-grey i:nth-of-type(2):after {content: ''; position: absolute; top: 0; right: -50px; border: 25px solid transparent; border-left: 25px solid rgba(255,255,255,0.1); border-top: 25px solid rgba(255,255,255,0.1);} .button-grey:hover i:nth-of-type(2) {left: 0;} .button-grey:active i {background: #7a848e; -webkit-transition: background 0s; transition: background 0s;} .order-ready-block input[type="submit"] {-moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 50px; border: none; border-radius: 25px; display: inline-block; letter-spacing: 1.4px; font-size: 14px; font-weight: 500; text-align: center; padding: 0 20px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; outline: none; position: relative; text-decoration: none; background: #97a3af; color: #fff; font-weight: 700; margin-top: 15px;} .order-ready-block input[type="submit"]:hover {opacity: 0.8;} .order-ready-block input[type="submit"]:active {opacity: 1; -webkit-transition: all 0s; transition: all 0s;} .button-white {background: #fff; color: #ae9497; border: 1px solid #ae9497; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;} .button-white i:nth-of-type(1) {background: #ae9497; display: block; position: absolute; top: 0; left: -130%; bottom: 0; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s;} .button-white i:nth-of-type(1):after {content: ''; position: absolute; top: 0; right: -50px; border: 25px solid transparent; border-left: 25px solid #ae9497; border-top: 25px solid #ae9497;} .button-white:hover i:nth-of-type(1) {left: 0;} .button-white i:nth-of-type(2) {background: rgba(255,255,255,0.1); display: block; position: absolute; top: 0; left: -130%; bottom: 0; width: 100%; -webkit-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s;} .button-white i:nth-of-type(2):after {content: ''; position: absolute; top: 0; right: -50px; border: 25px solid transparent; border-left: 25px solid rgba(255,255,255,0.1); border-top: 25px solid rgba(255,255,255,0.1);} .button-white:hover i:nth-of-type(2) {left: 0;} .button-white:hover {color: #fff; -webkit-transition: color 0.3s ease-in-out 0.1s; transition: color 0.3s ease-in-out 0.1s;} .button-white:active i {background: #a5888c; -webkit-transition: background 0s; transition: background 0s;} .line-hr {border-bottom: 1px solid #eee;} .empty-space-10 {height: 10px;} .empty-space-15 {height: 15px;} .empty-space-20 {height: 20px;} .empty-space-50 {height: 50px;} .empty-cart {margin: 0; font-family: 'Georgia'; line-height: 1.3; font-style: italic; color: #97a3af; font-size: 17px; padding: 10px 0;} .min-width-200 {min-width: 200px;} .beatiful-link {color: #ae9497; font-size: 14px; font-weight: 500;letter-spacing: 1.4px; text-decoration: none; font-family: 'Segoe UI'; font-style: normal; display: inline-block; vertical-align: baseline; line-height: 1.5; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 2px;} .beatiful-link span {position: relative;} .beatiful-link:before {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #ae9497; -webkit-transition: all 0.4s; transition: all 0.4s;} .beatiful-link:hover {color: #fff;} .beatiful-link:hover:before {height: 100%;} .beatiful-link:active:before {background: #987b7f; -webkit-transition: all 0s; transition: all 0s;} @media (max-width: 1249px) { .wrapper {max-width: 972px;} .section-title {font-size: 45px;} } @media (max-width: 991px) { .wrapper {max-width: 748px;} .site-main {min-height: 10px;} .section-title {font-size: 35px;} } @media (max-width: 767px) { .section-title {font-size: 25px;} .section-title a {top: -1px;} .section-title {text-align: center;} .section-title > span {display: block;} .section-title-extrapaddings {padding: 5px 0 20px;} } @media (max-width: 500px) { .wrapper {padding: 0 15px;} } /* Top line */ .top-line {background: #212121;} .top-line .wrapper {text-align: justify; font-size: 1px;} .top-line .wrapper:after {content: ''; display: inline-block; width: 100%;} .top-line-left {display: inline-block; vertical-align: top; font-size: 12px; text-align: left;} .top-line-right {display: inline-block; vertical-align: top; font-size: 12px; text-align: right;} .top-line .top-contacts {margin: 0; padding: 0; display: inline-block; vertical-align: top;} .top-line .top-contacts li {list-style: none; display: inline-block; vertical-align: top; margin-right: 25px;} .top-line .top-contacts li a {text-decoration: none; color: #fff; line-height: 35px; display: block;} .top-line .top-contacts li a span {display: inline-block; vertical-align: top; position: relative;} .top-line .top-contacts li a span:after {content: ''; width: 0; height: 1px; position: absolute; bottom: 8px; left: 50%; background: #ae9497; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .top-line .top-contacts li a:hover span:after {width: 100%; left: 0;} .top-line .top-contacts li a i {color: #ae9497; margin-right: 3px;} .top-line .top-contacts li a i.fa-viber {margin-left: 3px; margin-right: 5px;} .top-line .top-social {margin: 0; padding: 0; display: inline-block; vertical-align: top;} .top-line .top-social li {list-style: none; display: inline-block; vertical-align: top; margin-left: 16px;} .top-line .top-social li a {text-decoration: none; color: #fff; line-height: 35px; display: block; font-size: 18px; -webkit-transition: all 0.2s; transition: all 0.2s;} .top-line .top-social li a:hover {color: #ae9497;} .top-line .top-social li a:active {-webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0s; transition: all 0s;} @media (max-width: 991px) { .top-line {display: none;} } /* Header */ .site-header .hr {background: #eee; height: 1px; clear: both;} .site-navigation {float: left;} .site-navigation ul {margin: 0; padding: 0;} .site-navigation ul li {list-style: none; display: inline-block; vertical-align: top; margin-right: 20px;/*margin-right: 35px;*/} .site-navigation ul li:last-of-type {margin-right: 0;} .site-navigation ul li a {text-decoration: none; color: #212121; line-height: 37px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative;} .site-navigation ul li a:hover {color: #97a3af;} .site-navigation ul li.active a {color: #97a3af; font-weight: 500; cursor: default;} .site-navigation ul li:not(.active) a:after {content: ''; width: 0; height: 1px; position: absolute; bottom: 8px; left: 50%; background: #ae9497; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .site-navigation ul li:not(.active) a:hover:after {width: 100%; left: 0;} .site-navigation ul li:not(.active) a:active {-webkit-transform: scale(0.98, 0.98); -moz-transform: scale(0.98, 0.98); -ms-transform: scale(0.98, 0.98); -o-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); -webkit-transition: all 0s; transition: all 0s;} .languages {z-index: 2; position: relative; float: right; margin: 5px 0 0 0; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #97a3af; border-radius: 14px; font-size: 1px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0.83px; line-height: 1px; cursor: pointer;} .languages:after {content: '\f104'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #97a3af; position: absolute; top: 5px; left: -15px; font-size: 16px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer;} .languages .languages-item {display: inline-block; vertical-align: top; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-left: -25px; opacity: 0; pointer-events: none; visibility: hidden; min-width: 25px; padding: 0 2px; font-size: 11px; line-height: 26px;} .languages .languages-item a {-webkit-transition: all 0.3s; transition: all 0.3s; color: inherit; text-decoration: none;} .lang-opened .languages {padding: 0 3px;} .lang-opened .languages:after {opacity: 0; pointer-events: none;} .languages .languages-item.active, .lang-opened .languages .languages-item {margin-left: 0; pointer-events: auto; opacity: 1; visibility: visible;} .lang-opened .languages .languages-item a:hover {text-decoration: underline;} .header-main {content: ''; clear: both; display: block;} .header-main:after {content: ''; clear: both; display: block;} .header-main-left {float: left;} .header-main-right {float: right;} .header-logo {text-decoration: none; display: block; margin-top: 10px; position: relative;} .header-logo img {width: 131px; height: auto;} .header-logo .image {display: block;} .header-logo .image-2x {display: none;} .header-logo .image-back {display: block; position: absolute; top: 2px; left: 2px; opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: scale(1.5, 1); -moz-transform: scale(1.5, 1); -ms-transform: scale(1.5, 1); -o-transform: scale(1.5, 1); transform: scale(1.5, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .header-logo .image-mobile {display: none; width: 100%;} .header-logo:hover .image-back {opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} .header-logo:active {-webkit-transform: scale(0.98, 0.98); -moz-transform: scale(0.98, 0.98); -ms-transform: scale(0.98, 0.98); -o-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98);} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){ .header-logo .image {display: none;} .header-logo .image-2x {display: block;} } .header-search {position: relative; width: 410px; display: inline-block; vertical-align: top; margin: 10px 12px 0 0;} .header-search input {height: 35px; border-radius: 18px; padding: 0 40px 0 15px; -webkit-transition: all 0.4s; transition: all 0.4s;} .header-search input:focus {border-color: #97a3af;} .header-search button {-moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; background: none; border: none; color: #97a3af; position: absolute; top: -1px; right: 2px; height: 35px; line-height: 30px; text-align: center; width: 35px; outline: none; cursor: pointer; font-size: 16px; -webkit-transition: all 0.4s; transition: all 0.4s;} .header-search button:hover {opacity: 0.8;} .header-search button:active {-webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8);} .header-login-link {display: inline-block; vertical-align: top;} .header-login-link a {display: block; text-decoration: none; color: #212121; padding: 0 16px 2px; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 51px; position: relative;} .header-login-link a:before {content: ''; height: 27px; position: absolute; top: 50%; left: 0; width: 1px; background: #eee; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s;} .header-login-link a i {color: #97a3af; font-size: 21px; margin-right: 6px; -webkit-transition: all 0.4s; transition: all 0.4s; display: inline-block; vertical-align: middle;} .header-login-link a span {display: inline-block; vertical-align: middle;} @media (min-width: 992px) { .header-login-link a:hover, .r-window-opened .header-login-link a {color: #fff; background: #97a3af;} .header-login-link a:hover i, .r-window-opened .header-login-link a i {color: #fff;} .header-login-link a:active {-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5);} .header-login-link a:hover:before, .r-window-opened .header-login-link a:before {opacity: 0;} } .header-nav-opener {display: none; vertical-align: top;} .header-nav-opener a {display: block; text-decoration: none; color: #212121; padding: 0 16px 2px; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 51px; position: relative;} .header-nav-opener a:before {content: ''; height: 27px; position: absolute; top: 50%; left: 0; width: 1px; background: #eee; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s;} .header-nav-opener a i {color: #97a3af; font-size: 22px; margin-right: 6px; -webkit-transition: all 0.4s; transition: all 0.4s; display: inline-block; vertical-align: middle;} .header-nav-opener a span {display: inline-block; vertical-align: middle; overflow: hidden; opacity: 0; width: 0;} @media (min-width: 992px) { .header-nav-opener a:hover {color: #fff; background: #97a3af;} .header-nav-opener a:hover i {color: #fff;} .header-nav-opener a:active {-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5);} .header-nav-opener a:hover:before {opacity: 0;} } .header-contacts-opener {display: none; vertical-align: top;} .header-contacts-opener a {display: block; text-decoration: none; color: #212121; padding: 0 16px 2px; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 51px; position: relative;} .header-contacts-opener a:before {content: ''; height: 27px; position: absolute; top: 50%; left: 0; width: 1px; background: #eee; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s;} .header-contacts-opener a i {color: #97a3af; font-size: 20px; margin-right: 6px; -webkit-transition: all 0.4s; transition: all 0.4s; display: inline-block; vertical-align: middle;} .header-contacts-opener a span {display: inline-block; vertical-align: middle; overflow: hidden; opacity: 0; width: 0;} @media (min-width: 992px) { .header-contacts-opener a:hover {color: #fff; background: #97a3af;} .header-contacts-opener a:hover i {color: #fff;} .header-contacts-opener a:active {-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5);} .header-contacts-opener a:hover:before {opacity: 0;} } .header-cart-informer {display: inline-block; vertical-align: top;} .header-cart-informer a {display: block; text-decoration: none; color: #212121; padding: 0 10px 2px 16px; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 51px; position: relative;} .header-cart-informer a:before {content: ''; height: 27px; position: absolute; top: 50%; left: 0; width: 1px; background: #eee; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s;} .header-cart-informer a i {color: #97a3af; font-size: 21px; margin-right: 6px; -webkit-transition: all 0.4s; transition: all 0.4s; display: inline-block; vertical-align: middle;} .header-cart-informer a span {display: inline-block; vertical-align: middle;} .header-cart-informer a .count {background: #212121; color: #fff; border-radius: 13px; line-height: 24px; min-width: 24px; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; text-align: center; padding: 0 3px; margin-left: 8px; -webkit-transition: all 0.4s; transition: all 0.4s;} .header-cart-informer a .price {color: #97a3af; line-height: 24px; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; text-align: center; margin-left: 6px; -webkit-transition: all 0.4s; transition: all 0.4s;} .header-cart-informer a .currency {color: #212121; line-height: 24px; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; text-align: center; margin-left: 2px; -webkit-transition: all 0.4s; transition: all 0.4s;} @media (min-width: 992px) { .header-cart-informer a:hover, .cart-window-opened .header-cart-informer a {color: #fff; background: #97a3af;} .header-cart-informer a:hover i, .cart-window-opened .header-cart-informer a i {color: #fff;} .header-cart-informer a:active {-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5);} .header-cart-informer a:hover:before, .cart-window-opened .header-cart-informer a:before {opacity: 0;} .header-cart-informer a:hover .count, .cart-window-opened .header-cart-informer a .count {background: #fff; color: #97a3af;} .header-cart-informer a:hover .price, .cart-window-opened .header-cart-informer a .price {color: #fff;} .header-cart-informer a:hover .currency, .cart-window-opened .header-cart-informer a .currency {color: #fff;} } @media (max-width: 1249px) { .header-search {width: 270px;} } @media (max-width: 991px) { .header-search {display: none;} .site-navigation {display: none;} .languages {display: none;} .site-header {padding-top: 7px;} .site-header .hr {display: none;} .header-nav-opener {display: inline-block;} .header-contacts-opener {display: inline-block;} .header-cart-informer a {padding-right: 16px;} .header-nav-opener a i {margin-right: 0; margin-left: 2px;} .header-contacts-opener a i {margin-right: 0; margin-left: 2px;} .header-main-right {margin-right: -15px;} } @media (max-width: 767px) { .header-login-link a span, .header-cart-informer a span, .header-nav-opener a span {display: none;} .header-contacts-opener a span {display: none;} .header-login-link a i {margin-right: 0;} .header-logo .image-back {display: none;} } @media (max-width: 550px) { .site-header {padding-top: 0;} .header-main-left {float: none;} .header-logo {margin: 0 auto; padding: 10px 0; width: 220px; min-height: 77px;} .header-logo .image {display: none;} .header-logo .image-2x {display: none;} .header-logo .image-back {display: none;} .header-logo .image-mobile {display: block;} .header-main-right {margin-right: 0; float: none; text-align: center;} .header-login-link a:before {content: none;} } @media (max-width: 400px) { .header-cart-informer a .price {display: none;} .header-cart-informer a .currency {display: none;} .header-cart-informer a .count {line-height: 20px; min-width: 20px; font-size: 11px; margin-left: 4px;} } /* Site header fixed */ .site-header-fixed {position: fixed; top: -60px; left: 0; right: 0; height: 55px; background: #fff; z-index: 99986; overflow: hidden; -webkit-transition: top 0.4s; transition: top 0.4s; -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.33); box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.33);} .fixed-header-visible .site-header-fixed {top: 0;} .fixed-header-logo {text-decoration: none; display: inline-block; vertical-align: top; margin-top: 10px; position: relative;} .fixed-header-logo img {width: auto; height: 35px;} .site-header-fixed .categories-line {display: inline-block; vertical-align: top; background: #fff; line-height: 53px; margin-left: 20px;} .site-header-fixed .categories-line-items li a {color: #212121; padding: 0 20px;} .site-header-fixed .categories-line-items li:first-child a {padding-left: 20px;} .site-header-fixed .categories-line-items li a:hover {color: #97a3af;} .site-header-fixed .categories-line-items li a .label {background: #212121; color: #fff;} .site-header-fixed .categories-line-items li a .label:after {border: 3px solid transparent; border-left: 3px solid #212121; border-top: 3px solid #212121;} .site-header-fixed .categories-line-items li a:hover .label {background: #97a3af;} .site-header-fixed .categories-line-items li a:hover .label:after {border-left-color: #97a3af; border-top-color: #97a3af;} .site-header-fixed .categories-line-items li.active a {border-bottom-color: #97a3af; color: #97a3af;} .site-header-fixed .categories-line-items li.active a .label {background: #97a3af;} .site-header-fixed .categories-line-items li.active a .label:after {border-left-color: #97a3af; border-top-color: #97a3af;} .popup-category-opened-1 .site-header-fixed .cat-opener-1, .popup-category-opened-2 .site-header-fixed .cat-opener-2, .popup-category-opened-3 .site-header-fixed .cat-opener-3, .popup-category-opened-4 .site-header-fixed .cat-opener-4, .popup-category-opened-5 .site-header-fixed .cat-opener-5, .popup-category-opened-6 .site-header-fixed .cat-opener-6 {border-bottom-color: #97a3af; color: #97a3af;} .header-search-fixed-toggle {display: inline-block; vertical-align: top;} .header-search-fixed-toggle a {display: block; text-decoration: none; padding: 2px 16px 0; line-height: 53px; position: relative; color: #97a3af; font-size: 14px;-webkit-transition: all 0.4s; transition: all 0.4s;} .header-search-fixed-toggle a:before {content: ''; height: 27px; position: absolute; top: 50%; left: 0; width: 1px; background: #eee; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s; transition: all 0.4s;} .site-header-fixed .header-login-link a i, .site-header-fixed .header-cart-informer a i {font-size: 14px;} @media (max-width: 1249px) { .site-header-fixed .header-login-link a, .site-header-fixed .header-cart-informer a {line-height: 53px;} .site-header-fixed .header-login-link a span, .site-header-fixed .header-cart-informer a span {display: none;} .site-header-fixed .header-cart-informer a .count {display: inline-block;line-height: 20px; min-width: 20px; font-size: 11px; margin-left: 4px;} .site-header-fixed .categories-line {margin-left: 10px;} .site-header-fixed .categories-line-items li a {padding: 0 10px;} .site-header-fixed .categories-line-items li:first-child a {padding-left: 10px;} .site-header-fixed .header-login-link a i {margin-right: 0;} } @media (min-width: 992px) { .header-search-fixed-toggle a:hover, .search-line-opened .header-search-fixed-toggle a {color: #fff; background: #97a3af;} .header-search-fixed-toggle a:hover i, .search-line-opened .header-search-fixed-toggle a i {color: #fff;} .header-search-fixed-toggle a:active {-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.5);} .header-search-fixed-toggle a:hover:before, .search-line-opened .header-search-fixed-toggle a:before {opacity: 0;} } @media (max-width: 991px) { .site-header-fixed {display: none;} } /* Mobile search */ .mobile-search {display: block; position: fixed; top: -70px; left: 0; right: 0; background: #fff; z-index: 99985; margin: 0; padding: 15px; -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.33); box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.33); -webkit-transition: top 0.4s; transition: top 0.4s;} .mobile-search .wrapper {position: relative;} .fixed-header-visible.search-line-opened .mobile-search {top: 54px;} .mobile-search input {height: 30px; padding: 0 40px 0 15px; -webkit-transition: all 0.4s; transition: all 0.4s;} .mobile-search input:focus {border-color: #97a3af;} .mobile-search button {-moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; background: none; border: none; color: #97a3af; position: absolute; top: 0; right: 30px; height: 30px; line-height: 28px; text-align: center; width: 35px; outline: none; cursor: pointer; font-size: 14px; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 6px;} .mobile-search button:hover {opacity: 0.8;} .mobile-search button:active {-webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8);} @media (max-width: 991px) { .mobile-search, .fixed-header-visible.search-line-opened .mobile-search {display: block; position: relative; vertical-align: top; margin: 10px 0 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: auto; padding: 0; z-index: 1;} .mobile-search input {height: 43px;} .mobile-search button {top: -1px; right: 32px; height: 43px; line-height: 38px; font-size: 18px;} } @media (max-width: 500px) { .mobile-search button {right: 17px;} } /* Autocomplete */ .autocomplete-suggestions{background-color:#fff;overflow:hidden;overflow-y:auto;border:0.0625rem solid #e0e0e0;display:table;top: 100%;} .search-panel .autocomplete-suggestions{top: 29px;} .autocomplete-suggestion{display:table-row;width:100%;cursor: pointer;} .autocomplete-suggestion:nth-child(even){background-color:#fbfbfb} .autocomplete-suggestions .autocomplete-selected{background:#f0f0f0} .autocomplete-suggestions strong{font-weight:normal;color:#ffb400} .autocomplete-suggestion div{width:45px !important;text-align:center;} .autocomplete-suggestion div,.autocomplete-suggestions span,.autocomplete-suggestions a{padding:5px 0.3125rem;display:table-cell;vertical-align:middle} .autocomplete-suggestions span{white-space:nowrap} .autocomplete-suggestions a {color: #333; text-decoration: none; line-height: 1.2; font-size: 12px;} .autocomplete-suggestion > span {color: #333; width: 30px; line-height: 1.2; font-size: 11px;display: none;} /* Categories line */ .categories-line {background: #212121; line-height: 43px; position: relative;} .categories-line-items {margin: 0; padding: 0;} .categories-line-items li {list-style: none; display: inline-block; vertical-align: top;} .categories-line-items li a {text-decoration: none; color: #fff; display: block; padding: 0 30px; -webkit-transition: all 0.4s; transition: all 0.4s; border-bottom: 2px solid transparent;} .categories-line-items li:first-child a {padding-left: 0;} .categories-line-items li a:hover {color: #97a3af;} .categories-line-items li a svg {fill: currentColor; display: inline-block; vertical-align: middle; position: relative; margin-right: 3px; top: -2px;} .categories-line-items li a .svg-hair {width: 12px; height: 16px;} .categories-line-items li a .svg-disinfectants {width: 20px; height: 20px;} .categories-line-items li a .svg-thumb {width: 14px; height: 14px;} .categories-line-items li a .label {display: inline-block; vertical-align: middle; background: #fff; height: 16px; padding: 0 3px; line-height: 16px; text-transform: uppercase; color: #212121; font-size: 8px; font-weight: 800; letter-spacing: 0.6px; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; margin-right: 4px; top: -2px;} .categories-line-items li a .label:after {content: ''; display: block; position: absolute; top: 98%; left: 0; border: 3px solid transparent; border-left: 3px solid #fff; border-top: 3px solid #fff; -webkit-transition: all 0.4s; transition: all 0.4s;} .categories-line-items li a:hover .label {background: #97a3af;} .categories-line-items li a:hover .label:after {border-left-color: #97a3af; border-top-color: #97a3af;} .categories-line-items li.active a {border-bottom-color: #97a3af; color: #97a3af;} .categories-line-items li.active a .label {background: #97a3af;} .categories-line-items li.active a .label:after {border-left-color: #97a3af; border-top-color: #97a3af;} .popup-category-opened-1 .cat-opener-1, .popup-category-opened-2 .cat-opener-2, .popup-category-opened-3 .cat-opener-3, .popup-category-opened-4 .cat-opener-4, .popup-category-opened-5 .cat-opener-5, .popup-category-opened-6 .cat-opener-6 {border-bottom-color: #97a3af; color: #97a3af;} @media (max-width: 991px) { .categories-line {background: none;} .categories-line-items {padding-bottom: 7px; margin-top: -7px;} .categories-line-items li {display: block; padding: 7px 0;} .categories-line-items li:nth-child(n) a {padding: 0 14px; border-bottom: none; background: #ae9497;} .categories-line-items li:nth-child(1) a {background: #dccab8;} .categories-line-items li:nth-child(3) a {background: #97a3af;} .categories-line-items li a .svg-hair {width: 18px; height: 24px; margin-right: 8px;} .categories-line-items li a .svg-disinfectants {width: 24px; height: 24px; margin-right: 3px;} .categories-line-items li a .svg-thumb {width: 21px; height: 21px; margin-right: 7px;} .categories-line-items li a .label {color: #ae9497;} .categories-line-items li a:hover .label {background: #fff;} .categories-line-items li a:hover .label:after {border-left-color: #fff; border-top-color: #fff;} .categories-line-items li.active a {border-bottom-color: #fff; color: #fff;} .categories-line-items li.active a .label {background: #fff;} .categories-line-items li.active a .label:after {border-left-color: #fff; border-top-color: #fff;} .categories-line-items li a:hover {color: #fff;} .categories-line-items li a:hover .label {background: #fff;} .categories-line-items li a:hover .label:after {border-left-color: #fff; border-top-color: #fff;} } /* Mobile contacts */ .m-contacts {position: fixed; width: 100%; height: 100%; top: 0; right: -110%; z-index: 99988; background: #fff; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); opacity: 0;} .m-contacts-opened .m-contacts {right: 0; opacity: 1; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear; transition: right 0.4s ease-in-out, opacity 0s linear;} .m-contacts-inner {position: absolute; top: 0; left: 0; right: 0; padding: 0 35px 20px; bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-transition: top .5s ease-out; transition: top .5s ease-out; text-align: center;} .m-contacts-inner::-webkit-scrollbar {width: 10px;} .m-contacts-inner::-webkit-scrollbar-track {background: #eee; border-radius: 0; background-clip: content-box;} .m-contacts-inner::-webkit-scrollbar-thumb {background: #97a3af; border-radius: 0;} .m-contacts ul {margin: 0; padding: 20px; display: inline-block; text-align: center; vertical-align: top;} .m-contacts ul li {list-style: none; display: block;} .m-contacts ul li p {margin: 0; color: #212121; font-weight: 500; font-size: 18px; padding: 10px 0; display: block;} .m-contacts ul li a {text-decoration: none; color: #212121; font-size: 17px; padding: 10px 0; font-style: italic; display: block;} .m-contacts ul li a span {display: inline-block; vertical-align: top; position: relative;} .m-contacts ul li a i {color: #ae9497; margin-right: 7px;} .m-contacts ul li a i.fa-viber {margin-left: 3px; margin-right: 9px;} .m-contacts ul li a i.fa-envelope {margin-right: 14px;} .m-contacts-back {position: absolute; top: 0; left: 0; right: 0;} .m-contacts-back a {line-height: 37px; display: block; text-decoration: none; color: #fff; background: #ae9497; border-bottom: 1px solid #ae9497; padding: 0 15px 1px; font-size: 15px;} .m-contacts-back a i {font-size: 19px; margin-right: 10px; position: relative; top: 2px;} @media (min-width: 992px) { .m-contacts {display: none;} } @media (max-width: 500px) { .m-contacts-inner {padding: 0 15px 20px;} } /* Mobile navigation */ .m-navigation {position: fixed; width: 100%; height: 100%; top: 0; right: -110%; z-index: 99988; background: #fff; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); opacity: 0;} .m-navigation-opened .m-navigation {right: 0; opacity: 1; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear; transition: right 0.4s ease-in-out, opacity 0s linear;} .m-navigation-inner {position: absolute; top: 0; left: 0; right: 0; padding: 0 35px 20px; bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-transition: top .5s ease-out; transition: top .5s ease-out; text-align: center; background: #fff;} .m-navigation-inner::-webkit-scrollbar {width: 10px;} .m-navigation-inner::-webkit-scrollbar-track {background: #eee; border-radius: 0; background-clip: content-box;} .m-navigation-inner::-webkit-scrollbar-thumb {background: #97a3af; border-radius: 0;} .m-navigation ul {margin: 0; padding: 20px; display: inline-block; text-align: center; vertical-align: top;} .m-navigation ul li {list-style: none; display: block; padding: 10px 0;} .m-navigation ul li p {margin: 0; color: #212121; font-weight: 500; font-size: 20px; padding: 10px 0; display: block;} .m-navigation ul li a {text-decoration: none; color: #212121; font-size: 18px; font-style: italic; display: inline-block; vertical-align: top; line-height: 1.5;} .m-navigation ul li.active a, .m-navigation ul li a.active {color: #97a3af; font-weight: 700; border-bottom: 2px solid #97a3af;} .m-navigation-back {position: absolute; top: 0; left: 0; right: 0;} .m-navigation-back a {line-height: 37px; display: block; text-decoration: none; color: #fff; background: #ae9497; border-bottom: 1px solid #ae9497; padding: 0 15px 1px; font-size: 15px;} .m-navigation-back a i {font-size: 19px; margin-right: 10px; position: relative; top: 2px;} .m-navigation .divider {background: #212121; width: 4px; height: 4px; border-radius: 50%; font-size: 18px; font-style: italic; display: inline-block; vertical-align: top; line-height: 1.5; margin: 0 12px; position: relative; top: 11px;} @media (min-width: 992px) { .m-navigation {display: none;} } @media (max-width: 500px) { .m-navigation-inner {padding: 0 15px 20px;} } /* Window Registration/Login */ .r-window-overlay {background-color: rgba(255,255,255,0.2); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99987; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: opacity 0.4s linear, -webkit-transform 0ms ease-out 0.4s; transition: transform 0ms ease-out 0.4s, opacity 0.4s linear;} .r-window-opened .r-window-overlay, .cart-window-opened .r-window-overlay {opacity: .7; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 0.4s linear; transition: opacity 0.4s linear;} .r-window {position: fixed; width: 530px; height: 100%; right: -540px; top: 0; z-index: 99988; background: #fff; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); -webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px); opacity: 0;} .r-window-opened .r-window {right: 0; opacity: 1; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear; transition: right 0.4s ease-in-out, opacity 0s linear;} .r-window-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-transition: right 0.4s ease-out; transition: right 0.4s ease-out; padding: 0 35px;} @media (min-width: 501px) { .r-window-inner::-webkit-scrollbar {width: 10px;} .r-window-inner::-webkit-scrollbar-track {background: #eee; border-radius: 0; background-clip: content-box;} .r-window-inner::-webkit-scrollbar-thumb {background: #97a3af; border-radius: 0;} } .w-header {position: relative; padding-right: 30px; color: #ae9497; font-size: 18px; font-style: italic; border-bottom: 1px solid #eee; padding: 14px 23px 16px 2px; text-align: left;} .w-header > i {vertical-align: baseline; font-size: 20px; color: #97a3af; position: relative; top: -2px; margin-right: 8px;} .w-header a:not(.close) {color: #ae9497; font-size: 18px; font-style: italic; display: inline-block; vertical-align: baseline; font-family: 'Georgia'; font-style: italic; line-height: 1.3; text-decoration: none; padding: 0 2px; position: relative;} .w-header a:not(.close):not(.active) {border-bottom: 1px solid #ae9497;} .w-header a:not(.close):not(.active):after {content: ''; display: block; background: #ae9497; height: 1px; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .w-header a:not(.close):not(.active):hover:after {width: 100%;} .w-header a.active {color: #212121; font-size: 30px; display: inline-block; vertical-align: baseline; pointer-events: none;} .w-header .close {font-size: 21px; color: #97a3af; position: absolute; display: block; text-decoration: none; top: 16px; right: 2px;} .w-header .close:active {-webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8);} .login-w-form {padding: 20px 10px 20px;} .login-w-form label {color: #757575; font-weight: 500; padding: 0 8px; display: block;} .login-w-form input {height: 33px;} .login-w-form .button {width: 100%; max-width: 285px; margin: 25px auto; display: block;} .login-w-form .button-grey {margin: 25px auto 30px;} .login-w-form .button-white {margin: 12px auto;} .login-w-form .register-submit {margin: 0 auto 20px;} .login-w-form .no-account-text {color: #4f4f59; font-size: 14px; letter-spacing: 1.4px;} .login-w-form .login-text {color: #ae9497; font-size: 14px; font-weight: 500;letter-spacing: 1.4px; text-decoration: none; font-family: 'Segoe UI'; font-style: normal; display: inline-block; vertical-align: baseline; line-height: 1.5; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 2px;} .login-w-form .login-text span {position: relative;} .login-w-form .login-text:before {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #ae9497; -webkit-transition: all 0.4s; transition: all 0.4s;} .login-w-form .login-text:hover {color: #fff;} .login-w-form .login-text:hover:before {height: 100%;} .login-w-form .login-text:active:before {background: #987b7f; -webkit-transition: all 0s; transition: all 0s;} .login-w-form .address-description {color: #757575; font-size: 12px; margin: -5px 0 0; line-height: 1.3; padding: 0 8px;} .upload-description {color: #757575; font-size: 12px; margin: 0; line-height: 1.3; padding: 0 8px;} .login-w-form .recaptcha-block {text-align: center; padding: 20px 0;} .login-w-form .recaptcha-block > div {display: inline-block;} .password-block {position: relative; margin-bottom: 15px;} .password-block input {padding-right: 24px;} .password-block .show-password {position: absolute; top: 5px; right: 0; color: #97a3af; font-size: 12px;} .password-block .show-password:hover {opacity: 0.8;} .password-block input[type="text"] + .show-password {color: #ae9497; opacity: 1;} .register-w-content {display: none;} .r-register-opened .login-w-content {display: none;} .r-register-opened .register-w-content {display: block;} .r-window .form-block {position: relative; margin-bottom: 15px;} .r-window label.error {color: red; font-size: 12px; font-weight: 400;} @media (max-width: 991px) { .r-window {width: 100%; right: -110%;} } @media (max-width: 767px) { /*body.noscroll {position: fixed; overflow-x: hidden; overflow-y: hidden;}*/ } @media (max-width: 500px) { .r-window-inner {padding: 0 15px;} .w-header {font-size: 15px;} .w-header > i {font-size: 18px; margin-right: 6px;} .w-header a:not(.close) {font-size: 15px;} .w-header a.active {font-size: 25px;} .w-header .close {top: 12px;} .login-w-form {padding: 15px 0 20px;} } /* Amount */ .amount.fn_product_amount {display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 115px; line-height: 26px; border: none; margin-right: 15px;} .amount.fn_product_amount span {display: inline-block; vertical-align: middle; font-size: 18px; width: 24px; height: 24px; border-radius: 50%; text-align: center; cursor: pointer; color: #97a3af; border: 1px solid #97a3af; position: relative; top: 2px; text-indent: -9999px; -webkit-transition: all 0.3s; transition: all 0.3s;} .amount.fn_product_amount span:before, .amount.fn_product_amount .plus:after {content: ''; display: block; width: 8px; height:2px; background: #97a3af; position: absolute; top: 10px; left: 7px; -webkit-transition: all 0.3s; transition: all 0.3s;} .amount.fn_product_amount .plus:after {width: 2px; height: 8px; top: 7px; left: 10px;} .amount.fn_product_amount span:hover {background: #ae9497;} .amount.fn_product_amount span:hover:before, .amount.fn_product_amount .plus:hover:after {background: #fff;} .amount.fn_product_amount span:active {background: #947a7d; -webkit-transition: all 0s; transition: all 0s;} .amount.fn_product_amount .input_amount {display: inline-block; vertical-align: middle; font-size: 22px; text-align: center; background: none; border: none; border-radius: 0; padding: 0; height: 26px; width: 35px; text-align: center; color: #212121; font-family: 'Georgia'; font-style: italic;} /* Window Cart */ .cart-window {position: fixed; width: 530px; height: 100%; right: -540px; top: 0; z-index: 99988; background: #fff; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; transition: right 0.4s ease-in-out, opacity 0s linear 0.4s; -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.42); opacity: 0;} .cart-window-opened .cart-window {right: 0; opacity: 1; -webkit-transition: right 0.4s ease-in-out, opacity 0s linear; transition: right 0.4s ease-in-out, opacity 0s linear;} .cart-window-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-transition: right 0.4s ease-out; transition: right 0.4s ease-out; padding: 0 35px;} .cart-window-inner::-webkit-scrollbar {width: 10px;} .cart-window-inner::-webkit-scrollbar-track {background: #eee; border-radius: 0; background-clip: content-box;} .cart-window-inner::-webkit-scrollbar-thumb {background: #97a3af; border-radius: 0;} .fixed-cart-products {position: absolute; width: auto; top: 80px; left: 35px; right: 35px; bottom: 230px; overflow-x: auto;} .fixed-cart-products::-webkit-scrollbar {width: 10px;} .fixed-cart-products::-webkit-scrollbar-track {background: #eee; border-radius: 0; background-clip: content-box;} .fixed-cart-products::-webkit-scrollbar-thumb {background: #97a3af; border-radius: 0;} .fixed-cart-product {margin-bottom: 10px; padding: 0 10px 0 0; position: relative; border-bottom: 1px solid #eee;} .fixed-cart-product:after {content: ''; clear: both; display: block;} .fixed-cart-product .q-block {display: inline-block; vertical-align: top; margin-top: 7px;} .fixed-cart-product .label {font-size: 12px; font-weight: 700; color: #757575;} .fixed-cart-product .image {background-color: #f3eced; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 110px; height: 110px; display: block; position: absolute; top: 0; left: 0; z-index: 2;} .fixed-cart-product .image span {background-repeat: no-repeat; background-position: center center; background-size: contain; width: 45px; height: 45px; display: block; position: absolute; bottom: 10px; right: 10px; z-index: 3;} .fixed-cart-product .product-information {padding: 0 20px 15px 125px; position: relative; min-height: 120px;} .fixed-cart-product p {margin: 0; padding: 0;} .fixed-cart-product .product-information .title {color: #4f4f59; font-size: 16px; font-weight: 500; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; text-decoration: none; line-height: 1.4; max-width: 100%; position: relative; top: -2px;} .fixed-cart-product .product-information .title:hover {color: #ae9497;} .fixed-cart-product .product-price .price {color: #212121; font-weight: 700; font-family: 'Georgia'; font-size: 22px; font-style: italic; line-height: 28px;} .fixed-cart-product .product-price .price span {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 500; font-family: 'Segoe UI'; font-size: 16px; font-style: normal;} .fixed-cart-product .remove {font-size: 12px; color: #bdbdbd; text-decoration: none; display: inline-block; position: absolute; top: 0px; right: 4px;} .fixed-cart-product .remove:hover {color: #e886a3;} .fixed-cart-footer {position: absolute; bottom: 0; left: 35px; right: 35px; height: 220px; background: #fff;} .fixed-cart-footer p {margin: 0; padding: 0;} .fixed-cart-footer .price-footer {padding-bottom: 2px; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .fixed-cart-footer .price-text {float: left; color: #212121; font: italic 400 28px/68px 'Georgia', sans-serif;} .fixed-cart-footer .price-text span {display: inline-block; margin-left: 20px; font-size: 22px; color: #97a3af; font-family: 'Segoe UI';} .fixed-cart-footer .fixed-cart-total-price {font: italic 900 36px/68px 'Georgia', sans-serif; float: right; text-align: right; color: #212121;} .fixed-cart-footer .fixed-cart-total-price span {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 400; font-family: 'Segoe UI'; font-size: 20px;} .fixed-cart-footer .fixed-cart-order {max-width: 285px; width: 100%; margin: 30px auto 10px;} .fixed-cart-footer .close-cart-bottom {font: italic 400 14px/1.4 'Segoe UI', sans-serif; color: #ae9497; display: inline-block; text-decoration: none; border-bottom: 1px solid #ae9497; letter-spacing: 1.4px; position: relative;} .fixed-cart-footer .close-cart-bottom:after {content: ''; display: block; background: #ae9497; height: 1px; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .fixed-cart-footer .close-cart-bottom:hover:after {width: 100%;} .fixed-cart-footer .close-cart-bottom:active {-webkit-transform: scale(0.98, 0.98); -moz-transform: scale(0.98, 0.98); -ms-transform: scale(0.98, 0.98); -o-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98);} .shopping-cart-fixed .empty-cart {opacity: 0.3;} .delivery-newpost {padding: 0px 0px 5px 25px;} .delivery-newpost select {font-size: 14px;} .worldwide-delivery-cart-block {padding: 20px 15px 0 25px;} .delivery-newpost .validate-container, .worldwide-delivery-cart-block .validate-container {margin-bottom: 10px;} .one-click-block {padding-left: 165px; text-align: center;} .one-click-block p {margin: 0; position: relative; top: -11px;} .one-click-block .button {display: inline-block; text-decoration: none; color: #212121; font-size: 14px; border: 1px solid #212121; padding: 0 10px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-appearance: none; appearance: none; background: none; font-weight: 700; letter-spacing: 0.7px; line-height: 60px; height: 60px; overflow: hidden; width: 100%; cursor: pointer;} .one-click-block .button:hover {background: #fff;} .dont-call-me-container {padding-top: 20px;} .dont-call-me-container .ta-checkbox + label {font-weight: 400; font-style: italic; letter-spacing: 0; font-size: 13px; line-height: 19px;} @media (max-width: 991px) { .cart-window {width: 100%; right: -110%;} } @media (max-width: 500px) { .cart-window-inner {padding: 0 15px;} .fixed-cart-products {top: 75px; left: 15px; right: 15px; bottom: 185px;} .fixed-cart-product .image {width: 60px; height: 60px;} .fixed-cart-product .product-information {padding-left: 70px; min-height: 100px;} .fixed-cart-footer .price-text span {display: none;} .fixed-cart-footer {left: 15px; right: 15px; height: 170px;} .fixed-cart-footer .price-text {font-size: 20px; line-height: 40px;} .fixed-cart-footer .fixed-cart-total-price {font-size: 25px; line-height: 40px;} .fixed-cart-footer .fixed-cart-total-price span {font-size: 17px; line-height: 40px;} .fixed-cart-footer .fixed-cart-order {margin: 20px auto 5px;} .fixed-cart-products::-webkit-scrollbar {width: 4px;} } @media (max-width: 370px) { .fixed-cart-product .image {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.2; background-position: right center;} .fixed-cart-product .product-information {z-index: 2; padding: 10px;} } /* Popup Category */ .site-main:after {content: ''; display: block; background-color: rgba(151,163,175,0.75); width: 100%; height: 0; position: absolute; top: 0; left: 0; z-index: 99982; opacity: 0; -webkit-transition: opacity 0.2s linear, height 0ms ease-out 0.2s; transition: opacity 0.2s linear, height 0ms ease-out 0.2s; overflow: hidden;} .site-container:after {content: ''; display: block; background-color: rgba(151,163,175,0.75); width: 100%; height: 0; position: absolute; top: 0; left: 0; z-index: 99982; opacity: 0; -webkit-transition: opacity 0.2s linear, height 0ms ease-out 0.2s; transition: opacity 0.2s linear, height 0ms ease-out 0.2s; overflow: hidden;} .popup-category-opened-1 .site-main:after, .popup-category-opened-2 .site-main:after, .popup-category-opened-3 .site-main:after, .popup-category-opened-4 .site-main:after, .popup-category-opened-5 .site-main:after, .popup-category-opened-6 .site-main:after, .fixed-header-visible.popup-category-opened-1 .site-container:after, .fixed-header-visible.popup-category-opened-2 .site-container:after, .fixed-header-visible.popup-category-opened-3 .site-container:after, .fixed-header-visible.popup-category-opened-4 .site-container:after, .fixed-header-visible.popup-category-opened-5 .site-container:after, .fixed-header-visible.popup-category-opened-6 .site-container:after {height: 100%; opacity: 1; -webkit-transition: opacity 0.2s linear, height 0ms ease-out 0s; transition: opacity 0.2s linear, height 0ms ease-out 0s;} .fixed-header-visible .site-main:after {content: none;} .popup-category {position: absolute; top: 100%; width: 100%; left: 0; height: 0; z-index: 99983; opacity: 0; -webkit-transition: opacity 0.2s linear, height 0ms ease-out 0.2s; transition: opacity 0.2s linear, height 0ms ease-out 0.2s; overflow: hidden; line-height: 1.3;} .fixed-header-visible .popup-category {position: fixed; top: 54px;} .popup-category-opened-1 #popup_category_1, .popup-category-opened-2 #popup_category_2, .popup-category-opened-3 #popup_category_3, .popup-category-opened-4 #popup_category_4, .popup-category-opened-5 #popup_category_5, .popup-category-opened-6 #popup_category_6 {height: 600px; opacity: 1; -webkit-transition: opacity 0.2s linear, height 0ms ease-out 0s; transition: opacity 0.2s linear, height 0ms ease-out 0s;} .popup-category-inner {position: relative; background: #fff;} .popup-category-inner:after {content: ''; display: block; background: #fafafa; left: 50%; top: 0; bottom: 0; right: 0; position: absolute;} .popup-category-inner .wrapper:after {content: ''; clear: both; display: block;} .popup-category-left {min-height: 560px; float: left; width: 33%; padding: 25px 0; position: relative; z-index: 3;} .popup-category-right {min-height: 560px; background: #fafafa; float: left; width: 67%; padding: 25px 0 0 30px; position: relative; z-index: 2;} .popup-category-inner .label {color: #97a3af; font: italic 700 24px/1.3 'Georgia', sans-serif; margin: 0 0 25px; padding-left: 12px; max-width: 370px;} .popup-category-left ul {margin: 0; padding: 0;} .popup-category-left ul li {list-style: none; display: block; margin-bottom: 15px;} .popup-category-left ul li a {text-decoration: none; color: #212121; font-weight: 500; font-size: 18px; padding: 8px 45px 8px 15px; display: block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .popup-category-left ul li a i {background: #ae9497; display: block; width: 39px; border-radius: 20px; background: #ae9497; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: all 0.4s; transition: all 0.4s;} .popup-category-left ul li a:hover {color: #fff;} .popup-category-left ul li a:hover i {width: 100%;} .popup-category-left ul li.active a {color: #fff;} .popup-category-left ul li.active a i {width: 100%;} .popup-category-left ul li a i:after {content: ''; display: block; background: #4f505a; height: 6px; border-radius: 3px; position: absolute; top: 50%; left: 230px; margin-top: -3px; width: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .popup-category-left ul li.active a i:after {width: 175px;} .popup-category-right .ul {display: none;} .popup-category-right .ul.active {display: block;} .popup-category-right ul {margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; max-width: 370px; height: 440px;} .popup-category-right ul::-webkit-scrollbar {width: 10px;} .popup-category-right ul::-webkit-scrollbar-track {background: #eee; border-radius: 0; background-clip: content-box;} .popup-category-right ul::-webkit-scrollbar-thumb {background: #97a3af; border-radius: 0;} .popup-category-right ul li {list-style: none; display: block;} .popup-category-right ul li a {text-decoration: none; color: #4f4f59; font-size: 16px; padding: 10px 45px 10px 15px; display: block; max-width: 350px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 20px;} .popup-category-right ul li:nth-of-type(n+2) a:after {content: ''; display: block; background: #eee; position: absolute; top: 0; left: 16px; right: 16px; height: 1px;} .popup-category-right ul li a:hover {background: #ae9497; color: #fff;} .popup-category .popup-image {height: 0; position: absolute; z-index: 5; top: 30px; right: 0;} .popup-category .popup-image .wrapper {position: relative;} .popup-category .popup-image a {width: 350px; height: 550px; display: block; position: absolute; top: 0; right: 0; z-index: 2; background-color: #fff; -webkit-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.17); box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.17); overflow: hidden;} .popup-category .popup-image a span {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 0.4s; transition: all 0.4s;} .popup-category .popup-image a:hover span {opacity: 0.8; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);} .popup-category .popup-image a:after {content: ''; display: block; position: absolute; height: 100%; width: 100%; right: -110%; bottom: 110%; background: rgba(255,255,255,0.1); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0;} .popup-category .popup-image:hover a:after {bottom: 0; right: 0; opacity: 0.5;} .popup-category .popup-close {display: none; position: absolute; top: 29px; right: 43px; z-index: 5; font-size: 20px; color: #97a3af;} @media (max-width: 1249px) { .popup-category-left ul li.active a i:after {width: 87px;} .popup-category .popup-image a {width: 250px; height: 390px;} .popup-category-right ul {max-width: 300px;} .popup-category-right ul li a {max-width: 280px;} .popup-category-inner .label {max-width: 300px;} } @media (max-width: 991px) { .popup-category, .fixed-header-visible .popup-category {position: fixed; top: 0;} .popup-category-opened-1 #popup_category_1, .popup-category-opened-2 #popup_category_2, .popup-category-opened-3 #popup_category_3, .popup-category-opened-4 #popup_category_4, .popup-category-opened-5 #popup_category_5, .popup-category-opened-6 #popup_category_6 {height: 100%; background: #fafafa;} .popup-category .popup-image {display: none;} .popup-category-inner {background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px;} .popup-category-left {min-height: 10px; float: none; width: 100%;} .popup-category-left ul li a {max-width: 100%;} .popup-category-left ul li.active a i:after {content: none;} .popup-category-left ul li {margin-bottom: 0; height: 0; overflow: hidden; -webkit-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;} .popup-category-opened-1 .popup-category-left ul li, .popup-category-opened-2 .popup-category-left ul li, .popup-category-opened-3 .popup-category-left ul li, .popup-category-opened-4 .popup-category-left ul li, .popup-category-opened-5 .popup-category-left ul li, .popup-category-opened-6 .popup-category-left ul li, .popup-category-left ul li.active {height: 55px;} .popup-category-right {min-height: 10px; float: none; width: 100%; padding: 0;} .popup-category-right ul {max-width: 100%; overflow-x: auto; height: auto;} .popup-category-right ul li a {max-width: 96%;} .popup-category-inner:after {content: none;} .popup-category-inner .wrapper {position: relative;} .popup-category .popup-close {display: block;} .popup-category-left ul li.active a {padding-right: 45px;} .popup-category-left ul li.active a:after {content: '\f107'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 10px; right: 16px;} /*.popup-category-left ul.ul-opened li.active a:after {content: '\f00d';}*/ .popup-category-left ul li:not(.active) a:hover {color: #212121;} .popup-category-left ul li:not(.active) a:hover i {width: 39px;} .site-main:after {content: none;} .popup-category-inner .label {max-width: 100%;} } @media (max-width: 500px) { .popup-category .popup-close {right: 28px;} } @media (max-height: 700px) { .popup-category .popup-close {right: 28px;} } /* Home brands section */ .home-brands-section h1 {margin: 25px 0 35px; font: italic 400 48px/1.2 'Georgia', sans-serif; max-width: 730px;} .home-brand-1 {background: #d3d1c2; width: 67%; position: relative;} .home-brand-1:before {content: ''; background: #eee; position: absolute; bottom: -5px; height: 5px; width: 0; left: -5px; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity: 0;} .home-brand-1:hover:before {width: 100%; opacity: 1;} .home-brand-1:after {content: ''; background: #eee; position: absolute; bottom: -5px; width: 5px; height: 0; left: -5px; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity: 0;} .home-brand-1:hover:after {height: 100%; opacity: 1;} .home-brand-1 .text {padding: 40px 30px 30px; max-width: 360px;} .home-brand-1 .title {color: #4f4f59; font: italic 400 36px/1.2 'Georgia', sans-serif; text-decoration: none; margin: 0 0 12px; display: block;} .home-brand-1 .description {color: #fff; font-size: 14px; margin: 0 0 25px;} .home-brand-1 .more-button {overflow: hidden; position: relative;} .home-brand-1 .more-button a {text-decoration: none; color: #4f4f59; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-brand-1 .more-button a i {background: #fff; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-brand-1 .more-button a span {position: relative;} .home-brand-1 .more-button a:hover i {width: 100%;} .home-brand-1 .more-button a:active i {background: #eee; -webkit-transition: all 0s; transition: all 0s;} .home-brand-1 .more-button a:after {content: ''; background: #4f4f59; height: 5px; margin-top: -1px; position: absolute; top: 50%; left: 100%; display: block; width: 155px; border-radius: 2px;} .home-brand-1 .image {display: block; width: 300px; height: 400px; position: absolute; top: -40px; right: 90px;} .home-brand-1 .image span {display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;} .home-brand-1 .image span:first-child {opacity: 1;} .home-brand-1 .image span:last-child {opacity: 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);} .home-brand-1 .image:hover span:first-child {opacity: 0; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} .home-brand-1 .image:hover span:last-child {opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .home-brand-2 {position: relative; height: 0; z-index: 2;} .home-brand-2 .inner {background: #ae9497; width: 415px; right: 0; top: -295px; height: 530px; position: absolute; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.22); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.22);} .home-brand-2 .inner:after {content: ''; display: block; background: #fff; width: 5px; right: 35px; top: 0; height: 200px; position: absolute; border-radius: 0 0 3px 3px; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-brand-2 .logo {width: 170px; height: 170px; position: absolute; top: 30px; left: 50%; margin-left: -85px; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-brand-2 .text {position: absolute; bottom: 20px; left: 25px; right: 25px;} .home-brand-2 .more-button {display: inline-block; vertical-align: top;} .home-brand-2 .more-button:before {content: ''; background: #4f4f59; height: 5px; margin-top: -2px; position: absolute; top: 50%; left: -190px; display: block; width: 190px; border-radius: 2px;} .home-brand-2 .more-button a {text-decoration: none; color: #4f4f59; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 5;} .home-brand-2 .more-button a i {background: #fff; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-brand-2 .more-button a span {position: relative;} .home-brand-2 .more-button a:hover i {width: 100%;} .home-brand-2 .more-button a:active i {background: #eee; -webkit-transition: all 0s; transition: all 0s;} .home-brand-2 .more-button-line {display: inline-block; vertical-align: top; width: 0; height: 39px; position: relative;} .home-brand-2 .more-button-line:after {content: ''; background: #4f4f59; height: 5px; margin-top: -1px; position: absolute; top: 50%; left: 100%; display: block; width: 250px; border-radius: 2px; z-index: 3;} .home-brand-2 .image {display: block; width: 565px; height: 455px; position: absolute; bottom: -100px; right: -95px; z-index: 4;} .home-brand-2 .image span {display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .home-brand-2:hover .image span {-webkit-transform: rotate(2deg) scale(1.02); -moz-transform: rotate(2deg) scale(1.02); -ms-transform: rotate(2deg) scale(1.02); -o-transform: rotate(2deg) scale(1.02); transform: rotate(2deg) scale(1.02);} .home-brand-2:hover .logo {width: 180px; height: 180px; top: 25px; margin-left: -90px;} .home-brand-2:hover .inner:after {height: 210px;} .home-brand-3 {background: #fff; width: 67%; position: relative; margin: 50px 0 55px;} .home-brand-3 .text {padding: 40px 30px 30px 5px;} .home-brand-3 .title {color: #97a3af; font: italic 400 36px/1.2 'Georgia', sans-serif; text-decoration: none; margin: 0 0 12px; display: block; max-width: 280px;} .home-brand-3 .description {color: #4f4f59; font-size: 14px; margin: 0 0 15px; max-width: 280px;} .home-brand-3 .more-button {overflow: hidden; position: relative; padding-left: 45px;} .home-brand-3 .more-button:before {content: ''; background: #4f4f59; height: 5px; margin-top: -2px; position: absolute; top: 50%; left: 7px; display: block; width: 60px; border-radius: 2px;} .home-brand-3 .more-button a {text-decoration: none; color: #4f4f59; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; background: #fff; border-radius: 20px;} .home-brand-3 .more-button a i {background: #97a3af; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-brand-3 .more-button a span {position: relative;} .home-brand-3 .more-button a:hover i {width: 100%;} .home-brand-3 .more-button a:active i {background: #eee; -webkit-transition: all 0s; transition: all 0s;} .home-brand-3 .more-button a:after {content: ''; background: #4f4f59; height: 5px; margin-top: -1px; position: absolute; top: 50%; left: 100%; display: block; width: 460px; border-radius: 2px;} .home-brand-3 .image {display: block; width: 325px; height: 325px; position: absolute; top: 0; right: 135px; border-radius: 50%; -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.23); box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.23); overflow: hidden; z-index: 3;} .home-brand-3 .image span {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .home-brand-3 .image:hover span {-webkit-transform: rotate(2deg) scale(1.02); -moz-transform: rotate(2deg) scale(1.02); -ms-transform: rotate(2deg) scale(1.02); -o-transform: rotate(2deg) scale(1.02); transform: rotate(2deg) scale(1.02);} @media (max-width: 1249px) { .home-brands-section h1 {font-size: 45px; max-width: 670px;} .home-brand-1 .image {width: 180px; height: 250px; top: 30px; right: 70px;} .home-brand-2 .inner {width: 335px; height: 495px;} .home-brand-2 .logo, .home-brand-2:hover .logo {width: 140px; height: 140px; top: 25px; margin-left: -70px;} .home-brand-2 .image {width: 385px; height: 355px; bottom: -60px; right: -95px;} .home-brand-3 .image {width: 220px; height: 220px; top: 50px; right: 85px;} } @media (max-width: 991px) { .home-brands-section h1 {font-size: 35px; margin: 5px 0 20px;} .home-brand-1 {width: 100%;} .home-brand-2 {display: none;} .home-brand-3 {width: 100%; margin: 10px 0 25px;} .home-brand-3 .image {width: 250px; height: 250px; top: 50px; right: 85px;} } @media (max-width: 767px) { .home-brands-section h1 {font-size: 25px; text-align: center;} .home-brand-1, .home-brand-3 {display: none;} } /* Footer */ .site-footer {background: #212121; padding: 15px 0 0;} .site-footer .hr {background: #424242; height: 1px;} .footer-logo {height: 50px; width: auto; display: block; margin: 0 auto 15px;} .footer-nav {margin: 0 0 10px; padding: 0; text-align: center;} .footer-nav li {list-style: none; display: inline-block; vertical-align: top; margin-right: 20px;/*margin-right: 35px;*/} .footer-nav li:last-of-type {margin-right: 0;} .footer-nav li a {text-decoration: none; color: #fff; line-height: 1.2; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative;} .footer-nav li a:hover {color: #ae9497;} .footer-nav li.active a {color: #ae9497; font-weight: 500; cursor: default;} .footer-nav li:not(.active) a:after {content: ''; width: 0; height: 1px; position: absolute; bottom: -2px; left: 50%; background: #ae9497; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .footer-nav li:not(.active) a:hover:after {width: 100%; left: 0;} .footer-nav li:not(.active) a:active {-webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); -webkit-transition: all 0s; transition: all 0s;} .footer-contacts {margin: 0; padding: 13px 0 20px; font-size: 12px; text-align: center;} .footer-contacts li {list-style: none; display: inline-block; vertical-align: top; margin-right: 45px;} .footer-contacts li:last-of-type {margin-right: 0;} .footer-contacts li a {text-decoration: none; color: #fff; line-height: 3; display: block;} .footer-contacts li a span {display: inline-block; vertical-align: top; position: relative;} .footer-contacts li a span:after {content: ''; width: 0; height: 1px; position: absolute; bottom: 7px; left: 50%; background: #ae9497; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .footer-contacts li a:hover span:after {width: 100%; left: 0;} .footer-contacts li a i {color: #ae9497; margin-right: 3px; font-size: 15px;} .footer-contacts li a i.fa-viber {margin-left: 3px; margin-right: 5px;} .footer-address {margin: 3px 0 30px; color: #fff; line-height: 1.2; text-align: center; font-size: 12px;} .footer-address i {color: #ae9497; margin-right: 7px; font-size: 15px;} .footer-social {margin: 0; padding: 25px 0; text-align: center;} .footer-social li {list-style: none; display: inline-block; vertical-align: top; margin: 0 13px;} .footer-social li a {text-decoration: none; color: #ae9497; line-height: 1.2; display: block; font-size: 28px; -webkit-transition: all 0.2s; transition: all 0.2s;} .footer-social li a:hover {color: #fff;} .footer-social li a:active {-webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0s; transition: all 0s;} .footer-subscribe {margin: 5px 0 28px; text-align: center; position: relative;} .footer-subscribe .subscribe_input {width: 365px; height: 50px; font-size: 12px; color: #fff; background: none; border: none; border-bottom: 1px solid #fff; display: inline-block; vertical-align: top; margin-right: 5px;} .footer-subscribe .subscribe_input.error {border-color: red;} .footer-subscribe .subscribe_input::-webkit-input-placeholder {color: #fff; opacity: 0.7;} .footer-subscribe .subscribe_input::-moz-placeholder {color: #fff; opacity: 0.7;} .footer-subscribe .subscribe_input:-moz-placeholder {color: #fff; opacity: 0.7;} .footer-subscribe .subscribe_input:-ms-input-placeholder {color: #fff; opacity: 0.7;} .footer-subscribe .subscribe_input::-ms-input-placeholder {color: #fff; opacity: 0.7;} .footer-subscribe .subscribe_input:-webkit-autofill, .footer-subscribe .subscribe_input:-webkit-autofill:hover, .footer-subscribe .subscribe_input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #212121 inset; transition: background-color 5000s ease-in-out 0s; color: #fff; -webkit-text-fill-color: #fff;} .footer-subscribe .subscribe_button {display: inline-block; vertical-align: top; text-decoration: none; color: #fff; font-weight: 500; font-size: 14px; padding: 12px 15px 13px 15px; letter-spacing: 1.4px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; background: none; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; cursor: pointer; outline: none;} .footer-subscribe .subscribe_button small {background: #ae9497; display: block; width: 50px; border-radius: 25px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .footer-subscribe .subscribe_button:hover small {width: 100%;} .footer-subscribe .subscribe_button:active small {background: #967a7d; -webkit-transition: all 0s; transition: all 0s;} .footer-subscribe .subscribe_button span {position: relative;} .footer-subscribe .subscribe_button i {font-size: 18px; margin-right: 3px; position: relative; top: 2px;} .footer-subscribe label.error {color: red; position: absolute; bottom: -23px; left: 0; right: 0; font-size: 12px;} .site-footer .copyright {color: #fff; font-size: 12px; margin: 0; padding: 20px 0; text-align: center;} .site-footer .copyright a {text-decoration: none; color: #fff;} .site-footer .copyright a:hover {text-decoration: underline;} .site-footer .copyright i {margin: 0 5px;} .subscribe-result-notice {color: #1de46c; font: 400 italic 20px/1.3 'Georgia', sans-serif;} .subscribe-result-notice.err {color: #e61e1e;} .subscribe-result-notice i {margin-bottom: 15px;} @media (max-width: 991px) { .footer-contacts li {margin-right: 25px;} } @media (max-width: 767px) { .footer-nav li {display: block; margin-right: 0; margin-bottom: 20px;} .footer-contacts {padding-top: 17px;} .footer-contacts li {display: block; margin-right: 0; margin-bottom: 3px;} .footer-subscribe .subscribe_input {width: 100%; display: block; margin-right: 0;} .footer-subscribe .subscribe_button {margin-top: 25px;} .footer-nav li:not(.active) a:hover:after {content: none;} } /* Product list item */ .product-list-item .inner {background: #fff; position: relative;} .product-list-item .label {color: #fff; background: #87d2b5; height: 40px; min-width: 40px; border-radius: 20px; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 6px; position: absolute; top: 30px; left: 30px; z-index: 2;} .product-list-item .image {display: block; text-decoration: none; position: relative; padding-bottom: 100%;} .product-list-item .image .before {display: block; position: absolute; top: 50px; left: 50px; right: 50px; bottom: 50px; background: #f3eced; display: block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s;} .product-list-item .image .img1, .product-list-item .image .img2 {background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: relative; position: absolute; top: 25px; left: 25px; right: 25px; bottom: 25px; -webkit-transition: all 0.6s; transition: all 0.6s;} .product-list-item .image .img1 {opacity: 1;} .product-list-item .image .img2 {opacity: 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);} @media (min-width: 768px) { .product-list-item:hover .image .before {top: 0; left: 0; right: 0; bottom: 0;} .product-list-item .image.with-second-image:hover .img1 {opacity: 0; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} .product-list-item .image.with-second-image:hover .img2 {opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} } .product-list-item .text {padding: 0 55px 50px;} .product-list-item .title {color: #4f4f59; font-size: 18px; font-weight: 500; display: inline-block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0; position: relative; top: -13px; line-height: 1.3;} .product-list-item .title:hover {color: #ae9497;} .product-list-item .line a {color: #ae9497; font-size: 15px; font-weight: 400; display: inline-block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0; position: relative; top: -13px; line-height: 1.3;} .product-list-item .line a:hover {text-decoration: underline;} .product-list-item .description {color: #4f4f59; font-style: italic; font-size: 14px; line-height: 1.7; padding: 0 0 15px;} .product-list-item .description p {margin: 0;} .product-list-item .more-button {overflow: hidden; position: relative;} .product-list-item .more-button a {text-decoration: none; color: #4f4f59; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .product-list-item .more-button a i {background: #ae9497; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .product-list-item .more-button a span {position: relative;} .product-list-item .more-button a:hover i {width: 100%;} .product-list-item .more-button a:active i {background: #846f71; -webkit-transition: all 0s; transition: all 0s;} .product-list-item .prices {text-align: center;} .product-list-item .prices .price {margin: 0; color: #212121; font-weight: 700; font-family: 'Georgia'; font-size: 30px; line-height: 28px; font-style: italic; padding: 0 0 15px;} .product-list-item .prices .price span {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 500; font-family: 'Segoe UI'; font-size: 18px;} .product-list-item .button {min-width: 115px;} .product-list-item .button.disabled {pointer-events: none; opacity: 0.5;} .product-list-item .out-of-stock {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 400; font-family: 'Segoe UI'; font-size: 15px; font-style: italic; margin: 0;} @media (max-width: 1249px) { .product-list-item .label {top: 10px; left: 10px;} .product-list-item .image .before {top: 30px; left: 30px; right: 30px; bottom: 30px;} .product-list-item .image span {top: 15px; left: 15px; right: 15px; bottom: 15px;} .product-list-item .text {padding: 0 35px 30px;} } @media (max-width: 767px) { .product-list-item .image .before {top: 0; left: 0; right: 0; bottom: 0;} } /* Products newest section */ .products-newest-section {background: #f5f5f5;} .products-newest-section {padding: 30px 0 30px;} .products-newest-section .section-title {margin-bottom: 40px;} .products-newest-section .product-list-item {margin-bottom: 50px;} .products-newest-section .col-xs-12:nth-child(2) .product-list-item {position: relative; top: 26px;} .products-newest-section .col-xs-12:nth-child(3) .product-list-item {position: relative; top: -24px;} @media (max-width: 991px) { .products-newest-section .col-xs-12:nth-child(n) .product-list-item {top: auto; margin-bottom: 30px;} } @media (max-width: 767px) { .products-newest-section {padding: 20px 0 20px;} .products-newest-section .section-title {margin-bottom: 30px;} .products-newest-section .col-xs-12:nth-child(n) .product-list-item {margin-bottom: 20px;} } /* Products slider */ .products-slider-section {background: #fff; padding: 30px 0 10px;} .products-slider-section .section-title {margin-bottom: 20px;} .products-slider-section .owl-slider {margin-left: -15px; margin-right: -15px;} .products-slider-section .owl-nav {position: absolute; top: 50%; height: 0; left: 0; width: 100%;} .products-slider-section .owl-carousel .owl-nav button.owl-next, .products-slider-section .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 0; color: #97a3af; margin-top: -17px; outline: none; width: 19px; height: 34px;} .products-slider-section .owl-carousel .owl-nav .owl-prev {left: -30px;} .products-slider-section .owl-carousel .owl-nav .owl-next {right: -30px;} .products-slider-section .owl-carousel .owl-nav button svg {fill: currentColor; display: block; width: 19px; height: 34px;} .products-slider-section .product-list-item {padding: 20px 15px;} .products-slider-section .product-list-item .inner {-webkit-transition: all 0.4s; transition: all 0.4s;} .products-slider-section .product-list-item .inner:hover {-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);} .products-slider-section .slider-description {margin: 20px 0 30px; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: center;} .products-slider-section .slider-description a {color: #97a3af; text-decoration: none; letter-spacing: 0.4px;} .products-slider-section .slider-description a:hover {text-decoration: underline;} .slider-border-bottom {border-bottom: 1px solid #eee;} @media (max-width: 1340px) { .products-slider-section .owl-carousel .owl-nav .owl-prev {left: 5px;} .products-slider-section .owl-carousel .owl-nav .owl-next {right: 5px;} } @media (max-width: 1249px) { .products-slider-section .owl-carousel .owl-nav .owl-prev {left: -30px;} .products-slider-section .owl-carousel .owl-nav .owl-next {right: -30px;} } @media (max-width: 1060px) { .products-slider-section .owl-carousel .owl-nav .owl-prev {left: 5px;} .products-slider-section .owl-carousel .owl-nav .owl-next {right: 5px;} } @media (max-width: 767px) { .products-slider-section {padding: 20px 0 20px;} .products-slider-section .slider-description {margin-bottom: 10px;} .products-slider-section .section-title {margin-bottom: 25px;} .products-slider-section .owl-slider {margin-left: 0; margin-right: 0;} .products-slider-section .product-list-item {padding: 0;} .products-slider-section .owl-carousel .owl-nav .owl-prev {left: -7px;} .products-slider-section .owl-carousel .owl-nav .owl-next {right: -7px;} .products-slider-section .product-list-item .inner:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} } /* Home blog */ .home-blog-section {background: #fafafa; padding: 50px 0;} .home-blog-section:after {content: ''; clear: both; display: block;} .home-blog-section .section-title {width: 50%; margin: 0; padding-top: 55px; text-align: center; float: left;} .home-blog-section .article {position: relative; min-height: 255px; float: left;} .home-blog-section .article .inner {display: block; text-decoration: none; position: relative; overflow: hidden; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-blog-section .article .inner .image {display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-blog-section .article .inner .image-hover {-webkit-filter: blur(3px); filter: blur(3px); opacity: 0;} .home-blog-section .article .inner .image-hover:before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(140,152,164,0.7);} .home-blog-section .article .inner .text {color: #fff; display: block; padding: 20px 30px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-blog-section .article .inner .title {color: #fff; display: block; font: italic 700 24px/1.2 'Georgia', sans-serif; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-blog-section .article .inner .description {color: #fff; display: block; font-size: 14px; font-style: italic; -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 15px; opacity: 0;} .home-blog-section .article .inner .read-more {color: #fff; display: block; font-size: 14px; font-style: italic; -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 5px; text-decoration: underline; opacity: 0;} .home-blog-section .article .inner:hover {-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);} .home-blog-section .article .inner:hover .image {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 0;} .home-blog-section .article .inner:hover .image-hover {opacity: 1;} .home-blog-section .article .inner:hover .title {color: #fff !important;} .home-blog-section .article .inner:hover .description {opacity: 1;} .home-blog-section .article .inner:hover .read-more {opacity: 1;} .home-blog-section .article-1 {width: 25%; padding-right: 32px;} .home-blog-section .article-1 .inner {min-height: 395px;} .home-blog-section .article-2 {width: 75%;} .home-blog-section .article-2 .inner {min-height: 255px;} .home-blog-section .article-3 {width: 50%; padding-right: 32px;} .home-blog-section .article-3 .inner {min-height: 255px;} .home-blog-section .article-4 {width: 25%; margin-top: -140px;} .home-blog-section .article-4 .inner {min-height: 395px;} .home-blog-section .articles-divider {height: 32px; clear: both;} .home-blog-subscribe {width: 25%; float: left; padding-right: 32px; text-align: center;} .home-blog-subscribe .inner {min-height: 255px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14); background: #fff; padding: 20px 15px 10px;} .home-blog-subscribe .title {color: #ae9497; display: block; font: italic 700 24px/1.2 'Georgia', sans-serif; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0 0 25px; max-height: 58px; overflow: hidden;} .home-blog-subscribe .subscribe_input {height: 35px; font-size: 14px; color: #757575; background: none; border: none; border-bottom: 1px solid #bdbdbd; margin-bottom: 40px;} .home-blog-subscribe .subscribe_input::-webkit-input-placeholder {color: #757575; opacity: 0.8;} .home-blog-subscribe .subscribe_input::-moz-placeholder {color: #757575; opacity: 0.8;} .home-blog-subscribe .subscribe_input:-moz-placeholder {color: #757575; opacity: 0.8;} .home-blog-subscribe .subscribe_input:-ms-input-placeholder {color: #757575; opacity: 0.8;} .home-blog-subscribe .subscribe_input::-ms-input-placeholder {color: #757575; opacity: 0.8;} .home-blog-subscribe .subscribe_button {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-decoration: none; color: #4f4f59; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; cursor: pointer; outline: none;} .home-blog-subscribe .subscribe_button i {background: #ae9497; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .home-blog-subscribe .subscribe_button span {position: relative;} .home-blog-subscribe .subscribe_button:hover i {width: 100%;} .home-blog-subscribe .subscribe_button:active i {background: #846f71; -webkit-transition: all 0s; transition: all 0s;} @media (max-width: 1249px) { .home-blog-section .article-3 {width: 40%;} .home-blog-subscribe {width: 35%;} } @media (max-width: 991px) { .home-blog-section {padding: 30px 0;} .home-blog-section .section-title {width: 100%; padding-top: 0; float: none; padding-bottom: 10px;} .home-blog-section .article {min-height: 10px; float: none;} .home-blog-section .article .inner .image {position: relative; padding-bottom: 100%;} .home-blog-section .article .inner .image-hover {display: none;} .home-blog-section .article .inner .text {color: #212121; padding: 20px 0;} .home-blog-section .article .inner .title {color: #212121 !important;} .home-blog-section .article .inner .description {color: #212121; opacity: 1;} .home-blog-section .article .inner .read-more {color: #212121; opacity: 1;} .home-blog-section .article .inner:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .home-blog-section .article .inner:hover .image {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1;} .home-blog-section .article .inner:hover .title {color: #212121 !important;} .home-blog-section .article-1, .home-blog-section .article-2, .home-blog-section .article-3, .home-blog-section .article-4 {width: 100%; padding-right: 0; margin-top: 20px;} .home-blog-section .article-1 .inner, .home-blog-section .article-2 .inner, .home-blog-section .article-3 .inner, .home-blog-section .article-4 .inner {min-height: 10px;} .home-blog-subscribe {width: 100%; float: none; margin: 20px 0 50px; padding-right: 0;} .home-blog-section .articles-divider {display: none;} } @media (max-width: 767px) { .home-blog-section {padding: 20px 0;} .home-blog-section .article .inner .title {font-size: 18px;} } /* Brands list item */ .brands-list-item {padding: 0 30px 220px 95px; position: relative; width: 50%; text-align: right;} .brands-list-item .inner {background: #ae9497; display: inline-block; width: 100%; position: relative; padding: 35px 10px 180px 83px; max-width: 350px; text-align: left; -webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25);} .brands-list-item .logo {display: block; text-decoration: none; width: 160px; height: 160px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; position: absolute; top: 35px; left: -95px; -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);} .brands-list-item .text {min-height: 162px;} .brands-list-item .title a {color: #fff; font-size: 24px; font-family: 'Georgia'; /*text-transform: uppercase;*/ display: inline-block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s;} .brands-list-item .title a:hover {text-decoration: underline;} .brands-list-item .country {margin: -5px 0 0; color: #fff; font-size: 14px; font-style: italic; font-family: 'Georgia';} .brands-list-item .description {color: #212121; font-style: italic; font-weight: 500; font-size: 14px; line-height: 1.7; padding: 0 0 15px;} .brands-list-item .description p {margin: 0;} .brands-list-item .more-button {overflow: hidden; position: relative;} .brands-list-item .more-button a {text-decoration: none; color: #212121; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .brands-list-item .more-button a i {background: #fff; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .brands-list-item .more-button a span {position: relative;} .brands-list-item .more-button a:hover i {width: 100%;} .brands-list-item .more-button a:active i {background: #eee; -webkit-transition: all 0s; transition: all 0s;} .brands-list-item .image {display: block; text-decoration: none; position: relative; width: 510px; height: 0;} .brands-list-item .image span {height: 380px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: relative; position: absolute; top: -7px; left: -235px; -webkit-transition: all 0.6s; transition: all 0.6s;} @media (max-width: 767px) { .brands-list-item .logo {width: 80px; height: 80px; top: 15px; left: -40px;} .brands-list-item .image {display: none;} } @media (max-width: 373px) { .brands-list-item .logo {display: none;} } /* Home brands section */ .home-brandslist-section {background: #fff; padding: 30px 0 0;} .home-brandslist-section .home-brands-list {border-bottom: 1px solid #eee;} .home-brandslist-section .section-title {margin-bottom: 40px;} .home-brandslist-section .brands-list-item:nth-child(2n) {width: 100%; padding: 0; position: relative; height: 0;} .home-brandslist-section .brands-list-item:nth-child(2n) .inner {position: absolute; right: 0; top: -380px;} .home-brandslist-section .brands-list-item:nth-child(4n+3) .inner {left: 95px;} .home-brandslist-section .brands-list-item:last-of-type {padding-bottom: 150px;} @media (max-width: 1249px) { .home-brandslist-section .brands-list-item:nth-child(4n+3) .inner {left: 25px;} } @media (max-width: 991px) { .home-brandslist-section .brands-list-item:nth-child(n) {width: 100%; padding: 0 0 220px 95px; height: auto; text-align: center;} .home-brandslist-section .brands-list-item:nth-child(n) .inner {position: relative; right: auto; top: auto; left: auto;} .home-brandslist-section .brands-list-item:last-of-type {padding-bottom: 150px;} } @media (max-width: 767px) { .home-brandslist-section {padding: 20px 0 0;} .home-brandslist-section .section-title {margin-bottom: 30px;} .home-brandslist-section .brands-list-item:nth-child(n) {padding: 0 0 40px 40px;} .home-brandslist-section .brands-list-item:nth-child(n) .inner {padding: 15px 10px 30px 60px; max-width: 100%;} } @media (max-width: 373px) { .home-brandslist-section .brands-list-item:nth-child(n) {padding-left: 0;} .home-brandslist-section .brands-list-item:nth-child(n) .inner {padding-left: 15px;} } /* Bottom text */ .bottom-text-screen {position: relative; padding: 5px 0 50px; font-style: italic; line-height: 1.7;} .bottom-text-screen .section-title {margin-bottom: 10px;} .bottom-text-content {overflow: hidden; position: relative; height: 240px; -webkit-transition: all 1s; transition: all 1s;} .bottom-text-content:after {content: ''; display: block; position: absolute; bottom: 0; left: -25%; width: 150%; height: 80px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); -webkit-transition: all 1s; transition: all 1s;} .bottom-text-content.full-opened {height: auto;} .bottom-text-content.full-opened:after {content: none;} .bottom-text-content.opened:after {opacity: 0; height: 0;} .bottom-text-show-more {text-decoration: none; color: #212121; font-weight: 500; font-size: 14px; padding: 8px 15px 8px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; font-style: normal;} .bottom-text-show-more small {background: #97a3af; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .bottom-text-show-more span {position: relative;} .bottom-text-show-more i {position: relative; top: 1px; margin-left: 3px; color: #97a3af; -webkit-transition: all 0.4s; transition: all 0.4s;} .bottom-text-show-more:hover {color: #fff;} .bottom-text-show-more:hover small {width: 100%;} .bottom-text-show-more:hover i {color: #fff;} .bottom-text-show-more:active small {background: #846f71; -webkit-transition: all 0s; transition: all 0s;} @media (max-width: 767px) { .bottom-text-screen {padding-top: 10px;} } /* Products catalog section */ .products-catalog-section {background: #fff;} .products-catalog-section {padding: 0 0 55px;} .products-catalog-section .section-title {padding: 25px 0 30px; border-bottom: 1px solid #eee;} .products-catalog-section .product-list-item {margin-bottom: 50px;} .products-catalog-filter {text-align: right; padding: 10px 0; border-bottom: 1px solid #eee; margin-bottom: 50px;} .products-catalog-filter .block {display: inline-block; vertical-align: top; padding: 0 10px 0 25px; text-align: left; position: relative;} .products-catalog-filter .block:nth-of-type(n+2):after {content: ''; position: absolute; left: 0; top: 50%; margin-top: -14px; display: block; height: 27px; width: 1px; background: #eee;} .products-catalog-filter p {display: inline-block; vertical-align: top; margin: 0; line-height: 40px;} .products-catalog-filter .select-container {display: inline-block; vertical-align: top;} .products-catalog-section .product-list-item {} .products-catalog-section .product-list-item .inner {-webkit-transition: all 0.4s; transition: all 0.4s;} .products-catalog-section .product-list-item .inner:hover {-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);} .products-catalog-section .brand-promo {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .products-catalog-section .brand-promo a {display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background-color: #fff; overflow: hidden;} .products-catalog-section .brand-promo a span {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 0.4s; transition: all 0.4s;} .products-catalog-section .brand-promo a:hover span {opacity: 0.8; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);} .products-catalog-section .brand-promo a:after {content: ''; display: block; position: absolute; height: 100%; width: 100%; right: -110%; bottom: 110%; background: rgba(255,255,255,0.1); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0;} .products-catalog-section .brand-promo:hover a:after {bottom: 0; right: 0; opacity: 0.5;} @media (max-width: 991px) { .products-catalog-filter .block {text-align: right; display: block; padding: 0;} .products-catalog-filter .block:nth-of-type(n+2):after {content: none;} } @media (max-width: 767px) { .products-catalog-section {padding: 0 0 20px;} .products-catalog-section .section-title {padding: 5px 0 20px;} .products-catalog-section .product-list-item {margin-bottom: 20px;} .products-catalog-section .product-list-item .inner:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .products-catalog-filter {margin-bottom: 25px;} } /* Filter select */ .filter-select {-webkit-tap-highlight-color: transparent; background :#fff; cursor: pointer; display: block; height: 40px; line-height: 40px; position: relative; text-align: left; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto;} .filter-select .filter-selected {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #97a3af; position: relative; padding-left: 10px; padding-right: 40px;} .filter-select .filter-selected:after {border-bottom: 2px solid #97a3af; border-right: 2px solid #97a3af; content: ''; display: block; height: 7px; width: 7px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;} body:not(.touchevents) .filter-select:hover .filter-selected:after, .filter-select.open .filter-selected:after {-webkit-transform: rotate(-135deg); -ms-transform:rotate(-135deg); transform: rotate(-135deg);} .filter-select .list {margin: 0; padding: 0; line-height: 30px; min-width: 100%; background: #fff; box-shadow: 0 0 0 1px #eee; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(0.5,0,0,1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(0.5,0,0,1.25), opacity .15s ease-out; z-index: 9;} body:not(.touchevents) .filter-select:hover .list, .filter-select.open .list {opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} .filter-select .list li {list-style: none; display: block;} .filter-select .list li a {text-decoration: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #212121; padding: 5px 10px; border-bottom: 1px solid #eee; -webkit-transition: all 0.4s; transition: all 0.4s;} .filter-select .list li a:hover {background: #eee;} .filter-select .list li.selected a {color: #97a3af;} .filter-select .list li.selected a:hover {background: #fff;} @media (max-width: 991px) { .filter-select .list {left: auto; right: 0;} .filter-select .filter-selected {padding-right: 35px;} } @media (max-width: 370px) { .filter-select .filter-selected {padding-left: 6px;} } /* Pagination */ .elan-pagination {padding: 30px 0; text-align: center; margin: 0;} .elan-pagination ul {margin: 0; padding: 0;} .elan-pagination ul li {list-style: none; display: inline-block; vertical-align: top;} .elan-pagination ul li .page_link {height: 34px; min-width: 34px; display: inline-block; text-align: center; font-weight: 700; text-decoration: none; color: #97a3af; border-radius: 27px; margin: 5px 2px; border: 1px solid #97a3af; background: #fff; line-height: 32px; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 12px;} .elan-pagination ul li a.page_link:hover {color: #fff; background: #97a3af;} .elan-pagination ul li.active .page_link {background: #97a3af; color: #fff;} @media (max-width: 991px) { .elan-pagination {padding: 10px 0;} .template-blog .elan-pagination {padding: 30px 0 10px;} } @media (max-width: 768px) { } /* Products viewed section */ .products-viewed-section {background: #fff; padding: 40px 0 0;} .products-viewed-section .section-title {margin-bottom: 50px; font-size: 36px;} .products-viewed-section .product-list-item {margin-bottom: 30px;} .products-viewed-section .product-list-item .image:before {top: 0; left: 0; right: 0; bottom: 0;} .products-viewed-section .product-list-item .image span {top: 10px; left: 10px; right: 10px; bottom: 10px;} .products-viewed-section .product-list-item .label {display: none;} .products-viewed-section .product-list-item .text {padding: 0 20px 30px;} .products-viewed-section .product-list-item .description {display: none;} .products-viewed-section .product-list-item .line {display: none;} .products-viewed-section .product-list-item .product-list-form {display: none;} .products-viewed-section .product-list-item .title {top: 0; padding: 7px 0 13px;} @media (max-width: 1249px) { .products-viewed-section .section-title {font-size: 35px;} } @media (max-width: 991px) { .products-viewed-section .product-list-item {margin-bottom: 30px;} } @media (max-width: 767px) { .products-viewed-section {padding: 20px 0 0;} .products-viewed-section .section-title {font-size: 25px; margin-bottom: 25px;} .products-viewed-section .product-list-item {margin-bottom: 20px;} .products-viewed-section .product-list-item .title {font-size: 14px; font-weight: 400; text-align: center; display: block;} .products-viewed-section .product-list-item .more-button {display: none;} .products-viewed-section .product-list-item .text {padding: 0;} } /* Breadcrumbs */ .breadcrumblist {margin: 0; padding: 10px 0; color: #757575;} .breadcrumblist li {list-style: none; display: inline-block; vertical-align: top;} .breadcrumblist li:after {content: '/'; display: inline-block; vertical-align: top; margin: 0 7px 0 10px;} .breadcrumblist li > a, .breadcrumblist li > span {text-decoration: none; display: inline-block; color: inherit; font-size: 13px;} .breadcrumblist li > span {font-weight: 500; color: #97a3af;} .breadcrumblist li > a:hover {text-decoration: underline;} .breadcrumblist li:last-of-type:after {content: none;} @media (max-width: 767px) { .breadcrumblist {padding-top: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto;} .breadcrumblist-shadow {height: 0; position: relative;} .breadcrumblist-shadow:after {content: ''; display: block; position: absolute; right: 0; top: 0; height: 33px; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); pointer-events:none;} .breadcrumblist li > span {padding-right: 40px;} } /* Adjacent items */ .adjacent {padding: 10px 0;} .adjacent:after {content: ''; clear: both; display: block;} .adjacent > div {width: 50%; position: relative; font-size: 18px; font-weight: 700; color: #4f4f59; line-height: 1.4;} .adjacent .inner {display: inline-block; text-decoration: none; position: relative; min-height: 60px; padding-top: 5px;} .adjacent .prev {float: left;} .adjacent .next {float: right; text-align: right;} .adjacent .prev .inner {padding-left: 110px;} .adjacent .next .inner {padding-right: 110px;} .adjacent .arrow {display: block; color: #97a3af; position: absolute; top: 19px; -webkit-transition: all 0.4s; transition: all 0.4s;} .adjacent .arrow svg {fill: currentColor; display: block; width: 11px; height: 21px;} .adjacent .prev .arrow {left: 0;} .adjacent .next .arrow {right: 0;} .adjacent .image {display: block; background-color: #f3eced; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; width: 60px; height: 60px; position: absolute; top: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .adjacent .prev .image {left: 32px;} .adjacent .next .image {right: 32px;} .adjacent .title {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #4f4f59; -webkit-transition: all 0.4s; transition: all 0.4s; max-width: 300px;} .adjacent .price {display: block; color: #97a3af; -webkit-transition: all 0.4s; transition: all 0.4s;} .adjacent .price span {color: #212121; font-size: 16px;} .adjacent .inner:hover .image {opacity: 0.9;} .adjacent .inner:hover .title {color: #ae9497;} .adjacent .inner:hover .arrow {opacity: 0.7;} .adjacent .inner:hover .price {opacity: 0.7;} @media (max-width: 991px) { .adjacent {padding: 15px 0; display: none;} .adjacent .arrow svg {width: 7px;} .adjacent .image {width: 30px; height: 30px;} .adjacent .prev .image {left: 20px;} .adjacent .next .image {right: 20px;} .adjacent .prev .inner {padding-left: 63px;} .adjacent .next .inner {padding-right: 63px;} .adjacent .inner {min-height: 30px; padding-top: 6px;} .adjacent .price {display: none;} .adjacent .title {font-size: 12px; max-width: 170px;} .adjacent .arrow {top: 5px;} } @media (max-width: 650px) { .adjacent .title {max-width: 130px;} } @media (max-width: 500px) { .adjacent .title {display: none;} .adjacent > div {line-height: 1;} } /* Product item slider and info */ .product-page-main-info {min-height: 600px; padding-top: 50px; position: relative;} .product-page-main-info:before {content: ''; display: block; position: absolute; top: 90px; left: 30px; right: 0; height: 445px; background: #f1f5f8;} .product-hidden-image {overflow: hidden; width: 0; height: 0; opacity: 0;} .product-page-slider {position: relative; text-align: center;} .product-page-slider:before {position: absolute; top: 94px; left: -50px; height: 5px; width: 66%; background: #ae9497; display: block; content: ''; border-radius: 3px;} .product-page-slider:after {position: absolute; top: 140px; left: 0; height: 5px; width: 22%; background: #4f4f59; display: block; content: ''; border-radius: 3px;} .product-page-slider .item {} .product-page-slider .item a {min-height: 550px; display: block; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: contain;} .product-page-slider .owl-nav {position: relative; top: 0; height: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 2;} .product-page-slider .owl-carousel .owl-nav button.owl-next, .product-page-slider .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 28px; color: #97a3af; outline: none; width: 11px; height: 21px;} .product-page-slider .owl-carousel .owl-nav .owl-prev {left: 0;} .product-page-slider .owl-carousel .owl-nav .owl-next {right: 0;} .product-page-slider .owl-carousel .owl-nav button svg {fill: currentColor; display: block; width: 11px; height: 21px;} .product-page-slider .owl-carousel .owl-dots {position: relative; text-align: center; padding: 0 20px; display: inline-block;} .product-page-slider .owl-carousel .owl-dots button.owl-dot {display: inline-block; margin: 0 10px; vertical-align: top; outline: none;} .product-page-slider .owl-carousel .owl-dots span {display: block; width: 75px; height: 75px; background-repeat: no-repeat; background-position: center center; background-size: contain; margin-bottom: 20px; position: relative;} .product-page-slider .owl-carousel .owl-dots span:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; border: 1px solid #eee;} .product-page-slider .owl-carousel .owl-dots .active span:after {border: 2px solid #ae9497;} .owl-carousel .animated {-webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-carousel .owl-animated-out {z-index: 0;} .owl-carousel .owl-animated-in {z-index: 1;} @-webkit-keyframes fadeOut {from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}} .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeIn {from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}} .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;} .product-info-block {position: relative; background: #fff; -webkit-box-shadow: 0px 3px 40px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 40px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 40px 0px rgba(0,0,0,0.25); padding: 0 35px 20px;} .product-info-block .title {color: #212121; font-size: 28px; font-family: Georgia; font-style: italic; margin: 0; line-height: 1.3; padding: 34px 0;} .product-info-block .block {padding-bottom: 17px;} .product-info-block .block .label {margin: 0; font-weight: 700; font-size: 12px; color: #757575; padding: 13px 0 11px;} .product-info-block .block .brand {display: block; text-decoration: none;} .product-info-block .block .brand img {display: block; width: auto; height: auto; max-width: 120px; max-height: 80px;} .product-info-block .block .line {display: block; text-decoration: none; color: #212121; font-size: 18px; font-family: Georgia; font-style: italic; margin: 0; line-height: 1.3; -webkit-transition: all 0.4s; transition: all 0.4s;} .product-info-block .block .line:hover {color: #ae9497;} .product-info-block .block .product-price {color: #212121; font-weight: 700; font-family: 'Georgia'; font-size: 40px; line-height: 28px; font-style: italic; margin: 0 0 5px;} .product-info-block .block .product-price span {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 500; font-family: 'Segoe UI'; font-size: 22px;} .product-info-block .block .product-price .old-price {display: block; color: red; text-decoration: line-through; font-size: 24px; font-weight: 400;} .product-info-block .block .product-price .old-price span {color: inherit; font-size: 17px; font-weight: inherit;} .product-info-block .amount.fn_product_amount {width: 125px; margin-right: 0; margin-bottom: 5px;} .product-info-block .amount.fn_product_amount span {width: 35px; height: 35px;} .product-info-block .amount.fn_product_amount span:before, .product-info-block .amount.fn_product_amount .plus:after {top: 16px; left: 13px;} .product-info-block .amount.fn_product_amount .plus:after {top: 13px; left: 16px;} .product-info-block .amount.fn_product_amount .input_amount {font-size: 24px; width: 40px;} .product-info-block .button-container {padding: 30px 0 15px;} .product-info-block .button-container a {padding-left: 25px; padding-right: 25px;} .product-info-block .button-container .buy-button-block .button-grey {min-width: 120px;} .product-info-block .login-notice {padding: 0 20px 23px;} .product-info-block .no-account-text {color: #4f4f59; font-size: 14px; letter-spacing: 1.4px;} .product-info-block .login-text {color: #ae9497; font-size: 14px; font-weight: 500;letter-spacing: 1.4px; text-decoration: none; font-family: 'Segoe UI'; font-style: normal; display: inline-block; vertical-align: baseline; line-height: 1.5; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 2px;} .product-info-block .login-text span {position: relative;} .product-info-block .login-text:before {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #ae9497; -webkit-transition: all 0.4s; transition: all 0.4s;} .product-info-block .login-text:hover {color: #fff;} .product-info-block .login-text:hover:before {height: 100%;} .product-info-block .login-text:active:before {background: #987b7f; -webkit-transition: all 0s; transition: all 0s;} .product-info-block .info-links {font-size: 1px; text-align: justify; padding: 20px 0 10px;} .product-info-block .info-links:after {content: ''; display: inline-block; width: 100%;} .product-info-block .info-links .info-tip-block {font-size: 14px; display: inline-block; vertical-align: top; line-height: 1.5; position: relative; text-align: left; margin: 0 20px;} .product-info-block .info-links .info-title {color: #97a3af; font-weight: 500; letter-spacing: 1.4px; text-decoration: none; display: block; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 2px; z-index: 2; cursor: help;} .product-info-block .info-links .info-title span {position: relative;} .product-info-block .info-links .info-title i {margin-right: 2px; position: relative;} .product-info-block .info-links .info-title:before {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #97a3af; -webkit-transition: all 0.4s; transition: all 0.4s;} .product-info-block .info-links .info-tip-block:hover .info-title {color: #fff;} .product-info-block .info-links .info-tip-block:hover .info-title:before {height: 100%;} .elan-tip {position: absolute; bottom: 0; right: -50px; padding-bottom: 30px; display: none; cursor: help;} .info-tip-block.opened .elan-tip {display: block;} .elan-tip-inner {font-size: 13px; font-style: italic; color: #424242; line-height: 1.3; letter-spacing: 0.7px; width: 440px; height:auto; padding: 5px 15px 20px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5); z-index: 10; position: relative;} .fancybox-inner .elan-tip-inner {width: auto; max-width: 350px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-top: 30px; padding-bottom: 30px;} .elan-tip-inner p {margin: 5px 0;} .elan-tip-inner strong {font-weight: 700; color: #212121; font-style: normal;} .elan-tip .fa-caret-down {color: #fff; position: absolute; bottom: -13px; line-height: 1; right: 70px; font-size: 30px;} .fancybox-inner .elan-tip-inner .fa-caret-down {display: none;} .product-page-slider-mobile {position: relative; text-align: center;} .product-page-slider-mobile .item {} .product-page-slider-mobile .item a {display: block; padding-bottom: 70%; text-decoration: none; background-color: #97a3af; background-repeat: no-repeat; background-position: center center; background-size: contain;} .product-page-slider-mobile .owl-nav {display: none;} .product-page-slider-mobile .owl-carousel .owl-dots {position: absolute; text-align: center; padding: 0 5px; display: block; left: 6px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .product-page-slider-mobile .owl-carousel .owl-dots button.owl-dot {display: block; margin: 12px 0; outline: none;} .product-page-slider-mobile .owl-carousel .owl-dots span {display: block; width: 12px; height: 12px; border: 4px solid #fff; border-radius: 50%; background: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);} .product-page-slider-mobile .owl-carousel .owl-dots .active span {background: #97a3af;} @media (max-width: 991px) { .product-page-main-info {min-height: 10px; padding-top: 0; margin-top: -2px;} } @media (max-width: 767px) { .product-info-block {padding: 0 20px 20px;} .product-info-block .title {font-size: 20px; padding: 18px 0;} .product-info-block .block .brand img {max-width: 100%;} .product-info-block .button-container a {letter-spacing: 0;} .product-info-block .info-links .info-tip-block {font-size: 12px; margin: 0 10px;} .product-info-block .login-notice {padding: 0 10px 23px;} } @media (max-width: 370px) { .product-info-block {padding: 0 15px 15px;} .product-info-block .info-links {text-align: center; padding: 14px 0 0;} .product-info-block .info-links:after {content: none;} .product-info-block .info-links .info-tip-block {width: 40%; text-align: center; margin-bottom: 10px;} .product-info-block .info-links .info-title {display: inline-block; text-align: center;} } /* Product item tabs */ .about-product-screen {padding: 10px 30px 40px;} .about-product-screen-inner {} .about-product-tabs {} .about-product-tabs .product-tabs-titles {border-bottom: 1px solid #eee; margin-top: 30px; position: relative;} .about-product-tabs .product-tabs-titles a {display: inline-block; width: 18%; vertical-align: bottom; line-height: 1.1; text-align: left; font-size: 14px; font-weight: 300; color: #757575; text-decoration: none; padding: 14px 10px; -webkit-transition: all 0.3s; transition: all 0.3s; text-overflow: ellipsis; overflow: hidden;} .about-product-tabs .product-tabs-titles a:hover {color: #97a3af;} .about-product-tabs .product-tabs-content {font-size: 14px; line-height: 1.9; padding: 5px 0 20px; color: #000; display: none; opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s;} .about-product-tabs .product-tabs-titles:after {content: ''; width: 18%; left: 0; bottom: -1px; position: absolute; height: 2px; background: #97a3af; -webkit-transition: all 0.3s; transition: all 0.3s;} .product-tabs-container {width: 100%; overflow: hidden;} .product-tabs-container-inner {position: relative;} .about-product-tabs.active-1 .product-tabs-content-1 {display: block; opacity: 1;} .about-product-tabs.active-2 .product-tabs-content-2 {display: block; opacity: 1;} .about-product-tabs.active-3 .product-tabs-content-3 {display: block; opacity: 1;} .about-product-tabs.active-4 .product-tabs-content-4 {display: block; opacity: 1;} .about-product-tabs.active-5 .product-tabs-content-5 {display: block; opacity: 1;} .about-product-tabs.active-6 .product-tabs-content-6 {display: block; opacity: 1;} .about-product-tabs.active-1 .product-tabs-titles:after {left: 0;} .about-product-tabs.active-2 .product-tabs-titles:after {left: 18%;} .about-product-tabs.active-3 .product-tabs-titles:after {left: 36%;} .about-product-tabs.active-4 .product-tabs-titles:after {left: 54%;} .about-product-tabs.active-5 .product-tabs-titles:after {left: 72%;} .about-product-tabs.active-6 .product-tabs-titles:after {left: 90%;} .about-product-tabs.active-1 .product-tabs-titles a:nth-of-type(1), .about-product-tabs.active-2 .product-tabs-titles a:nth-of-type(2), .about-product-tabs.active-3 .product-tabs-titles a:nth-of-type(3), .about-product-tabs.active-4 .product-tabs-titles a:nth-of-type(4), .about-product-tabs.active-5 .product-tabs-titles a:nth-of-type(5), .about-product-tabs.active-6 .product-tabs-titles a:nth-of-type(6) {font-weight: 500; color: #97a3af;} @media (max-width: 991px) { .about-product-screen {padding: 10px 0 20px;} } @media (max-width: 767px) { .about-product-screen {padding: 0;} .about-product-screen-inner {padding: 0;} .about-product-tabs .product-tabs-titles a {width: 25%; padding-left: 0; padding-right: 0; text-align: center;} .about-product-tabs .product-tabs-titles:after {width: 25%;} .about-product-tabs.active-2 .product-tabs-titles:after {left: 25%;} .about-product-tabs.active-3 .product-tabs-titles:after {left: 50%;} .about-product-tabs.active-4 .product-tabs-titles:after {left: 75%;} .about-product-tabs.active-5 .product-tabs-titles:after {left: 100%;} .about-product-tabs.active-6 .product-tabs-titles:after {left: 125%;} } @media (max-width: 500px) { .about-product-tabs .product-tabs-titles a {font-size: 12px;} } /* Product video */ .video-screen {padding: 35px 30px 45px; margin-bottom: 50px;} .video-screen-inner {position: relative; max-width: 1100px; margin: 0 auto;} .video-screen-inner:before {content: ''; background: #dce5e2; position: absolute; top: -35px; left: -35px; bottom: -35px; width: 85%;} .video-item-container {position: relative; padding-bottom: 56.25%; height: 0; background: #000;} .video-item-container:before {content: ''; background: #4f4f59; position: absolute; bottom: -45px; left: -18px; border-radius: 6px; height: 45%; width: 5px;} .video-item-container:after {content: ''; background: #97a3af; position: absolute; right: -75px; top: -24px; border-radius: 6px; width: 45%; height: 5px;} .video-item-container iframe, .video-item-container object, .video-item-container embed {position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2; border: none; overflow: hidden;} @media (max-width: 767px) { .video-screen-inner:before, .video-item-container:before, .video-item-container:after {content: none;} .video-screen {padding: 0; margin-bottom: 0;} .video-screen-inner {border: 10px solid #dce5e2;} } /* Products related section */ .products-related-section {background: #fff; padding: 0 0 0;} .products-related-section .section-title {margin-bottom: 40px; font-size: 36px;} .products-related-section .product-list-item {margin-bottom: 50px;} @media (max-width: 1249px) { .products-related-section .section-title {font-size: 35px;} } @media (max-width: 991px) { .products-related-section .product-list-item {margin-bottom: 30px;} } @media (max-width: 767px) { .products-related-section {padding: 20px 0 0;} .products-related-section .section-title {font-size: 25px; margin-bottom: 25px;} .products-related-section .section-title {margin-bottom: 30px;} .products-related-section .product-list-item {margin-bottom: 20px;} } /* Cart */ .order-page-title {padding: 10px 30px 15px; border-bottom: 1px solid #eee;} .order-section {padding: 0 30px;} .order-purchases {} .purchase-items {border-collapse: collapse; display: table; width: 100%; margin-top: 25px;} .purchase-items p {padding: 0; margin: 0;} .purchase-items .thead .th {font-size: 24px; color: #97a3af; line-height: 2.4; border-bottom: 1px solid #eee; vertical-align: baseline; display: table-cell; font-family: Georgia; font-style: italic;} .purchase-items .thead {display: table-row;} .purchase-items .thead .th:nth-of-type(1) {width: 67%; padding-left: 20px;} .purchase-items .thead .th:nth-of-type(2) {width: 17%;} .purchase-items .thead .th:nth-of-type(3) {width: 16%;} .purchase-items .tr {display: table-row; vertical-align: middle;} .purchase-items .tr .td {display: table-cell; vertical-align: middle; position: relative; height: 130px; padding: 0 10px; border-bottom: 1px solid #eee;} .purchase-items .cart-table-label {color: #757575; font-size: 12px; font-weight: 700; padding: 0 0 1px 3px;} .purchase-items .cart-table-title {padding-left: 115px; padding-right: 50px;} .purchase-items .cart-table-title .image {background-color: #f3eced; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 110px; height: 110px; display: inline-block; vertical-align: middle; position: absolute; top: 10px; left: 0;} .purchase-items .cart-table-title .title {font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; text-decoration: none; line-height: 1.3; padding: 5px 0; max-width: 100%; color: #4f4f59; font-weight: 500;} .purchase-items .cart-table-title .title:hover {text-decoration: underline;} .purchase-items .cart-table-size {font-size: 18px; text-align: center;} .purchase-items .cart-table-amount .amount {margin-bottom: 5px;} .purchase-items .cart-table-amount strong {font-size: 22px; font-family: 'Georgia'; font-style: italic; font-weight: 400; display: block; padding-left: 30px;} .purchase-items .cart-table-price {font: italic 700 21px/1.4 'Georgia', sans-serif; color: #212121;} .purchase-items .cart-table-price span {font: normal 500 16px/1.4 'Segoe UI', sans-serif; display: inline-block; margin-left: 5px; color: #97a3af;} .purchase-items .cart-table-remove-item {text-align: right; padding-right: 10px;} .purchase-items .cart-table-remove-item .remove {font-size: 13px; color: #bdbdbd; text-decoration: none; display: block; line-height: 1; position: absolute; top: 10px; right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s;} .purchase-items .cart-table-remove-item .remove:hover {color: #ae9497;} .full-sum {border-collapse: collapse; display: table; width: 100%; margin-top: 1px;} .full-sum p {padding: 0; margin: 0; font-size: 18px;} .full-sum .tr {vertical-align: middle; display: table-row;} .full-sum .tr .td {display: table-cell; vertical-align: middle; border-bottom: 1px solid #eee; height: 65px;} .full-sum .tr .td:nth-of-type(1) {width: 40%;} .full-sum .tr .td:nth-of-type(2) {width: 40%;} .full-sum .tr .td:nth-of-type(3) {width: 20%; text-align: right; padding-right: 15px;} .full-sum .tr:nth-of-type(2) .td:nth-of-type(3), .full-sum .tr:nth-of-type(3) .td:nth-of-type(3) {padding-left: 12px;} .promocode-block {position: relative; padding-right: 160px; vertical-align: middle; background: #fff; overflow: hidden; display: inline-block; height: 35px;} .promocode-label {vertical-align: middle; display: inline-block; color: #757575; font-size: 14px; font-weight: 700; padding-right: 5px;} .promocode-block .input_coupon {height: 32px; border: none; border-bottom: 1px solid #424242; color: #212121; padding: 0 10px; background: #fff; border-radius: 0; font: 400 italic 15px/32px 'Segoe UI', sans-serif; position: relative; bottom: -1px; max-width: 150px;} .promocode-block .coupon_button {position: absolute; top: 0; right: 100px; bottom: 0; background: #ae9497; width: 35px; height: 35px; border-radius: 50%; color: #fff; text-align: center; text-transform: uppercase; padding: 0; cursor: pointer; -webkit-appearance: none; appearance: none; border: none; font: normal 500 14px/35px 'Segoe UI', sans-serif; -webkit-transition: all 0.3s; transition: all 0.3s; letter-spacing: 1.4px; outline: none;} .promocode-block .coupon_button:hover {background: #e886a3;} .promocode-block .coupon_button:active {background: #da7593;} .promocode-block .promo-percents {display: inline-block; vertical-align: middle; color: #f44336; position: absolute; top: 0; right: 30px; font: italic 500 21px/35px 'Georgia', sans-serif; height: 35px;} .full-sum .promo-discount {font-size: 14px; display: inline-block; vertical-align: baseline;} .full-sum .full-sum-title {font: italic 400 24px/35px 'Georgia', sans-serif;} .full-sum .full-sum-title strong {font-size: 30px; font-weight: 400; display: block; padding-right: 50px;} .full-sum .full-sum-price {font: italic 700 21px/65px 'Georgia', sans-serif; color: #212121;} .full-sum .full-sum-price span {font: normal 500 16px/65px 'Segoe UI', sans-serif; display: inline-block; margin-left: 5px; color: #97a3af;} .full-sum .full-sum-price.large {font-size: 40px;} .full-sum .full-sum-price.large span {font-size: 22px; font-style: italic; font-weight: 400;} .order-subtitle {margin: 0; font: italic 400 24px/1.4 'Georgia', sans-serif; color: #97a3af; padding: 15px 20px;} .order-label {color: #757575; font-weight: 500; font-size: 14px; padding: 0 8px; display: block;} input.order-input, textarea.order-input {border: none; background: none; border-bottom: 1px solid #bdbdbd; color: #97a3af;} input.order-input:focus, textarea.order-input:focus {border-color: #97a3af;} .order-contacts-section {padding-top: 20px;} .order-contacts-section .order-subtitle {} .order-contacts-section-inner {background: #fafafa; padding: 30px 55px 65px;} .order-contacts-section-inner .validate-container {margin-bottom: 10px;} .order-contacts-section-inner input:-webkit-autofill, .order-contacts-section-inner input:-webkit-autofill:hover, .order-contacts-section-inner input:-webkit-autofill:focus .order-contacts-section-inner textarea:-webkit-autofill, .order-contacts-section-inner textarea:-webkit-autofill:hover .order-contacts-section-inner textarea:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fafafa inset; transition: background-color 5000s ease-in-out 0s;} .order-contacts-section-inner .col-xs-12:nth-of-type(1) {padding-right: 70px;} .order-contacts-section-inner .col-xs-12:nth-of-type(2) {padding-left: 70px;} .order-contacts-section-inner textarea {height: 253px; resize: none; padding-left: 8px; padding-right: 8px;} .order-fields-section .col-xs-6:nth-of-type(1) {padding-right: 35px;} .order-fields-section .col-xs-6:nth-of-type(2) {padding-left: 35px;} .order-devivery-section {padding-top: 10px;} .order-devivery-section .order-subtitle {color: #ae9497;} .order-devivery-section .inner {background: #f3eced; padding: 50px 55px 35px; margin-top: 5px;} .order-payment-section {padding-top: 10px;} .order-payment-section .order-subtitle {color: #9fa8da;} .order-payment-section .inner {background: #eff0f6; padding: 50px 55px 35px; margin-top: 5px;} label.error {color: red; font-size: 12px; display: block; padding: 0 8px;} .ta-checkbox {vertical-align: top; margin: 0 3px 0 0; width: 17px; height: 17px;} .ta-checkbox + label {cursor: pointer;} .ta-checkbox:not(checked) {position: absolute; opacity: 0;} .ta-checkbox:not(checked) + label {position: relative; padding: 0 0 0 25px; margin: 0 10px 0 0; display: block; font-size: 14px; color: #424242; line-height: 1.4;} .ta-checkbox:not(checked) + label:before {content: ''; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #757575;} .ta-checkbox:not(checked) + label:after {content: ''; position: absolute; top: 8px; left: 5px; width: 5px; height: 5px; border-radius: 50%;} .ta-checkbox:checked + label:before {border-color: #f44336;} .ta-checkbox:checked + label:after {background: #f44336;} .delivery-radio-block {margin-bottom: 15px;} .delivery-radio-block .delivery-descr {padding: 7px 0 0 25px; color: #616161; font-weight: 300; font-style: italic; font-size: 14px; line-height: 1.3;} .delivery-radio-block .delivery-descr p {margin: 0; padding: 3px 0;} .delivery-radio-block .delivery-newpost {display: none;} .delivery-radio-block.active .delivery-newpost {display: block;} .submit-block {text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 60px 0; margin-top: 40px;} .submit-block button {max-width: 285px; width: 100%; padding: 13px 20px;} .submit-block button:hover {} .submit-block button:active {} .recaptcha-block {display: block; text-align: center; margin-bottom: 20px;} .recaptcha-block.feedback-recaptcha {text-align: right;} .recaptcha-block > div > div {display: inline-block;} @media (max-width: 1249px) { .full-sum .tr .td:nth-of-type(1) {width: 24%;} .full-sum .tr .td:nth-of-type(2) {width: 50%;} .full-sum .tr .td:nth-of-type(3) {width: 26%;} } @media (max-width: 991px) { .order-page-title {padding-left: 0; padding-right: 0;} .order-section {padding: 0;} .purchase-items {margin-top: 5px;} .purchase-items .thead .th:nth-of-type(1) {width: 60%; padding-left: 0;} .purchase-items .thead .th:nth-of-type(2) {width: 20%;} .purchase-items .thead .th:nth-of-type(3) {width: 20%;} .full-sum .tr .td:nth-of-type(1) {width: 0;} .full-sum .tr .td:nth-of-type(2) {width: 60%; padding-left: 5px;} .full-sum .tr .td:nth-of-type(3) {width: 40%; padding-right: 5px;} .order-contacts-section-inner .col-xs-12:nth-of-type(1) {padding-right: 15px;} .order-contacts-section-inner .col-xs-12:nth-of-type(2) {padding-left: 15px;} .order-contacts-section-inner, .order-payment-section .inner, .order-devivery-section .inner {padding: 30px 30px 20px;} .order-subtitle {padding: 15px 0;} .purchase-items .cart-table-title {padding-right: 25px;} } @media (max-width: 767px) { .order-page-title {padding: 20px 0;} .purchase-items .thead .th {font-size: 20px;} .purchase-items .tr {display: block; border-right: none; border-left: none; border-bottom: 1px solid #eee; position: relative;} .purchase-items .tr .td {display: block; height: auto; position: static; border-bottom: none; padding-left: 100px;} .purchase-items .thead {display: block;} .purchase-items .thead .th:nth-of-type(1) {width: 100%; display: block;} .purchase-items .thead .th:nth-of-type(2) {display: none;} .purchase-items .thead .th:nth-of-type(3) {display: none;} .purchase-items .tr.empty {display: none;} .purchase-items .cart-table-label {padding-left: 0;} .purchase-items .cart-table-title {position: static; padding-right: 25px; padding-left: 0;} .purchase-items .cart-table-title .title {padding-top: 13px; padding-bottom: 8px;} .purchase-items .cart-table-amount {padding: 0 0 10px 0;} .purchase-items .cart-table-price {padding: 0 0 10px;} .purchase-items .cart-table-title .image {width: 90px; left: 0; height: calc(100% - 20px);} .full-sum {display: block; margin-top: 10px;} .full-sum .tr {display: block; border-bottom: 1px solid #eee; padding: 10px 0;} .full-sum .tr:after {content: ''; clear: both; display: block;} .full-sum .tr:nth-of-type(n) .td:nth-of-type(n) {width: 100%; display: block; border-bottom: none; height: auto; padding-left: 0;} .full-sum .full-sum-title {text-align: left;} .full-sum .full-sum-title strong {font-size: 23px; padding-right: 0;} .full-sum .tr:nth-of-type(2) .td:nth-of-type(1) {padding-top: 5px;} .promocode-block .promo-percents {right: 0; letter-spacing: 0;} .promocode-block .coupon_button {right: 80px;} .promocode-block {padding-right: 140px;} .full-sum .full-sum-price {text-align: left;} .order-subtitle {font-size: 20px;} .order-contacts-section-inner, .order-payment-section .inner, .order-devivery-section .inner {padding: 20px 15px 10px;} .purchase-items .cart-table-amount strong {padding-left: 0;} } @media (max-width: 400px) { .recaptcha-block.feedback-recaptcha {text-align: left;} .recaptcha-block {-webkit-transform: scale(0.75, 0.75); -moz-transform: scale(0.75, 0.75); -ms-transform: scale(0.75, 0.75); -o-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); -webkit-transform-origin: 0 0; transform-origin: 0 0;} } /* Blog */ .blog-page-title {padding: 10px 30px 0;} .blog-section {padding: 0 30px;} .blog-section:after {content: ''; clear: both; display: block;} .blog-section .blog-list {float: left; width: 74%; padding: 0 0 45px;} .blog-section .blog-sidebar {float: right; width: 26%; padding: 45px 0 45px 30px;} .blog-list .blog-list-item {border-bottom: 1px solid #eee; margin-top: 45px;} .blog-list .blog-list-item .image {position: relative;} .blog-list .blog-list-item .image:before {content: ''; position: absolute; top: -15px; left: -15px; bottom: -100px; width: 110px; background: #8fa09a;} .blog-list .blog-list-item .image a {display: block; text-decoration: none; position: relative; background: #fff; overflow: hidden;} .blog-list .blog-list-item .image a:before {content: ''; display: block; position: absolute; height: 100%; width: 100%; right: 0; bottom: 0; background: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0;} .blog-list .blog-list-item .image a:after {content: ''; display: block; position: absolute; height: 100%; width: 100%; right: -110%; bottom: 110%; background: rgba(255,255,255,0.1); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0;} .blog-list .blog-list-item .image a img {display: block; width: 100%; height: auto; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .blog-list .blog-list-item .image:hover a:after {bottom: 0; right: 0; opacity: 0.5;} .blog-list .blog-list-item .image:hover a:before {opacity: 0.2;} .blog-list .blog-list-item .text {position: relative; padding: 22px 0 0 125px;} .blog-list .blog-list-item .text p {margin: 0;} .blog-list .blog-list-item .text .title {display: block; font: italic 400 36px/1.3 'Georgia', sans-serif; color: #212121; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s; padding-bottom: 17px;} .blog-list .blog-list-item .text .title:hover {color: #8fa09a;} .blog-list .blog-list-item .text .date {font: italic 400 14px/1.23 'Georgia', sans-serif; color: #fff; position: absolute; top: 5px; left: 5px;} .blog-list .blog-list-item .text .date span {display: block;} .blog-list .blog-list-item .text .date strong {font-size: 36px; font-weight: 400; display: block; padding-bottom: 2px;} .blog-list .blog-list-item .text .excerpt {font-style: italic;} .blog-list .blog-list-item .text .more-button {overflow: hidden; position: relative; margin: 22px 0 27px;} .blog-list .blog-list-item .text .more-button a {text-decoration: none; color: #212121; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .blog-list .blog-list-item .text .more-button a i {background: #8fa09a; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .blog-list .blog-list-item .text .more-button a span {position: relative;} .blog-list .blog-list-item .text .more-button a:hover i {width: 100%;} .blog-list .blog-list-item .text .more-button a:active i {background: #ae9497; -webkit-transition: all 0s; transition: all 0s;} .blog-sidebar .home-blog-subscribe {width: 100%; float: none; padding-right: 0;} .blog-sidebar .blog-latest-title {color: #97a3af; font: italic 400 24px/1.3 'Georgia', sans-serif; margin: 0 0 23px;} .blog-sidebar .blog-latest {padding-top: 50px;} .blog-sidebar .blog-latest .blog-latest-item {display: block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s; margin-bottom: 35px;} .blog-sidebar .blog-latest .blog-latest-item img {display: block; width: 100%; height: auto; margin-bottom: 8px;} .blog-sidebar .blog-latest .blog-latest-item .title {display: block; font: italic 500 16px/1.3 'Georgia', sans-serif; color: #212121;} .blog-sidebar .blog-latest .blog-latest-item .date {display: block; color: #97a3af; font-size: 14px;} .blog-sidebar .blog-latest .blog-latest-item:hover {opacity: 0.8;} @media (max-width: 1249px) { .blog-section .blog-list {width: 67%;} .blog-section .blog-sidebar {width: 33%;} .blog-list .blog-list-item .text .title {font-size: 29px;} } @media (max-width: 991px) { .blog-page-title {padding-left: 0; padding-right: 0;} .blog-section .blog-list {width: 100%; margin-top: -28px;} .blog-section {padding: 0;} .blog-list .blog-list-item .image:before {content: none;} .blog-list .blog-list-item .text {padding: 10px 0 0;} .blog-list .blog-list-item .text .date {position: relative; top: auto; left: auto; background: #8fa09a; padding: 10px; display: inline-block;} .blog-list .blog-list-item .text .date strong {font-size: 14px; padding-bottom: 0; display: inline;} .blog-list .blog-list-item .text .date span {display: inline;} .blog-list .blog-list-item .text .excerpt {padding-top: 15px;} .blog-section .blog-sidebar {padding: 0 0 20px; width: 100%;} .blog-sidebar .home-blog-subscribe {margin: 0;} .blog-sidebar .blog-latest {padding-top: 30px;} } @media (max-width: 767px) { .blog-page-title {padding: 20px 0;} .blog-section .blog-list {padding-bottom: 30px; margin-top: -15px;} .blog-list .blog-list-item .text .title {font-size: 22px;} .blog-list .blog-list-item {margin-top: 15px;} .blog-sidebar .blog-latest .blog-latest-item {margin-bottom: 20px;} } /* Blog post */ .blog-single-title {padding: 10px 30px 15px;} .blog-single .title {color: #212121; font: italic 400 36px/1.3 'Georgia', sans-serif; margin: 0; padding: 15px 200px 20px 0;} .blog-single .date {height: 0; text-align: right; position: relative; z-index: 2;} .blog-single .date p {margin: 0; display: inline-block; font: italic 400 14px/1.23 'Georgia', sans-serif; color: #fff; background: #8fa09a; padding: 10px 20px 20px; position: relative; right: -30px; top: -30px;} .blog-single .date p strong {font-size: 36px; font-weight: 400;} .blog-single .image {} .blog-single .image img {display: block; width: 100%; height: auto; margin-bottom: 20px;} .blog-single .text {padding: 0 0 30px;} .blog-single.no-image .date {text-align: left; height: auto; margin-bottom: 17px;} .blog-single.no-image .date p {right: 0; top: 0;} @media (max-width: 991px) { .blog-single-title {padding-left: 0; padding-right: 0;} .blog-single .title {padding-right: 0; font-size: 26px;} .blog-single .date, .blog-single.no-image .date {height: auto; text-align: left; margin-bottom: 0; padding: 10px 0 13px;} .blog-single .date p {right: auto; top: auto; padding: 0; background: none; color: #8fa09a;} .blog-single .date p strong {font-size: inherit;} .blog-single .title {padding: 15px 0 0 0;} .blog-single .text {padding: 0 0 20px;} } @media (max-width: 767px) { .blog-single-title {padding: 20px 0;} .blog-single .title {font-size: 21px;} .blog-single .date p {font-size: 12px;} } /* Share */ .share-section {font-weight: 700; font-size: 14px; text-align: center; letter-spacing: 0.7px; padding: 20px 0 20px 35px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .share-section p, .jssocials-share, .post_share {display: inline-block; vertical-align: middle;} .share-section p {margin: 0 10px 0 0;} .share-section a {text-decoration: none; display: inline-block; vertical-align: middle; color: #212121; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0 15px;} .share-section a:hover {color: #ae9497;} @media (max-width: 991px) { .share-section {padding-left: 0;} } @media (max-width: 500px) { .share-section p {display: block; margin: 0 0 10px;} } /* Adjacent posts */ .adjacent-posts {padding: 30px 0; border-bottom: 1px solid #eee;} .adjacent-posts:after {content: ''; clear: both; display: block;} .adjacent-post {width: 50%; min-height: 160px; position: relative;} .adjacent-post:before {content: ''; width: 0; display: inline-block; vertical-align: middle; min-height: 160px;} .adjacent-post.prev {text-align: right; float: left;} .adjacent-post.next {float: right;} .adjacent-post a {display: inline-block; text-decoration: none; vertical-align: middle; max-width: 94%;} .adjacent-post.prev a {padding-right: 205px;} .adjacent-post.next a {padding-left: 205px;} .adjacent-post .image {display: block; width: 160px; height: 160px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .adjacent-post.prev .image {right: 15px;} .adjacent-post.next .image {left: 15px;} .adjacent-post .label {display: block; color: #bdbdbd; font-size: 12px; padding-bottom: 15px;} .adjacent-post .title {display: block; font: italic 400 16px/1.3 'Georgia', sans-serif; color: #212121; -webkit-transition: all 0.4s; transition: all 0.4s;} .adjacent-post .date {display: block; color: #bdbdbd; font-size: 14px;} .adjacent-post a:hover .image {opacity: 0.8;} .adjacent-post a:hover .title {color: #8fa09a;} @media (max-width: 991px) { .adjacent-posts {display: none;} .adjacent-post {min-height: 60px;} .adjacent-post:before {min-height: 80px;} .adjacent-post .image {width: 60px; height: 60px;} .adjacent-post.prev a {padding-right: 95px;} .adjacent-post.next a {padding-left: 95px;} .adjacent-post .label {display: none;} } /* Контакты */ .contacts-section {padding: 0 30px;} .contacts-section:after {content: ''; clear: both; display: block;} .contacts-section .contacts-section-left {float: left; width: 35%; padding-bottom: 30px; padding-right: 10px;} .contacts-section .contacts-section-left .section-title {padding: 10px 0 15px;} .contacts-section .contacts-section-right {float: right; width: 65%; position: relative; padding: 0 30px 30px;} .contacts-section .contacts-section-right .section-title {padding: 10px 0 15px; position: relative;} .contacts-section .contacts-section-right:before {content: ''; display: block; background: #fafafa; top: 43px; left: 0; right: 0; bottom: 30px; position: absolute;} .contacts-section .contacts-section-right > div {position: relative;} .contacts-section .validate-container {margin-bottom: 10px;} .contacts-section input:-webkit-autofill, .contacts-section input:-webkit-autofill:hover, .contacts-section input:-webkit-autofill:focus .contacts-section textarea:-webkit-autofill, .contacts-section textarea:-webkit-autofill:hover .contacts-section textarea:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fafafa inset; transition: background-color 5000s ease-in-out 0s;} .contacts-section textarea {height: 180px; resize: none; padding-left: 8px; padding-right: 8px;} .contacts-section input.order-input, .contacts-section textarea.order-input {border-color: #eee;} .contacts-section input.order-input:focus, .contacts-section textarea.order-input:focus {border-color: #ae9497;} .main-contacts-info ul {margin: 0; padding: 0;} .main-contacts-info .contacts-phones {padding: 30px 0 40px;} .main-contacts-info .contacts-social {max-width: 300px;} .main-contacts-info ul li {list-style: none; display: block; padding: 2px 0;} .main-contacts-info .contacts-social li {display: inline-block; width: 49%; vertical-align: top;} .main-contacts-info a, .main-contacts-info p {margin: 0; text-decoration: none; color: #212121; -webkit-transition: all 0.4s; transition: all 0.4s; letter-spacing: 0.7px; font-weight: 500;} .main-contacts-info a i, .main-contacts-info p i {margin-right: 3px;} .main-contacts-info .contacts-social li {padding: 5px 0;} .main-contacts-info .contacts-social a i {font-size: 18px;} .main-contacts-info a:hover {color: #ae9497;} .contacts-email {padding-bottom: 45px;} .contacts-address {padding-bottom: 40px;} .feedback-form {padding-top: 30px;} .feedback-form .submit-button {overflow: hidden; position: relative; margin: 5px 0 25px; text-align: right; padding-right: 20px;} .feedback-form .submit-button button {text-decoration: none; color: #212121; padding: 15px 15px 15px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;-moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; border: none; cursor: pointer; outline: none; font: italic 700 14px/20px 'Georgia', sans-serif;} .feedback-form .submit-button button small {background: #8fa09a; display: block; width: 50px; border-radius: 26px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .feedback-form .submit-button button span {position: relative;} .feedback-form .submit-button button i {font-size: 18px; margin-right: 2px; position: relative; bottom: -1px;} .feedback-form .submit-button button:hover small {width: 100%;} .feedback-form .submit-button button:active small {background: #ae9497; -webkit-transition: all 0s; transition: all 0s;} .iframe-map {padding-top: 45px;} .iframe-map iframe {display: block; width: 100%; height: 640px;} @media (max-width: 1249px) { .iframe-map iframe {height: 500px;} } @media (max-width: 991px) { .contacts-section .contacts-section-left .section-title, .contacts-section .contacts-section-right .section-title {padding-left: 0; padding-right: 0; padding-top: 20px;} .contacts-section {padding: 0;} .contacts-section .contacts-section-left, .contacts-section .contacts-section-right {float: none; width: 100%;} .main-contacts-info .contacts-phones {padding: 10px 0 20px;} .contacts-email {padding-bottom: 20px;} .contacts-address {padding-bottom: 20px;} .contacts-section .contacts-section-right {background: #fafafa;} .contacts-section .contacts-section-right:before {content: none;} .feedback-form {padding-top: 15px;} .feedback-form .submit-button {margin-bottom: 0;} .iframe-map iframe {height: 400px;} } @media (max-width: 767px) { .contacts-section .contacts-section-left .section-title, .contacts-section .contacts-section-right .section-title {padding: 20px 0;} .main-contacts-info .contacts-phones {padding-top: 0;} .contacts-section textarea {height: 100px;} .contacts-section .contacts-section-right {padding: 0 20px 30px;} .iframe-map iframe {height: 350px;} } /* Page */ .page-section-title {padding: 10px 30px 15px;} .page-section {padding: 10px 30px 50px;} .page-section-with-sidebar {padding: 50px 30px 50px;} .page-section-with-sidebar:after {content: ''; clear: both; display: block;} .page-section-with-sidebar .part-left {float: left; width: 25%; padding-right: 30px; position: relative;} .page-section-with-sidebar .part-right {float: right; width: 75%; padding: 1px 30px 30px; position: relative; background: #fafafa;} .page-sidebar-links {margin: 0; padding: 0;} .page-sidebar-links li {list-style: none; display: block; overflow: hidden; position: relative; padding: 10px 0; margin: 0;} .page-sidebar-links li a {text-decoration: none; color: #212121; padding: 10px 15px 10px 15px; display: inline-block; max-width: 270px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; font: italic 500 16px/1.3 'Georgia', sans-serif;} .page-sidebar-links li a i {background: #dce5e2; display: block; width: 40px; border-radius: 21px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .page-sidebar-links li:nth-child(2) a i {background: #ae9497;} .page-sidebar-links li:nth-child(3) a i {background: #97a3af;} .page-sidebar-links li a span {position: relative;} .page-sidebar-links li.active a i, .page-sidebar-links li a:hover i {width: 100%;} .page-sidebar-links li a:active i {opacity: 0.8; -webkit-transition: all 0s; transition: all 0s;} @media (max-width: 1249px) { .page-section-with-sidebar .part-left {width: 30%;} .page-section-with-sidebar .part-right {width: 70%;} } @media (max-width: 991px) { .page-section-title {padding-left: 0; padding-right: 0;} .page-section {padding: 10px 0 50px;} .page-section-with-sidebar {padding: 20px 0 50px;} .page-section-with-sidebar .part-left {padding-right: 0;} .page-section-with-sidebar .part-left, .page-section-with-sidebar .part-right {width: 100%; float: none;} .page-sidebar-links {padding-top: 30px;} .page-sidebar-links li {display: inline-block; margin-right: 30px;} } @media (max-width: 767px) { .page-section-title {padding: 20px 0;} } @media (max-width: 500px) { .page-section-with-sidebar .part-right {padding-left: 15px; padding-right: 15px;} } /* WYSIWYG */ .wysiwyg-content ul {padding-left: 20px;} /* Other */ .message_error {display: block; background: #ff6868; padding: 20px 20px; margin-bottom: 20px; color: #fff; text-align: center; font-size: 17px; font-weight: 400; font-style: italic; line-height: 1.3;} .message_error i {color: yellow;} .fancybox-message-div {padding: 40px; color: #e02626; min-width: 570px; width: 95%;} .message_error_coupon {display: table-cell; background: #ff6868; padding: 10px; color: #fff; text-align: center; font-size: 13px; font-weight: 400; font-style: italic;} .message_success_coupon {display: table-cell; background: #14b014; padding: 10px; color: #fff; text-align: center; font-size: 13px; font-weight: 400; font-style: italic;} .post_comment_status {color: #ea8282; font-size: 13px; line-height: 1; font-style: italic;} .message_success {display: block; background: #14b014; padding: 30px 20px; margin-bottom: 20px; color: #fff; text-align: center; font-size: 17px; font-weight: 400; font-style: italic; line-height: 1.3;} .message_success i {color: #d6f3ff;} .message_success b {color: #f6f648;} .feedback-notice-error {background: #ff6868; margin: 10px 0 30px; padding: 10px; color: #fff; text-align: center; font-size: 17px; font-weight: 400; font-style: italic; line-height: 1.3;} .feedback-notice-success {background: #35bd45; margin: 10px 0 30px; padding: 20px; color: #fff; text-align: center; font-size: 17px; font-weight: 400; font-style: italic; line-height: 1.3;} .products-not-found {display: block; font: 400 italic 28px/1.1 'Playfair Display', sans-serif; color: #666; text-align: center; padding: 100px 30px 200px;} .cart-empty-message {display: block; font: 400 italic 22px/1.1 'Playfair Display', sans-serif; color: #666; text-align: center; padding: 20px 30px 20px;} .order-status-label {display: inline-block; vertical-align: top; color: #fff; border-radius: 4px; font-size: 12px; padding: 4px; background: #b5b57e; font-weight: 500;} .order-status-label.status-1 {background: #d8d859;} .order-status-label.status-2 {background: #b5b57e;} .order-status-label.status-3 {background: #b6d1e8;} .order-status-label.status-4 {background: #68de2e;} .order-status-label.status-5 {background: #616158;} .pay_method_description {color: #666; font-size: 13px; line-height: 1.3; padding-top: 10px;} .pay-receipt-container {padding-bottom: 20px;} .pay-receipt-block {padding: 10px 0;} .pay-receipt-block input {font-size: 15px;} table.order-history {border-collapse: collapse; font-size: 15px;} table.order-history p {margin: 0; padding: 0;} table.order-history tr {vertical-align: middle;} table.order-history tr td {vertical-align: middle; font: 400 12px/1.2 'Segoe UI', sans-serif; padding: 11px 5px; text-align: center;} table.order-history th, table.order-history td {border: 1px solid #ccc;} .template-page.page-id-5 .page-section.wysiwyg-content {color: #757575; opacity: 0.6; font: italic 400 22px/1.3 'Georgia', sans-serif;} /* Order */ .order-ready-title {padding: 10px 30px 15px; border-bottom: 1px solid #eee;} .order-ready-title > span {margin-right: 0;} .order-details-table {width:100%;border-collapse: collapse; font-size: 14px;line-height: 1.2;} .order-details-table td{padding:8px;border:0.0625rem solid #e0e0e0;} .order-details-table tr td:nth-of-type(1) {font-weight: 500;} .order-details-table tr td:nth-of-type(2) {color: #555;} .order-details-table td p {margin: 0; padding: 0;} .order-ready-block-title {margin: 0; font: italic 400 24px/1.4 'Georgia', sans-serif; color: #97a3af; padding: 25px 20px 15px;} .order-ready-block {padding: 15px 20px 50px;} @media (max-width: 1249px) { .order-ready-block-title {padding: 25px 5px 15px;} .order-ready-block {padding: 15px 5px 20px;} .col-lg-6:nth-of-type(2) .order-ready-block {padding-bottom: 50px;} } @media (max-width: 991px) { .order-ready-title {padding-left: 0; padding-right: 0;} } @media (max-width: 767px) { .order-ready-title {padding: 20px 0;} .order-ready-title > span {display: inline-block;} } /* Faq */ .faq-section {padding: 15px 10px;} .faq-section .faq-block {border-bottom: 1px solid #e0e0e0; line-height: 1.7;} .faq-section .faq-block a {text-decoration: none; color: #212121; display: block; font: italic 500 16px/1.5 'Georgia', sans-serif; padding: 12px 30px 12px 10px; position: relative;} .faq-section .faq-block a:after {content: '\f107'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #8fa09a; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .faq-section .faq-block p {margin: 0; padding: 0 10px; color: #616161; font-style: italic; font-size: 14px; display: none;} .faq-section .faq-block p:last-of-type {padding-bottom: 20px;} .faq-section .faq-block.active p {display: block;} .faq-section .faq-block.active a:after {content: '\f106';} @media (max-width: 991px) { .faq-section {padding: 15px 0;} } /* Account form */ .account-form {padding: 50px 0;} .account-form-inner {background: #fafafa; padding: 30px 30px 35px; max-width: 700px; margin: 0 auto;} .account-form .validate-container {margin-bottom: 15px;} .account-form .submit-c {padding: 10px 0;} .account-form .submit-c .beatiful-link {margin-left: 15px;} .account-form .submit-c .text-center .beatiful-link, .account-form .submit-c.text-center .beatiful-link {margin-left: 0;} .account-form input:-webkit-autofill, .account-form input:-webkit-autofill:hover, .account-form input:-webkit-autofill:focus .account-form textarea:-webkit-autofill, .account-form textarea:-webkit-autofill:hover .account-form textarea:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fafafa inset; transition: background-color 5000s ease-in-out 0s;} .account-form .recaptcha-block {margin-top: 30px;} .order-history-title {color: #212121; font-size: 25px; font-family: 'Georgia'; font-style: italic; margin: 0; padding: 30px 0 30px; line-height: 1.2;} @media (max-width: 767px) { .account-form {padding: 20px 0;} .account-form-inner {padding: 30px 15px 25px;} } /* Brand single section */ .brand-single-section h1 {color: #212121; font-size: 48px; font-style: italic; margin: 0; padding: 40px 0 45px; line-height: 1.2;} .brands-single-container {padding: 45px 0 0; position: relative; text-align: right;} .brands-single-container:before {content: ''; display: block; position: absolute; bottom: 150px; left: 0; width: 87%; background: #4f4f59; height: 5px; border-radius: 6px;} .brands-single-container:after {content: ''; display: block; position: absolute; bottom: 120px; left: 0; width: 93%; background: #a48a8d; height: 5px; border-radius: 6px;} .brands-single-image {background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; bottom: 90px; left: 0; width: 65%; z-index: 2;} .brands-single-item {padding: 0 30px 220px 95px; display: inline-block; vertical-align: top; position: relative; z-index: 3; text-align: right;} .brands-single-item .inner {background: #ae9497; display: inline-block; width: 100%; position: relative; padding: 27px 20px 180px 90px; max-width: 540px; text-align: left; -webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25);} .brands-single-item .logo {display: block; text-decoration: none; width: 160px; height: 160px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; position: absolute; top: 35px; left: -95px; -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);} .brands-single-item .text {min-height: 162px;} .brands-single-item .title {color: #fff; font-size: 24px; font-family: 'Georgia'; margin: 0; text-transform: uppercase; display: block; -webkit-transition: all 0.4s; transition: all 0.4s;} .brands-single-item .country {margin: -5px 0 8px; color: #fff; font-size: 14px; font-style: italic; font-family: 'Georgia';} .brands-single-item .description {color: #212121; font-style: italic; font-weight: 500; font-size: 14px; line-height: 1.7; padding: 0 0 15px;} .brands-single-item .description p {margin: 0;} .brands-single-item .image {display: block; text-decoration: none; position: relative; width: 550px; height: 0;} .brands-single-item .image span {height: 400px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: relative; position: absolute; top: -25px; left: -100px; -webkit-transition: all 0.6s; transition: all 0.6s;} @media (min-width: 992px) { .brands-single-container:hover .logo {left: -105px;} .brands-single-container:hover .image span {left: -80px;} } .brand-line-block-text {font-style: italic; padding: 10px 0 0;} .brand-line-block-text .h2 {margin: 0; font: italic 400 36px/1.3 'Georgia', sans-serif;} .brand-line-block-text p {} .brand-line-block-image {font-style: italic; padding: 20px 0 0; text-align: center; position: relative;} .brand-line-block-image .image {background: #ddd8d9; width: 540px; display: inline-block; vertical-align: top; margin-left: -100px; padding: 0 10px 0 120px; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); position: relative; z-index: 2;} .brand-line-block-image .image span {background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; padding-bottom: 95%;} .brand-line-block-image .text {max-width: 300px; display: inline-block; vertical-align: top; position: relative; z-index: 3; text-align: left; padding: 70px 0 0;} .brand-line-block-image .h2 {margin: 0 0 30px; font: italic 400 36px/1.3 'Georgia', sans-serif;} .brand-line-block-image p {} .brand-line-block-image .text:before {content: ''; display: block; position: absolute; width: 65px; height: 5px; border-radius: 6px; top: 12px; right: 80px; background: #4f4f59;} .brand-line-block-image .text:after {content: ''; display: block; position: absolute; width: 145px; height: 5px; border-radius: 6px; top: 37px; right: 25px; background: #a48a8d;} .brand-line-block-image:before {content: ''; display: block; position: absolute; width: 65px; height: 5px; border-radius: 6px; bottom: 40px; right: 50%; margin-right: -415px; background: #8d99a5;} .brand-line-block-image:after {content: ''; display: block; position: absolute; width: 145px; height: 5px; border-radius: 6px; bottom: 15px; right: 50%; margin-right: -470px; background: #4f4f59;} .brands-single-item.no-photo {padding-left: 0; margin-top: -40px;} .brands-single-item.no-photo .inner {max-width: 100%;} .brand-line-block-images-two {font-style: italic; padding: 20px 0 0; text-align: left; position: relative;} .brand-line-block-images-two .image {width: 465px; display: inline-block; vertical-align: top; margin-left: -100px; padding: 0 30px 30px 110px; position: relative; z-index: 2;} .brand-line-block-images-two .image:before {content: ''; display: block; position: absolute; top: 100px; left: 0; right: 0; bottom: 0; background: #ddcbb9; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);} .brand-line-block-images-two .image span {background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; padding-bottom: 125%; position: relative; z-index: 2;} .brand-line-block-images-two .image2 {width: 575px; position: absolute; right: 10px; top: 0;} .brand-line-block-images-two .image2 span {background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; padding-bottom: 67%;} .brand-line-block-images-two .text {max-width: 280px; display: inline-block; vertical-align: top; position: relative; z-index: 3; text-align: left; padding: 30px 0 0;} .brand-line-block-images-two .h2 {margin: 0 0 30px; font: italic 400 36px/1.3 'Georgia', sans-serif;} .brand-line-block-images-two p {} .brand-line-block-images-two .text:before {content: ''; display: block; position: absolute; width: 65px; height: 5px; border-radius: 6px; bottom: -62px; right: 120px; background: #a48a8d;} .brand-line-block-images-two .text:after {content: ''; display: block; position: absolute; width: 145px; height: 5px; border-radius: 6px; bottom: -87px; right: 65px; background: #4f4f59;} @media (max-width: 1249px) { .brand-single-section h1 {font-size: 45px;} .brand-line-block-images-two .image2 {width: 415px;} .brand-line-block-images-two .image {width: 415px;} .brand-line-block-images-two .image span {padding-bottom: 105%;} .brand-line-block-images-two .text:before, .brand-line-block-images-two .text:after {content: none;} } @media (max-width: 991px) { .brand-single-section h1 {font-size: 35px; padding: 5px 0 20px;} .brands-single-image {display: none;} .brands-single-container:before, .brands-single-container:after {content: none;} .brand-line-block-image {padding: 0;} .brand-line-block-image .text:before, .brand-line-block-image .text:after, .brand-line-block-image:before, .brand-line-block-image:after {content: none;} .brand-line-block-image .text {max-width: 100%; display: block; padding: 0 0 30px;} .brand-line-block-image .image {width: 100%; display: block; margin-left: 0; padding: 10px;} .brand-line-block-image .image span {padding-bottom: 60%;} .brand-line-block-text .h2, .brand-line-block-image .h2, .brand-line-block-images-two .h2 {font-size: 25px;} .brand-line-block-images-two .image2 {width: 315px; opacity: 0.5;} } @media (max-width: 767px) { .brand-single-section h1 {font-size: 25px;} .brands-single-item {padding: 0; display: block;} .brands-single-item .image {display: none;} .brands-single-item .inner {padding: 15px; max-width: 100%;} .brands-single-item .logo {width: 80px; height: 80px; position: relative; top: auto; left: auto; float: left; margin-right: 15px;} .brands-single-item .description {clear: both; padding: 10px 0 0;} .brands-single-container {padding: 0;} .brand-line-block-text .h2 {font-size: 22px;} .brand-line-block-image .h2 {font-size: 22px; margin: 0 0 10px;} .brand-line-block-images-two .h2 {font-size: 22px; margin: 0 0 10px;} .brands-single-item.no-photo {margin-top: 0;} .brand-line-block-text {padding-top: 30px;} .brand-line-block-images-two {padding: 0 0 30px;} .brand-line-block-images-two .image2 {display: none;} .brand-line-block-images-two .text {max-width: 100%; padding: 0 0 20px;} .brand-line-block-images-two .image {width: 100%; margin-left: 0; padding: 0; } .brand-line-block-images-two .image span {padding-bottom: 300px;} } @media (max-width: 373px) { .brands-single-item .logo {display: none;} } /* Product list in brand */ .brand-products-item {padding: 50px 55px 200px 10px; position: relative;} .brand-products-item .inner {background: #fff; position: relative; padding: 80px 0 0 15px;} .brand-products-item .image {display: block; text-decoration: none; position: absolute; padding-bottom: 100%; top: 0; left: 0; width: 100%; z-index: 4;} .brand-products-item .image span {background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: relative; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; -webkit-transition: all 0.6s; transition: all 0.6s;} .brand-products-item .image .img1 {opacity: 1;} .brand-products-item .image .img2 {opacity: 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);} @media (min-width: 768px) { .brand-products-item:hover .image.with-second-image .img1 {opacity: 0; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);} .brand-products-item:hover .image.with-second-image .img2 {opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} } .brand-products-item .text {background: #fff; padding: 150px 25px 25px; position: relative; left: 30px; bottom: -100px; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 3;} .active .brand-products-item .text {-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);} .brand-products-item .title {color: #4f4f59; font-size: 18px; font-weight: 500; display: inline-block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0; padding-bottom: 15px; line-height: 1.3;} .brand-products-item .title:hover {color: #ae9497;} .brand-products-item .line a {color: #ae9497; font-size: 15px; font-weight: 400; display: inline-block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0; position: relative; top: -13px; line-height: 1.3;} .brand-products-item .line a:hover {text-decoration: underline;} .brand-products-item .description {color: #4f4f59; font-style: italic; font-size: 14px; line-height: 1.7; padding: 0 0 15px;} .brand-products-item .description p {margin: 0;} .brand-products-item .more-button {overflow: hidden; position: relative;} .brand-products-item .more-button a {text-decoration: none; color: #4f4f59; font-weight: 500; font-size: 14px; padding: 7px 15px 7px 15px; display: inline-block; max-width: 270px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s;} .brand-products-item .more-button a i {background: #ae9497; display: block; width: 39px; border-radius: 20px; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s; transition: all 0.4s;} .brand-products-item .more-button a span {position: relative;} .brand-products-item .more-button a:hover i {width: 100%;} .brand-products-item .more-button a:active i {background: #846f71; -webkit-transition: all 0s; transition: all 0s;} .brand-products-item .prices {text-align: center;} .brand-products-item .prices .price {margin: 0; color: #212121; font-weight: 700; font-family: 'Georgia'; font-size: 30px; line-height: 28px; font-style: italic; padding: 0 0 15px;} .brand-products-item .prices .price span {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 500; font-family: 'Segoe UI'; font-size: 18px;} .brand-products-item .button {min-width: 115px;} .brand-products-item .button.disabled {pointer-events: none; opacity: 0.5;} .brand-products-item .out-of-stock {display: inline-block; margin-left: 2px; color: #97a3af; font-weight: 400; font-family: 'Segoe UI'; font-size: 15px; font-style: italic; margin: 0;} @media (max-width: 1249px) { .brand-products-item {padding: 50px 20px 140px 20px;} .brand-products-item .inner {padding-left: 0;} .brand-products-item .text {padding: 100px 25px 25px; left: 0; bottom: -100px;} } @media (max-width: 767px) { .brand-products-item {padding-top: 10px;} .brand-products-item .inner {padding: 30px 20px 30px; background: #fff !important;} .brand-products-item .text {padding-top: 250px; bottom: 0;} .brand-products-item .image {padding-bottom: 0; height: 250px;} } /* Products slider in brand */ .brand-single-section .products-slider-section {padding: 10px 0 10px;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+2) .brand-products-item {padding-top: 85px;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+3) .brand-products-item {padding-top: 45px;} .brand-single-section .products-slider-section .owl-item .brand-products-item:before, .brand-single-section .products-slider-section .owl-item .brand-products-item:after {content: ''; display: block; position: absolute; width: 50%; height: 5px; border-radius: 6px; z-index: 2;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+1) .brand-products-item:before {bottom: 150px; left: 20px; background: #4f4f59;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+1) .brand-products-item:after {bottom: 125px; left: 0; background: #a48a8d;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+2) .brand-products-item:before {bottom: 250px; left: 20px; background: #fff;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+2) .brand-products-item:after {bottom: 225px; left: 40px; background: #4f4f59;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+3) .brand-products-item:before {top: 155px; right: 25px; background: #a48a8d; width: 100px;} .brand-single-section .products-slider-section .owl-item:nth-of-type(3n+3) .brand-products-item:after {top: 180px; right: 25px; background: #4f4f59; width: 65px;} @media (max-width: 1249px) { .brand-single-section .products-slider-section .owl-item .brand-products-item:before, .brand-single-section .products-slider-section .owl-item .brand-products-item:after {content: none;} } @media (max-width: 767px) { .brand-single-section .products-slider-section .owl-item:nth-of-type(n) .brand-products-item {padding: 10px 0;} } /* Products grid in brand */ .products-brand-grid-section {padding: 30px 0 120px; text-align: right;} .products-brand-grid-section .col-xs-12:nth-child(2n+3), .products-brand-grid-section .col-xs-12:nth-child(2n+4) {text-align: left;} .products-brand-grid-section .col-xs-12:nth-child(2n+2) {position: relative; top: 130px;} .products-brand-grid-section .brand-products-item {padding: 50px 0 100px 60px; max-width: 410px; display: inline-block; vertical-align: top; text-align: left;} .products-brand-grid-section .brand-products-item .inner {background: #fff !important; padding: 145px 0 0;} .products-brand-grid-section .brand-products-item .text {-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); padding: 220px 25px 25px 70px; left: auto; bottom: auto;} .products-brand-grid-section .brand-products-item .image {background-color: #fff; top: 0; left: -60px; padding-bottom: 94%; -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);} .products-brand-grid-section .brand-products-item .image span {top: -50px; bottom: 40px;} @media (max-width: 991px) { .products-brand-grid-section .brand-products-item {padding: 0; margin-bottom: 40px;} .products-brand-grid-section {padding: 30px 0 10px;} .products-brand-grid-section .col-xs-12:nth-child(n) {text-align: left; top: auto;} .products-brand-grid-section .brand-products-item .inner {padding: 0;} .products-brand-grid-section .brand-products-item .image {left: auto; padding-bottom: 100%; position: relative;} .products-brand-grid-section .brand-products-item .text {padding: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .products-brand-grid-section .brand-products-item .image span {top: 15px; bottom: 15px;} } @media (max-width: 767px) { .products-brand-grid-section .brand-products-item {padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; display: block; max-width: 100%;} } /* Products brand line section */ .brand-line-products-section {background: #fff; padding: 170px 0 30px;} .brand-line-products-section .product-list-item {margin-bottom: 50px;} .brand-line-products-section .col-xs-12:nth-child(2) .product-list-item {position: relative; top: -15px;} .brand-line-products-section .col-xs-12:nth-child(3) .product-list-item {position: relative; top: 10px;} .brand-line-products-section .product-list-item .inner {-webkit-transition: all 0.4s; transition: all 0.4s;} .brand-line-products-section .product-list-item .inner:hover {-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);} @media (max-width: 991px) { .brand-line-products-section {padding: 70px 0 30px;} .brand-line-products-section .col-xs-12:nth-child(n) .product-list-item {top: auto; margin-bottom: 30px;} } @media (max-width: 767px) { .brand-line-products-section {padding: 20px 0 20px;} .brand-line-products-section .col-xs-12:nth-child(n) .product-list-item {margin-bottom: 20px;} .brand-line-products-section .product-list-item {padding: 0;} .brand-line-products-section .product-list-item .inner:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} } /* Brand profit */ .brand-profit {font-style: italic; padding: 40px 0 0; position: relative;} .brand-profit:after {content: ''; clear: both; display: block;} .brand-profit .text {float: left; width: 60%; padding: 60px 30px 80px 0;} .brand-profit .text .h2 {margin: 0 0 20px; font: italic 400 48px/1.3 'Georgia', sans-serif;} .brand-profit .text p {max-width: 470px;} .brand-profit .image {float: right; width: 40%; position: relative;} .brand-profit .image i:nth-of-type(1) {display: block; position: absolute; top: 0; left: 0; width: 100%;} .brand-profit .image i:nth-of-type(2) {display: block; position: absolute; bottom: 0; left: 0; width: 100%;} .brand-profit .image i:nth-of-type(1):before {content: ''; display: block; position: absolute; width: 110px; height: 5px; border-radius: 6px; top: 30px; right: -32px; background: #a48a8d; z-index: 3;} .brand-profit .image i:nth-of-type(1):after {content: ''; display: block; position: absolute; width: 65px; height: 5px; border-radius: 6px; top: 200px; left: -32px; background: #4f4f59; z-index: 3;} .brand-profit .image i:nth-of-type(2):before {content: ''; display: block; position: absolute; width: 125%; height: 5px; border-radius: 6px; bottom: 40px; right: -32px; background: #a48a8d;} .brand-profit .image i:nth-of-type(2):after {content: ''; display: block; position: absolute; width: 65px; height: 5px; border-radius: 6px; bottom: 65px; right: -15px; background: #4f4f59; z-index: 3;} .brand-profit .image > span {display: block; position: relative; background: #fff; z-index: 2; background: #fff; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); padding-bottom: 100%;} .brand-profit .image > span span {background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: absolute; top: 70px; left: 70px; right: 70px; bottom: 70px;} @media (max-width: 1249px) { .brand-profit .text {padding-bottom: 0;} } @media (max-width: 991px) { .brand-profit .text {padding-top: 0;} .brand-profit .image i:nth-of-type(n) {display: none;} .brand-profit .image > span span {top: 40px; left: 40px; right: 40px; bottom: 40px;} .brand-profit .text .h2 {font-size: 25px;} } @media (max-width: 767px) { .brand-profit .text .h2 {font-size: 22px;} .brand-profit {padding: 0;} .brand-profit .text {float: none; width: 100%; padding: 0;} .brand-profit .image {float: none; width: 100%; margin-top: 30px;} } /* Brand profit list item */ .brand-profit-list {background: #fff; padding: 100px 0 0;} .profit-list-item {padding: 35px 0 0 85px; position: relative; text-align: right; margin-bottom: 100px;} .profit-list-item .inner {background: #ae9497; display: inline-block; width: 100%; position: relative; padding: 15px 20px 10px 100px; text-align: left; -webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25);} .profit-list-item .num {display: block; width: 160px; height: 160px; background-color: #fff; position: absolute; top: -35px; left: -85px; -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15); font: italic 700 72px/150px 'Georgia', sans-serif; text-align: center;} .profit-list-item .text {min-height: 162px;} .profit-list-item .title {color: #fff; font-style: italic; font-size: 24px; font-family: 'Georgia'; margin: 3px 0 10px; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 1.2;} .profit-list-item .description {color: #212121; font-style: italic; font-weight: 500; font-size: 14px; line-height: 1.7; padding: 0 0 15px;} .profit-list-item .description p {margin: 0;} .profit-list-item .image {display: block; text-decoration: none; position: relative; height: 0;} .profit-list-item .image span {height: 120px; width: 80%; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: relative; position: absolute; bottom: -100px; left: 10%; -webkit-transition: all 0.6s; transition: all 0.6s;} .col-xs-12:nth-of-type(2n+1) .profit-list-item {top: -150px;} .brand-single-section .video-screen {margin: -30px 0 150px;} @media (max-width: 1249px) { .brand-profit-list {padding: 200px 0 0;} } @media (max-width: 991px) { .col-xs-12:nth-of-type(n) .profit-list-item {top: auto; margin-bottom: 50px;} .brand-single-section .video-screen {margin: 0 0 40px;} .brand-profit-list {padding: 50px 0 0;} } @media (max-width: 767px) { .profit-list-item .num {display: none;} .profit-list-item .image {display: none;} .profit-list-item .inner {padding: 15px;} .profit-list-item .text {min-height: 10px;} .brand-profit-list {padding: 30px 0 0;} .col-xs-12:nth-of-type(n) .profit-list-item {padding: 0; margin-bottom: 30px;} } @media (max-width: 373px) { .brands-list-item .num {display: none;} } /* Upload block */ .file-upload-container {padding: 6px 0 0;} .file-upload-container .file-upload {position: relative; display: inline-block; text-align: center; vertical-align: middle;} .file-upload-container .file-upload input {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; text-indent: -999px;} .file-upload-container .file-upload .load {color: #fff; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 7px 15px;} .file-upload-container .filename {display: block; margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left: 8px; color: #97a3af;} .file-upload-container .file-upload:hover .load {opacity: 0.8;} .file-upload-container .file-upload:focus .load {} .file-upload-container .file-upload:active .load {opacity: 1;} /* Partners */ .partner {display: none;} .partner.active {width: 100%; display: inline-block; vertical-align: top;} .partner .city:not(.capital) {display: none;} .partners-cities-filter {margin: 10px -6px 4px;} .partners-cities-filter .city-filter-item {display: inline-block; border: 1px solid #97a3af; border-radius: 20px; text-decoration: none; padding: 4px 13px; line-height: 1.3; margin: 4px 3px 4px; color: #212121;} .partners-cities-filter .city-filter-item:hover, .partners-cities-filter .city-filter-item.active {background: #97a3af; color: #fff;} @media (min-width: 601px) { .partners-items {margin: 0 -15px;} .partner.active {width: 50%; padding: 0 15px;} }