.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
/*# sourceMappingURL=select2.min.css.map */
@charset "UTF-8";
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------
$mq-support: false;
$mq-fixed-value: 1024;
// Renders at fixed value
@include bp (min-width, 300px) {
div { color:#000; }
}
// Doesn't render without MQ support
@include bp (min-width, 1200px) {
div { color:#FFF; }
}
// Doesn't render without MQ support
@include bp (max-width, 300px) {
div { color:#444; }
}
// Renders at fixed value
@include bp (max-width, 1200px) {
div { color:#888; }
}
// ----------------------------------------------
*/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block; }
/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block; }
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
[hidden] {
display: none; }
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Sets default font family to sans-serif.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */ }
/*
* Removes default margin.
*/
body {
margin: 0; }
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted; }
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/
h1 {
font-size: 2em; }
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold; }
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic; }
/*
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; }
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; }
/*
* Sets consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* ==========================================================================
Embedded content
========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
img {
border: 0; }
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */ }
/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal; }
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default; }
/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/*
* Removes inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
/* ============================================ *
* Reset
* ============================================ */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0; }
html {
-webkit-tap-highlight-color: transparent;
/* Prevent tap highlight on iOS/Android */
-webkit-text-size-adjust: 100%;
/* Prevent automatic scaling on iOS */ }
body {
background: #FFFFFF;
color: #000000;
line-height: 1; }
html,
body,
img,
fieldset,
abbr,
acronym {
border: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal; }
th,
code,
cite,
caption {
font-weight: normal;
font-style: normal;
text-align: left; }
address {
font-style: normal; }
fieldset {
margin: 0;
padding: 0;
border: 0; }
img {
display: block; }
ol,
ul {
list-style: none; }
q:before,
q:after {
content: ''; }
input:focus,
input[type="search"]:focus {
outline-offset: -2px; }
input[type="search"] {
-webkit-appearance: none;
/* 1 */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* 2 */
box-sizing: border-box; }
/* ============================================ *
* Calendar styles (restore styles from /js/calendar)
* ============================================ */
div.calendar table {
border-collapse: separate; }
div.calendar table td.button {
display: table-cell;
background: inherit;
color: inherit;
text-transform: none; }
/* fontsss */
/* variables */
/* mixin */
body .page {
padding-top: 90px; }
.product-qty .spinner .sub,
.product-qty .spinner .add {
border-radius: 100%;
font-size: 0;
position: relative; }
.product-qty .spinner .sub:before,
.product-qty .spinner .add:before {
content: '';
display: block;
width: 14px;
height: 2px;
background-color: #0093EE;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.product-qty .spinner .add:after {
content: '';
display: block;
width: 2px;
height: 14px;
background-color: #0093EE;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.product-qty .spinner .sub:hover:before,
.product-qty .spinner .add:hover:before,
.product-qty .spinner .add:hover:after {
background-color: #ACB2B6; }
.button {
height: 32px;
border: 2px solid;
color: #ffffff;
border-color: #0093EE;
background-color: #0093EE;
cursor: pointer;
text-transform: uppercase;
box-shadow: 0 0 0 transparent;
font: 400 16px "GothaPro", sans-serif;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
display: inline-block;
vertical-align: middle;
line-height: 28px;
text-decoration: none; }
.button:not(:disabled):hover {
color: #0093EE;
border-color: #0093EE;
background-color: #fff;
box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.4); }
.button:disabled {
color: #A8AEB2;
background-color: #fff;
border-color: #A8AEB2; }
.button.out-of-stock {
line-height: 15px; }
.button-black {
height: 30px;
border: 0;
color: #ffffff;
cursor: pointer;
font: 400 9px "GothaPro", sans-serif;
text-transform: uppercase;
background-color: #8C8C8C;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear; }
.button-black:hover {
background-color: #EB7300; }
.representers-list > div {
font-weight: 400;
font-size: 16px;
margin-bottom: 5px; }
.representers-list .city {
display: block;
font-weight: 300;
font-size: 14px;
overflow: hidden; }
.representers-list .city ul {
overflow: scroll;
overflow-x: hidden;
height: 220px;
width: 100%;
padding: 0 50px 0 0;
box-sizing: content-box; }
.representers-list .city ul li {
display: block;
width: 50%;
opacity: .5;
cursor: pointer;
height: 22px; }
.representers-list .city ul li:hover,
.representers-list .city ul li.current {
opacity: 1;
color: #0094ee; }
.representers-list .city ul:after {
display: block;
content: "";
clear: both; }
.representers-list .city:after {
display: block;
clear: both;
content: ""; }
.contacts-left-side {
display: block;
width: 59%;
float: left;
position: relative;
min-height: 310px; }
.contacts-left-side:after {
content: ' ';
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: silver;
background: -moz-linear-gradient(top, rgba(192, 192, 192, 0) 2%, silver 50%, rgba(192, 192, 192, 0) 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(192, 192, 192, 0)), color-stop(50%, silver), color-stop(98%, rgba(192, 192, 192, 0)));
background: -webkit-linear-gradient(top, rgba(192, 192, 192, 0) 2%, silver 50%, rgba(192, 192, 192, 0) 98%);
background: -o-linear-gradient(top, rgba(192, 192, 192, 0) 2%, silver 50%, rgba(192, 192, 192, 0) 98%);
background: -ms-linear-gradient(top, rgba(192, 192, 192, 0) 2%, silver 50%, rgba(192, 192, 192, 0) 98%);
background: linear-gradient(to bottom, rgba(192, 192, 192, 0) 2%, #c0c0c0 50%, rgba(192, 192, 192, 0) 98%); }
.stores-list {
display: block;
float: left;
width: 41%;
box-sizing: border-box;
padding-left: 30px; }
.store-city-list {
display: none; }
.store-city-list.current {
display: block;
max-height: 310px;
overflow: hidden; }
.header-contacts-container .representers-list {
width: 280px; }
.store-list-item {
display: block;
float: none !important;
width: 100%;
box-sizing: border-box;
padding: 8px 15px;
text-transform: uppercase;
line-height: 16px;
position: relative; }
.store-list-item:hover {
background-color: #e7e6e6; }
.store-list-item span {
display: block;
margin: 0;
padding: 0; }
.store-list-item .store-link {
position: absolute;
top: 50%;
margin-top: -14px;
right: 15px;
background: blue;
content: "";
width: 20px;
height: 20px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/map/link.svg) center no-repeat; }
#header-account {
right: 0;
width: 340px;
position: absolute;
background-color: #ffffff;
box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.3); }
#header-account .block-title {
width: 100%;
display: block;
color: #fff;
background-color: #0093EE;
height: 40px;
text-transform: uppercase; }
#header-account .block-title h3 {
font: 500 18px/40px "GothaPro", sans-serif;
display: inline-block;
padding-left: 20px; }
#header-account .block-title h3 a {
font: 500 18px/40px "GothaPro", sans-serif; }
#header-account .block-title a {
border: 0;
background-color: transparent;
float: right;
display: inline-block;
color: #fff;
margin-right: 55px;
font-weight: 300;
line-height: 40px; }
#header-account .block-title a:after {
content: '';
display: block;
position: absolute;
width: 13px;
height: 21px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEzcHgiIGhlaWdodD0iMjFweCIgdmlld0JveD0iMCAwIDEzIDIxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMyAyMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAuNTMzLDIuNDg4djExLjIwNUgyLjUzNlYyLjQ4OEgxMC41MzMgTTEyLjQyNywwLjU5NEgwLjY0MnYxNC45OTNoMTEuNzg1VjAuNTk0TDEyLjQyNywwLjU5NHoiLz4NCgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjYuMDM4LDIwLjI3OSAxMi40MjcsMTUuNTg3IDEyLjQyNywwLjU5NCA2LjAzOCw1LjI4NiAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
top: 12px;
right: 25px; }
#header-account .block-content {
padding: 20px; }
#header-account .block-content .customer-information:after {
content: ' ';
display: table;
clear: both; }
#header-account .block-content .customer-name {
padding-top: 10px;
font-size: 96%;
font-weight: 300;
color: #000;
text-shadow: 0 0 0 #000;
line-height: 15px; }
#header-account .block-content .customer-email {
font-size: 86%;
font-weight: 300;
color: #333333;
text-shadow: 0 0 0 #333333; }
#header-account .block-content .avatar {
width: 55px;
height: 55px;
float: left;
margin-right: 20px; }
#header-account .block-content .avatar img {
max-width: 60px;
max-height: 60px; }
#header-account .block-content .avatar svg {
color: #0093EE; }
#header-account .block-content .top-links {
padding: 33px 0 10px 15px; }
#header-account .block-content .top-links .count,
.skip-links #login-all-form a.guest-compare-link .count {
float: right;
display: block;
width: 16px;
height: 16px;
background-color: #FF6863;
color: #fff;
text-align: center;
vertical-align: middle;
font: 500 12px/20px "GothaPro", sans-serif;
z-index: 1;
margin: 0 0 0 10px; }
#header-account .block-content .top-links li {
display: block;
width: 100%; }
#header-account .block-content .top-links li + li {
padding-top: 14px; }
a.guest-compare-link {
display: none; }
#header-account .block-content .top-links a,
.skip-links #login-all-form a.guest-compare-link {
display: inline-block;
line-height: 21px;
text-transform: uppercase;
color: #000;
text-shadow: 0 0 0 #000;
font-size: 90%;
vertical-align: middle; }
.skip-links #login-all-form a.guest-compare-link {
margin: 5px 0 10px 0; }
#header-account .block-content .top-links a:before,
.skip-links #login-all-form a.guest-compare-link:before {
content: ' ';
float: left;
display: inline-block;
width: 21px;
height: 19px;
margin-right: 20px; }
.skip-links #login-all-form a.guest-compare-link:before {
margin: 0 10px 0 19px; }
#header-account .block-content .top-links a.wishlist-link:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDIxIDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjM0M4QkNCIiBkPSJNMTkuMjI2LDEuNzczYy0yLjM1Ny0yLjM1Ny02LjIwOS0yLjM2NC04LjU3Ni0wLjAyMUM4LjI4My0wLjU5MSw0LjQzMS0wLjU4NCwyLjA3NCwxLjc3Mw0KCWMtMi4zNjUsMi4zNjUtMi4zNjUsNi4yMzUsMCw4LjZsOC41NTMsOC41NTNsMC4wNDctMC4wNDdsMCwwLjA0N2w4LjU1My04LjU1M0MyMS41OTEsOC4wMDgsMjEuNTkxLDQuMTM4LDE5LjIyNiwxLjc3M3oiLz4NCjwvc3ZnPg0K) no-repeat center; }
.skip-links #header-account .block-content .top-links a.compare-link:before,
#login-all-form a.guest-compare-link:before {
background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAXABMDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwBniXxJ4iHiLXwNf1oAa1qoAGq3wAAvpwAAJ8AAcADpWVHr3iqZLiSHWfEEsdrEtxdPHqOpOltA08Nqs1wyzFYYmubm3t1kkKoZ54YQ3mSorfcn7Kfwb/Z7/aE8V/F34OfEfxVq/gH41+L7yZPgF4uur2NfAv8AwkdpqV7Pc+G9bsEjSafVPEDC3s7JZ7h47u0e7t9JSHxEml2+rey/H34rfBT9kT4U+Lf2Pv2af7E+IXjzxhYnQv2lPj7qOm6fqceqzplL/wAC+DIrhb20t7TT7jzYDLbyXFt4bZX+yXWoeMZL3XdI/wBrcXx1h6Gf4fgrJ+FszzTiZVMsqVqWIwUstyahw9iKWGq4viepnrw+Kwjy3DKeIwFGhTjUzHGZ1hp5fTwcaali4f4i4PgTE1+H8RxtnHFWWZVww6eaU6NbD42OZZ1X4iw1XEUsJwvTyGOIwuMWZ4lww2YVq9SVPLcHkmJp5jUxsqnLhJ+FfCLXtcf4eeHmfWtWdj/a2WbUbxmONc1IDJMxJwAAOegxRWT8IP8Aknfh7/uLf+nzU6K+WzehQ/tbNP3NL/kY43/l3D/oJq+R9bk1ev8A2RlX76r/AMi3A/8ALyf/AEC0vM+P/EUkkXifXZYneKWLXtTkjkjZkkjkTUJ2R0dSGR0YBlZSGVgCCCKwaKK/dsP/AAKH/Xml/wCkL/Nn4FiG/b11fT21V26Xc3d/Oyv6I+3vhB/yTvw9/wBxb/0+anRRRX4dnH/I2zT/ALGON/8AUmqfvGTf8ifKv+xbgf8A1FpH/9k=) no-repeat center; }
#header-account .block-content .top-links a.shopping-history-link:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDIxIDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB4PSIzLjE5OCIgeT0iMC42NTIiIGZpbGw9IiMzQzhCQ0IiIHN0cm9rZT0iIzNDOEJDQiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMTQuMjA5IiBoZWlnaHQ9IjE3LjczNyIvPg0KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2LjQwNiIgeTE9IjUuNjQ4IiB4Mj0iMTQuMiIgeTI9IjUuNjQ4Ii8+DQoJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuNDA2IiB5MT0iOS41NjUiIHgyPSIxNC4yIiB5Mj0iOS41NjUiLz4NCgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNi40MDYiIHkxPSIxMy40ODMiIHgyPSIxNC4yIiB5Mj0iMTMuNDgzIi8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center; }
#header-account .action-economy {
background-color: #F8F8F8;
position: relative;
padding: 0 25px; }
#header-account .action-economy:before {
content: ' ';
display: block;
position: absolute;
height: 1px;
left: 20px;
right: 20px;
top: 0;
background: #d1d1d1;
background: -moz-linear-gradient(left, rgba(209, 209, 209, 0) 0%, #d1d1d1 20%, #d1d1d1 80%, rgba(209, 209, 209, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(209, 209, 209, 0)), color-stop(20%, #d1d1d1), color-stop(80%, #d1d1d1), color-stop(100%, rgba(209, 209, 209, 0)));
background: -webkit-linear-gradient(left, rgba(209, 209, 209, 0) 0%, #d1d1d1 20%, #d1d1d1 80%, rgba(209, 209, 209, 0) 100%);
background: -o-linear-gradient(left, rgba(209, 209, 209, 0) 0%, #d1d1d1 20%, #d1d1d1 80%, rgba(209, 209, 209, 0) 100%);
background: -ms-linear-gradient(left, rgba(209, 209, 209, 0) 0%, #d1d1d1 20%, #d1d1d1 80%, rgba(209, 209, 209, 0) 100%);
background: linear-gradient(to right, rgba(209, 209, 209, 0) 0%, #d1d1d1 20%, #d1d1d1 80%, rgba(209, 209, 209, 0) 100%); }
#header-account .action-economy .title {
padding-top: 25px;
font-size: 90%;
font-weight: 500;
color: #333333;
text-shadow: 0 0 0 #333333;
text-align: center;
text-transform: uppercase; }
#header-account .action-economy .count-wrap {
padding-top: 15px; }
#header-account .action-economy .count-wrap > span {
color: #0093EE;
font-size: 21px;
font-weight: 500;
line-height: 50px;
display: inline-block;
vertical-align: top;
height: 50px;
margin-right: 7px; }
#header-account .action-economy .count-wrap .count {
display: inline-block;
height: 50px; }
#header-account .action-economy .count-wrap .count span {
display: inline-block;
width: 40px;
height: 50px;
text-align: center;
line-height: 50px;
color: #ffffff;
margin-right: 7px;
border-radius: 5px;
font-size: 31px;
font-weight: 500;
background: #0093EE;
background: -moz-linear-gradient(top, #0093EE 47%, #a5d4f7 50%, #0093EE 52%, #0093EE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%, #0093EE), color-stop(50%, #a5d4f7), color-stop(52%, #0093EE), color-stop(100%, #0093EE));
background: -webkit-linear-gradient(top, #0093EE 47%, #a5d4f7 50%, #0093EE 52%, #0093EE 100%);
background: -o-linear-gradient(top, #0093EE 47%, #a5d4f7 50%, #0093EE 52%, #0093EE 100%);
background: -ms-linear-gradient(top, #0093EE 47%, #a5d4f7 50%, #0093EE 52%, #0093EE 100%);
background: linear-gradient(to bottom, #0093ee 47%, #a5d4f7 50%, #0093ee 52%, #0093ee 100%); }
#header-account .action-economy .description {
font-size: 90%;
font-weight: 300;
color: #333333;
text-shadow: 0 0 0 #333333;
text-align: center;
text-transform: uppercase;
padding: 18px 0; }
.articles-pager-wrap-ajax, .catalog-pager-wrap-ajax {
width: 720px;
margin: 0 auto 33px;
text-align: center;
padding: 12px 0 34px;
position: relative; }
.articles-pager-wrap-ajax .articles-pager-wrap-ajax, .articles-pager-wrap-ajax .catalog-pager-wrap-ajax, .catalog-pager-wrap-ajax .articles-pager-wrap-ajax, .catalog-pager-wrap-ajax .catalog-pager-wrap-ajax {
width: 720px;
margin: 0 auto 33px;
text-align: center;
padding: 12px 0 34px;
position: relative; }
.articles-pager-wrap-ajax .articles-pager-wrap-ajax:after, .articles-pager-wrap-ajax .catalog-pager-wrap-ajax:after, .catalog-pager-wrap-ajax .articles-pager-wrap-ajax:after, .catalog-pager-wrap-ajax .catalog-pager-wrap-ajax:after {
content: ' ';
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
background: #d8d8d8;
background: -moz-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(216, 216, 216, 0)), color-stop(20%, #d8d8d8), color-stop(80%, #d8d8d8), color-stop(100%, rgba(216, 216, 216, 0)));
background: -webkit-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: -o-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: -ms-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: linear-gradient(to right, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%); }
.articles-pager-wrap-ajax .articles-pager-wrap-ajax a, .articles-pager-wrap-ajax .catalog-pager-wrap-ajax a, .catalog-pager-wrap-ajax .articles-pager-wrap-ajax a, .catalog-pager-wrap-ajax .catalog-pager-wrap-ajax a {
text-transform: uppercase;
color: #0093EE;
display: block;
width: 220px;
margin: 0 auto;
font-size: 18px;
line-height: 38px; }
.articles-pager-wrap-ajax .articles-pager-wrap-ajax a:before, .articles-pager-wrap-ajax .catalog-pager-wrap-ajax a:before, .catalog-pager-wrap-ajax .articles-pager-wrap-ajax a:before, .catalog-pager-wrap-ajax .catalog-pager-wrap-ajax a:before {
content: ' ';
width: 38px;
height: 38px;
display: block;
float: left;
background: url('data:image/svg+xml;utf8,') no-repeat 0 0; }
.articles-pager-wrap-ajax .articles-pager-wrap-ajax a:hover:before, .articles-pager-wrap-ajax .catalog-pager-wrap-ajax a:hover:before, .catalog-pager-wrap-ajax .articles-pager-wrap-ajax a:hover:before, .catalog-pager-wrap-ajax .catalog-pager-wrap-ajax a:hover:before {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
-webkit-transition: transform .6s ease;
-moz-transition: transform .6s ease;
-ms-transition: transform .6s ease;
-o-transition: transform .6s ease;
transition: transform .6s ease; }
.articles-pager-wrap-ajax:after, .catalog-pager-wrap-ajax:after {
content: ' ';
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
background: #d8d8d8;
background: -moz-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(216, 216, 216, 0)), color-stop(20%, #d8d8d8), color-stop(80%, #d8d8d8), color-stop(100%, rgba(216, 216, 216, 0)));
background: -webkit-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: -o-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: -ms-linear-gradient(left, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%);
background: linear-gradient(to right, rgba(216, 216, 216, 0) 0%, #d8d8d8 20%, #d8d8d8 80%, rgba(216, 216, 216, 0) 100%); }
.articles-pager-wrap-ajax a, .catalog-pager-wrap-ajax a {
text-transform: uppercase;
color: #0093EE;
display: block;
width: 220px;
margin: 0 auto;
font-size: 18px;
line-height: 38px; }
.articles-pager-wrap-ajax a:before, .catalog-pager-wrap-ajax a:before {
content: ' ';
width: 38px;
height: 38px;
display: block;
float: left;
background: url('data:image/svg+xml;utf8,') no-repeat 0 0; }
.articles-pager-wrap-ajax a:hover:before, .catalog-pager-wrap-ajax a:hover:before {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
-webkit-transition: transform .6s ease;
-moz-transition: transform .6s ease;
-ms-transition: transform .6s ease;
-o-transition: transform .6s ease;
transition: transform .6s ease; }
/* spinner */
.spinner {
padding: 13px 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.spinner input {
margin: 0 6px;
width: 43px;
height: 32px;
display: inline-block;
border: 1px solid #D2D2D2;
color: #000; }
.spinner > span {
display: inline-block;
width: 20px;
height: 20px;
color: #0093EE;
border: 1px solid;
border-radius: 100% !important;
text-align: center;
cursor: pointer;
vertical-align: middle; }
.spinner > span:hover {
color: #ACB2B6; }
.spinner > span.sub {
font-size: 2.1em;
line-height: 19px; }
.spinner > span.add {
font-size: 1.7em;
line-height: 21px; }
@media screen and (max-width: 1500px) {
header .nav-primary a.level1 img {
bottom: 73px; } }
#popup-bg {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(42, 42, 42, 0.7);
cursor: pointer;
z-index: 999 !important; }
.popup-window {
position: fixed;
z-index: 9999 !important;
top: 50%;
left: 50%;
display: none;
background-color: #ffffff;
padding: 30px 55px; }
.popup-window .popup-wrappper {
font-size: 103%;
font-weight: 300;
color: #666666;
line-height: 16px;
text-shadow: 0 0 0 #666666; }
.popup-window .popup-wrappper form {
padding-top: 25px; }
.popup-window .popup-wrappper .input-text {
width: 100%;
color: #000;
padding-left: 15px;
font-size: 100%; }
.popup-window .popup-wrappper button[type="submit"],
.popup-window .popup-wrappper input[type="submit"],
.popup-window .popup-wrappper input[type="button"] {
width: 130px;
height: 40px;
font-size: 17px; }
#popup-callback {
width: 440px;
height: auto;
margin: -165px 0 0 -220px; }
#popup-resetForgottenPassword,
#popup-forgotPassword {
width: 440px;
margin: -120px 0 0 -220px; }
#popup-login {
width: 580px;
margin: -200px 0 0 -290px; }
#popup-login .titles {
margin-bottom: 11px; }
#popup-login .titles:after {
content: ' ';
display: table;
clear: both; }
#popup-login .titles > div {
float: left;
width: 50%;
font-size: 79%;
padding-right: 35px; }
#popup-login .titles > div + div {
padding: 0 0 0 35px; }
#popup-login .tab:after {
content: ' ';
display: table;
clear: both; }
#popup-login .tab .tab-content {
float: left;
width: 50%;
display: block !important;
padding-right: 35px; }
#popup-login .tab .tab-content + .tab-content {
padding: 0 0 0 35px; }
#popup-login .tab .register {
position: relative; }
#popup-login .tab .register:before {
content: ' ';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
background: #cbcbcb;
background: -moz-linear-gradient(top, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 203, 203, 0)), color-stop(20%, #cbcbcb), color-stop(80%, #cbcbcb), color-stop(100%, rgba(203, 203, 203, 0)));
background: -webkit-linear-gradient(top, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: -o-linear-gradient(top, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: -ms-linear-gradient(top, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: linear-gradient(to bottom, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%); }
#popup-login .account-login {
position: relative; }
#popup-login .account-login .social-login {
height: 30px;
width: 100%; }
#popup-login .account-login .social-login a {
display: block;
height: 100%;
width: 49%;
float: left;
font: 0/0 a;
color: #ffffff; }
#popup-login .account-login .social-login a + a {
float: right; }
#popup-login .account-login .social-login a:after {
font: 300 11px/30px "GothaPro", sans-serif;
padding-left: 32px; }
#popup-login .account-login .social-login .login-with-fb {
background: url('data:image/svg+xml;utf8,') no-repeat -2px -2px #3C5A92; }
#popup-login .account-login .social-login .login-with-fb:after {
content: 'Facebook'; }
#popup-login .account-login .social-login .login-with-vk {
background: url('data:image/svg+xml;utf8,') no-repeat -2px -2px #52A6E6; }
#popup-login .account-login .social-login .login-with-vk:after {
content: 'Vkontakte'; }
#popup-login .account-login .social-login + span {
display: block;
width: 34px;
height: 10px;
line-height: 10px;
color: #ffffff;
background-color: #0093EE;
font-size: 72%;
text-align: center;
margin: 22px auto -3px;
border-radius: 7px;
text-shadow: 0 0 0 #fff; }
#popup-login .account-login .social-login + span:before {
content: ' ';
display: block;
left: 20px;
right: 20px;
margin-top: 4px;
position: absolute;
height: 1px;
z-index: -1;
background: #cbcbcb;
background: -moz-linear-gradient(left, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(203, 203, 203, 0)), color-stop(20%, #cbcbcb), color-stop(80%, #cbcbcb), color-stop(100%, rgba(203, 203, 203, 0)));
background: -webkit-linear-gradient(left, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: -o-linear-gradient(left, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: -ms-linear-gradient(left, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%);
background: linear-gradient(to right, rgba(203, 203, 203, 0) 0%, #cbcbcb 20%, #cbcbcb 80%, rgba(203, 203, 203, 0) 100%); }
#popup-login .account-create .customer-name {
display: none; }
#popup-login .account-create form {
padding-top: 0; }
#popup-login .account-create label[for="remember_me_register"] {
margin-top: 42px; }
#popup-login .forgot-pass {
padding-top: 3px;
text-align: center; }
#popup-login .forgot-pass a {
font-size: 82%;
position: relative;
color: #9D9D9D;
text-shadow: 0 0 0 #9D9D9D; }
#popup-login .forgot-pass a:hover {
color: #0093EE;
text-shadow: 0 0 0 #0093EE; }
#popup-login button.button {
width: 100%;
font-size: 16px;
height: 28px;
line-height: 24px; }
#popup-login .rememberMe {
display: none; }
#popup-login .rememberMe + label {
display: block;
padding-left: 25px;
font-size: 82%;
line-height: 15px;
position: relative;
color: #9D9D9D;
text-shadow: 0 0 0 #9D9D9D;
cursor: pointer; }
#popup-login .rememberMe + label:before {
background-color: transparent;
content: ' ';
display: block;
width: 15px;
height: 15px;
position: absolute;
border: 1px solid #9D9D9D;
left: 0; }
#popup-login .rememberMe:checked + label:before {
background-color: #0093EE;
border-color: #0093EE; }
header {
z-index: 999; }
#popup-bg {
z-index: 99; }
.popup-window {
z-index: 100; }
.product-details.item-remove .remove {
cursor: pointer;
display: block;
font: 0px/0 a;
width: 20px;
height: 20px;
margin-top: 17px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE0IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiNFRDY5NjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMS42MjEsMTQuMzI5IDIuNDU3LDE0LjMyOSAxLjMxNiwzLjcyIDEyLjc2MiwzLjcyIAkiLz4NCgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNFRDY5NjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjAuODI5IiB5MT0iMi4wOTYiIHgyPSIxMy4yNDkiIHkyPSIyLjA5NiIvPg0KCTxyZWN0IHg9IjUuODk4IiB5PSIwLjY0NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUQ2OTY1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyLjI4MyIgaGVpZ2h0PSIxLjQ1Ii8+DQoJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUQ2OTY1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI3LjAzOSIgeTE9IjQuODY3IiB4Mj0iNy4wMzkiIHkyPSIxMy4wNTQiLz4NCgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNFRDY5NjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjQuMDEyIiB5MT0iNC44NjciIHgyPSI0LjgxOCIgeTI9IjEzLjA1NCIvPg0KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VENjk2NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTAuMDY1IiB5MT0iNC44NjciIHgyPSI5LjI2IiB5Mj0iMTMuMDU0Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center; }
.product-details.item-remove .remove:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE0IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiNBOUFGQjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMS42MjEsMTQuMzI5IDIuNDU3LDE0LjMyOSAxLjMxNiwzLjcyIDEyLjc2MiwzLjcyIAkiLz4NCgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNBOUFGQjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjAuODI5IiB5MT0iMi4wOTYiIHgyPSIxMy4yNDkiIHkyPSIyLjA5NiIvPg0KCTxyZWN0IHg9IjUuODk4IiB5PSIwLjY0NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQTlBRkIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyLjI4MyIgaGVpZ2h0PSIxLjQ1Ii8+DQoJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQTlBRkIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI3LjAzOSIgeTE9IjQuODY3IiB4Mj0iNy4wMzkiIHkyPSIxMy4wNTQiLz4NCgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNBOUFGQjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjQuMDEyIiB5MT0iNC44NjciIHgyPSI0LjgxOCIgeTI9IjEzLjA1NCIvPg0KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0E5QUZCMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTAuMDY1IiB5MT0iNC44NjciIHgyPSI5LjI2IiB5Mj0iMTMuMDU0Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center; }
.minicart-actions .checkout-button {
max-width: 170px;
overflow: hidden; }
/* временно */
@media screen and (max-width: 1540px) {
.product-shop .product-main .product-actions .add-to-links.p-v {
/*display: none !important;*/ } }
.buy-onepage-container .validation-advice {
margin-top: 5px;
display: inline-block;
margin-right: -20px;
margin-left: 10px; }
.popular-items .list-items > li .price-box .old-price {
margin-left: 0px !important; }
.on-load .pager a:before {
-webkit-animation: rotation 1s linear infinite;
-moz-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite; }
@-moz-keyframes rotation {
0% {
transform: rotate(0); }
50% {
transform: rotate(-180deg); }
99.99% {
transform: rotate(-360deg); }
100% {
transform: rotate(0); } }
@-webkit-keyframes rotation {
0% {
transform: rotate(0); }
50% {
transform: rotate(-180deg); }
99.99% {
transform: rotate(-360deg); }
100% {
transform: rotate(0); } }
@keyframes rotation {
0% {
transform: rotate(0); }
50% {
transform: rotate(-180deg); }
99.99% {
transform: rotate(-360deg); }
100% {
transform: rotate(0); } }
.ps-container {
overflow: hidden;
position: relative; }
.ps-scrollbar-y-rail {
position: absolute; }
.ion {
text-align: left;
color: #939393;
font: 300 0.7em "GothaPro", sans-serif;
position: absolute;
bottom: 43px;
left: 0; }
.product-essential .product-image-thumbs .slick-prev {
margin: 0 !important;
top: 100%;
margin-top: -22px; }
.product-essential .product-image-thumbs .slick-next {
top: 100%;
margin-top: -22px; }
.product-essential .product-img-box .add-to-links li {
display: block;
height: 10%;
width: 100%;
margin-top: 220px;
color: white;
position: relative;
font-size: 0; }
.product-essential .product-img-box .add-to-links li:first-child,
.product-essential .product-img-box .add-to-links li:last-child {
display: none; }
.product-essential .product-img-box .add-to-links .compare {
display: none;
position: absolute;
font-size: 0px;
bottom: 10px;
text-align: center;
color: white;
width: 100%;
overflow: visible !important; }
.product-essential .product-img-box .add-to-links .zoom-pic {
display: block;
position: absolute;
top: 10%;
font-size: 0px;
bottom: 10px;
text-align: center;
color: white;
width: 100%;
overflow: visible !important; }
.product-actions .add-to-links .zoom-pic {
display: none !important; }
.product-essential .product-img-box .add-to-links .compare span {
font-size: 17px;
text-transform: uppercase; }
.product-essential .product-img-box .add-to-links .zoom-pic span {
font-size: 17px;
text-transform: uppercase; }
.price_uah .products-grid li.item button,
.price_uab .products-grid li.item button {
width: 40%;
font-size: 11px;
border-radius: 0; }
.price_uah .products-grid li.item a.button,
.price_uah .products-grid li.item a.button {
float: right;
text-align: center;
width: 44%;
font-size: 11px;
border-radius: 0; }
.price_uah .products-grid li.item button.view-details-button,
.price_uab .products-grid li.item button.view-details-button {
width: 50%;
font-size: 11px; }
.std a, .std span, .std img {
display: inline-block; }
.std img {
margin-right: 15px; }
.std a {
margin-right: -4px; }
.std span a {
margin-right: 0; }
#popup-edit-password {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
width: 440px;
padding: 35px 50px 50px; }
#popup-edit-personal-information {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 600px;
width: 440px;
padding: 35px 50px 30px; }
#popup-edit-password .title h2,
#popup-edit-personal-information .title h2 {
font-weight: bold;
padding-bottom: 20px; }
#popup-edit-password h2,
#popup-edit-personal-information h2 {
padding-bottom: 10px;
font-weight: 100; }
#popup-edit-password form,
#popup-edit-personal-information form {
padding: 0; }
#popup-edit-personal-information li.field {
display: inline-block;
vertical-align: middle;
margin-left: 10px; }
#popup-edit-personal-information li.field .input-text {
width: 350px;
margin-left: -10px; }
#popup-edit-personal-information svg,
#popup-edit-personal-information img {
display: inline-block;
vertical-align: middle;
margin-bottom: 30px;
max-width: 50px;
max-height: 50px; }
#popup-edit-personal-information input[type="file"] {
display: none; }
#popup-edit-password label,
#popup-edit-personal-information label {
cursor: pointer;
color: #3796e8;
text-decoration: underline;
margin-bottom: 20px;
display: block; }
#popup-edit-password .input-text,
#popup-edit-personal-information .input-text {
margin-bottom: 3px; }
#popup-edit-password .form-list,
#popup-edit-personal-information .form-list {
text-align: justify; }
#popup-edit-password .half-line-box,
#popup-edit-personal-information .half-line-box {
width: 49%;
display: inline-block; }
#popup-edit-password .checkbox-wrap .input-box,
#popup-edit-personal-information .checkbox-wrap .input-box {
display: inline-block;
vertical-align: top; }
#popup-edit-password .checkbox-wrap label,
#popup-edit-personal-information .checkbox-wrap label,
#popup-edit-password .checkbox-wrap span,
#popup-edit-personal-information .checkbox-wrap span {
display: inline-block;
margin-left: 7px;
text-transform: uppercase;
font-size: 12px;
color: #666666;
text-decoration: none;
margin-bottom: 0; }
#popup-edit-password .checkbox-wrap,
#popup-edit-personal-information .checkbox-wrap {
display: block;
margin: 10px 0 20px; }
#popup-edit-password .button-wrap,
#popup-edit-personal-information .button-wrap {
display: inline-block;
vertical-align: top; }
#popup-edit-password .button-wrap .button,
#popup-edit-personal-information .button-wrap .button {
width: 120px;
height: 36px;
display: block;
line-height: 38px;
margin: 0 5px 0 0;
padding: 0 10px;
box-sizing: content-box; }
#popup-edit-password .button-wrap:nth-of-type(2) .button,
#popup-edit-personal-information .button-wrap:nth-of-type(2) .button {
width: 140px;
height: 40px;
display: block;
line-height: 40px; }
#__lpform_email_icon, #__lpform_pass_icon {
display: none; }
.product-essential .product-img-box .add-to-links li:hover a {
opacity: .8; }
.wp-message {
max-width: 1170px;
margin: 40px auto 0;
box-sizing: border-box;
padding-left: 75px; }
.wp-message li {
font-size: 18px;
color: red; }
.order-history-wrapper {
max-width: 1170px;
margin: 50px auto 80px; }
.order-history-wrapper .back-link a {
font-size: 18px;
font-weight: 500;
color: #0093EE;
text-transform: uppercase;
padding-left: 25px;
position: relative;
display: inline-block; }
.order-history-wrapper .back-link a:before {
content: ' ';
display: block;
position: absolute;
width: 10px;
height: 10px;
border-width: 2px 0 0 2px;
border-style: solid;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 6px;
left: 3px; }
.order-history-wrapper .view-title {
font-size: 139%;
font-weight: 500;
text-transform: uppercase;
color: #333333;
letter-spacing: -1px;
margin: 20px 0 30px; }
.sales-order-history .order-history-wrapper .view-title:before {
display: inline-block;
margin-right: 10px;
width: 18px;
height: 22px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/personal-icons.png) no-repeat center -145px;
content: "";
vertical-align: middle;
margin-bottom: 4px; }
.order-history-wrapper .select-wrapper {
height: 60px;
width: 100%;
border: 1px solid #d7d7d7;
border-bottom: none; }
.order-history-wrapper .select-wrapper:after {
clear: both;
content: ""; }
.order-history-wrapper #month, .order-history-wrapper #year {
font-size: 30px;
font-weight: 300;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: none;
background-color: white;
border-radius: 0;
line-height: normal;
padding: 15px 36px 14px 25px;
outline: none;
float: left;
background: url(https://secur.ua/skin/frontend/secur/v1/images/select.png) center right no-repeat;
background-color: white; }
.order-history-wrapper #year {
float: right; }
.calendar {
width: 100%;
border-color: #d7d7d7;
border-collapse: collapse;
border: none; }
.calendar td {
width: 14%;
padding-right: 20px;
text-align: right;
border-color: #d7d7d7;
height: 34px;
background: #f8f7fa; }
.calendar .calendar-row:nth-of-type(1) {
color: #0093EE;
font-weight: 400;
border: 1px solid #d7d7d7;
border-bottom: none; }
.calendar .calendar-row:nth-of-type(1) td {
border: none;
height: 26px;
background: white; }
.future-month .day-number,
.past-month .day-number {
opacity: .4; }
/*.calendar-day {
position: relative;
}*/
.calendar-day .has-order {
box-sizing: border-box;
height: 35px;
top: 0;
width: 101%;
margin: -1px;
padding-top: 7px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDIxIDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzM2OEJDQiIgc3Ryb2tlPSIjMzY4QkNCIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xOS42NzEsMWgtMy44MDljLTAuMTcsMC0wLjMxNSwwLjExOS0wLjM0OSwwLjI4NUwxNC45NDQsNC4wOQ0KCQkJYy0wLjA0Mi0wLjAxNy0wLjA4OC0wLjAyOC0wLjEzNi0wLjAyOEgxLjY0NGMtMC4xMTYsMC0wLjIyNCwwLjA1Ni0wLjI5MSwwLjE1QzEuMjg2LDQuMzA3LDEuMjY5LDQuNDI4LDEuMzA3LDQuNTM3bDIuMjYxLDYuNDA4DQoJCQljMC4wNSwwLjE0MiwwLjE4NSwwLjIzOCwwLjMzNiwwLjIzOGg5LjYwMWwtMC4zNCwxLjY3OEg1LjA4OWMtMC44NTYsMC0xLjU1MiwwLjY5Ni0xLjU1MiwxLjU1MnMwLjY5NiwxLjU1MiwxLjU1MiwxLjU1Mg0KCQkJczEuNTUyLTAuNjk2LDEuNTUyLTEuNTUyYzAtMC4zMS0wLjA5My0wLjU5Ny0wLjI1LTAuODM5aDUuNDY2Yy0wLjE1NywwLjI0Mi0wLjI1LDAuNTMtMC4yNSwwLjgzOQ0KCQkJYzAsMC44NTYsMC42OTYsMS41NTIsMS41NTIsMS41NTJzMS41NTItMC42OTYsMS41NTItMS41NTJjMC0wLjYwMy0wLjM0OS0xLjEyLTAuODUyLTEuMzc3bDIuMjk2LTExLjMyM2gzLjUxNw0KCQkJYzAuMTk3LDAsMC4zNTYtMC4xNiwwLjM1Ni0wLjM1NlMxOS44NjcsMSwxOS42NzEsMXogTTEzLjU5OCwxMC40N0g0LjE1NkwyLjE0Nyw0Ljc3NWgxMi42NThsLTEuMTU3LDUuNzA2DQoJCQlDMTMuNjMxLDEwLjQ3OCwxMy42MTUsMTAuNDcsMTMuNTk4LDEwLjQ3eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat 13px 9px; }
.cms-page-view .page-title h1 {
font-family: "GothaPro", sans-serif;
font-size: 21px;
font-weight: 400;
margin-bottom: 45px;
text-transform: uppercase; }
.cms-page-view .col1-layout .col-main {
width: 800px;
margin: 0 auto;
box-sizing: border-box;
padding: 40px 0 40px 100px; }
.cms-page-view .std h4 {
margin-bottom: 10px; }
.cms-page-view .std p,
.cms-page-view .std > div {
font-family: "GothaPro", sans-serif;
font-size: 15px;
line-height: 24px;
padding-left: 0 !important; }
.cms-about-us .main-text {
max-width: 1200px;
box-sizing: border-box;
padding: 0 15px;
margin: 0 auto; }
.cms-about-us .std h4 {
padding: 0 !important;
margin-top: 45px;
font-size: 24px;
margin-bottom: 40px;
font-weight: 500; }
.cms-about-us .std p, .cms-about-us .std > div {
max-width: 960px; }
.cms-about-us .std p strong {
display: block;
color: #0093ee;
font-size: 18px; }
.cms-about-us .main-text .p-with-icon {
box-sizing: border-box;
padding-left: 100px !important;
margin-bottom: 20px; }
.pwi-1 {
margin-top: 25px !important;
background: url(https://secur.ua/skin/frontend/secur/v1/images/about/IC1.png) top left no-repeat; }
.pwi-2 {
background: url(https://secur.ua/skin/frontend/secur/v1/images/about/ic2.png) top left no-repeat; }
.pwi-3 {
background: url(https://secur.ua/skin/frontend/secur/v1/images/about/ic3.png) top left no-repeat; }
.pwi-4 {
background: url(https://secur.ua/skin/frontend/secur/v1/images/about/ic4.png) top left no-repeat; }
.pwi-5 {
background: url(https://secur.ua/skin/frontend/secur/v1/images/about/ic5.png) top left no-repeat; }
.contacts-bar {
background-color: #fafafa;
padding: 0px 0 100px; }
.contacts-bar .wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
background-color: #fafafa;
padding-top: 1px;
position: relative; }
.single-office {
display: inline-block;
vertical-align: top;
padding-right: 120px; }
.single-office strong {
display: block;
color: #0093ee; }
.representers-btn {
width: 230px;
height: 40px;
display: inline-block !important;
border-radius: 20px;
color: white;
background-color: #0093ee;
text-align: center;
line-height: 40px;
text-transform: uppercase;
position: absolute;
right: 15px;
font-size: 14px;
font-weight: 100;
padding-right: 20px; }
.representers-btn:after {
display: block;
position: absolute;
top: 0px;
right: 20px;
content: ">";
color: white; }
.single-office span {
display: block !important; }
.contacts-index-index .col-main {
max-width: 430px;
box-sizing: border-box;
padding: 0 15px;
margin: 0 auto; }
.contacts-index-index .page-title {
margin: 40px 0; }
.contacts-index-index .page-title h1 {
font-size: 24px;
font-weight: 500; }
.contacts-index-index #contactForm {
padding: 0 0 100px;
width: 100%;
max-width: 400px; }
.contacts-index-index #contactForm .input-text {
width: 100%;
margin-top: 5px; }
.contacts-index-index #contactForm .buttons-set {
margin: 20px 0 0; }
.contacts-index-index #contactForm .buttons-set .button {
padding: 2px 15px;
font-size: 18px; }
.p-with-icon > strong {
display: block;
color: #0093ee;
font-size: 18px; }
#about-us-map {
max-width: 100%; }
.cms-page-view .col2-left-layout .main {
width: 100%;
box-sizing: border-box;
padding-left: 320px;
position: relative;
min-height: 440px; }
.cms-page-view .col2-left-layout .main .sidebar {
width: 320px;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
background-color: #fafafa;
min-height: 100%;
padding: 40px 20px 40px 110px; }
.cms-page-view .col2-left-layout .col-main {
max-width: 850px;
box-sizing: border-box;
padding: 40px 20px 50px 60px; }
.cms-page-view .col2-left-layout .page-title h1 {
font-weight: 500;
margin-bottom: 45px; }
.cms-page-view .sidebar h2 {
text-transform: uppercase;
font-weight: 500;
margin-bottom: 45px; }
.cms-page-view .sidebar ul li {
margin-left: 30px; }
.cms-page-view .sidebar ul li a {
font-size: 16px;
display: block;
text-transform: uppercase;
margin-bottom: 20px;
color: black; }
.cms-page-view .sidebar ul li a:hover {
color: #0093EE; }
.single-store-name {
display: block !important;
text-decoration: underline;
color: #0093ee;
font-weight: 500;
margin-right: 0 !important; }
.sidebar p strong {
display: block !important;
color: #0093ee;
font-weight: 500;
font-size: 15px; }
.sidebar .block-reorder {
display: none; }
.cms-folded {
max-height: 150px;
overflow: hidden;
margin-bottom: 40px;
position: relative;
padding-bottom: 0;
-webkit-transition: .3s linear;
-moz-transition: .3s linear;
-o-transition: .3s linear;
transition: .3s linear; }
.cms-folded.unfold {
max-height: 900px;
padding-bottom: 40px; }
.cms-folded.unfold:after {
height: 40px; }
.cms-folded.unfold .fold-down-cms {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.cms-folded:after {
display: block;
height: 120px;
width: 100%;
bottom: 0;
left: 0;
content: "";
position: absolute;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.fold-down-cms {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
display: block;
width: 40px;
color: transparent;
height: 40px;
font-size: 12px;
border: 1px solid #0093ee;
border-radius: 100%;
background-color: white;
text-align: center;
line-height: 40px;
z-index: 99; }
.fold-down-cms:after {
content: ' ';
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
margin: -9px 0 0 -7px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #0093ee;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#contacts-footer-map .single-store-name {
color: black;
text-decoration: none;
font-weight: 100; }
.lt-label {
right: 250px !important; }
.tabs .popular-items-slider-wrap .old-price .price {
text-decoration: none !important; }
#minicart-form .mini-products-list {
max-height: 300px;
width: 100%;
box-sizing: content-box; }
#minicart-form .mini-products-list .cart-price .price price-value {
font-size: 14px !important; }
.mini-products-list * {
min-height: 0 !important; }
.cms-page-view .std .par-with-img {
display: block;
padding-left: 150px !important;
position: relative;
min-height: 130px; }
.par-with-img img {
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 120px; }
.price_uab #header-cart .minicart-actions .subtotal .price,
.price_uah #header-cart .minicart-actions .subtotal .price,
.price_usd #header-cart .minicart-actions .subtotal .price {
font-size: 16px !important; }
.price_uab #header-cart .mini-products-list .product-price,
.price_uah #header-cart .mini-products-list .product-price,
.price_usd #header-cart .mini-products-list .product-price {
font-size: 14px !important; }
.price_uab #header-cart .minicart-actions .subtotal .price .tail,
.price_uab #header-cart .mini-products-list .product-price .tail,
.price_uah #header-cart .minicart-actions .subtotal .price .tail,
.price_uah #header-cart .mini-products-list .product-price .tail,
.price_usd #header-cart .minicart-actions .subtotal .price .tail,
.price_usd #header-cart .mini-products-list .product-price .tail {
font-size: 12px !important; }
.autocomplete-details {
overflow: hidden; }
.typeahead .autocomplete-details .autocomplete-details-inner-wrap {
max-width: 540px; }
.description table {
display: block;
max-width: 100% !important; }
.description table tbody,
.description table tr {
display: block;
width: 100%; }
footer ul,
footer ol {
list-style: none !important; }
.popup-quickorder-wrap #socialshare-buttons {
width: 330px;
text-align: left;
margin: 15px auto 0 !important;
display: block;
position: static; }
@-moz-document url-prefix() {
.calendar td {
background: none; }
.calendar-day .has-order {
height: 34px;
width: 102%; } }
.price_uab .product-secondary .price-value,
.price_uah .product-secondary .price-value {
font-size: 24px !important; }
.child-categories .child-categories-product-list {
background-position: top center !important; }
.child-categories .child-categories-product-list .item-wrap {
margin-top: 0px;
padding-top: 0 !important;
height: auto !important;
top: 160px !important;
-webkit-transform: translateY(-50%) !important;
-moz-transform: translateY(-50%) !important;
-o-transform: translateY(-50%) !important;
transform: translateY(-50%) !important; }
.child-categories-item.child-categories-product-list {
background-repeat: no-repeat !important;
background-size: cover;
height: 840px !important;
position: relative !important;
margin-bottom: 80px; }
.level-3 .child-categories-item.child-categories-product-list {
height: auto !important; }
.price_uab .products-grid .price,
.price_uah .products-grid .price {
font-size: 13px; }
#cart-sidebar {
position: relative;
overflow: hidden; }
.ps-scrollbar-y-rail {
position: absolute;
width: 7px;
right: 0 !important;
height: 300px; }
.ps-scrollbar-y {
width: 7px;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
min-height: 60px; }
.footer ul {
list-style: none !important; }
@media screen and (max-width: 1305px) {
.child-categories button.btn.next,
.child-categories button.btn.prev {
bottom: 63px !important; }
.child-categories-item.child-categories-product-list {
height: 740px !important; } }
@media screen and (min-width: 1306px) and (max-width: 1500px) {
.child-categories-item.child-categories-product-list {
height: 800px !important; } }
.price_uab .ctc-item .price-symbol,
.price_uab .ctc-item .price-value,
.price_uah .ctc-item .price-symbol,
.price_uah .ctc-item .price-value {
font-size: 10px !important; }
.price_uab .compare-table .price-symbol,
.price_uab .compare-table .price-value,
.price_uah .compare-table .price-symbol,
.price_uah .compare-table .price-value {
font-size: 11px !important; }
.category-description.about_us_seo_container.std.hidden {
font-weight: normal;
color: #8D8D8D; }
@media print {
.breadcrumbs,
.popular-items,
#header {
display: none !important; }
.tabs .tab-content {
display: block !important;
float: none; }
.product-collateral-wrap {
padding: 0; }
.product-collateral-wrap .product-collateral,
.product-collateral-wrap .tabs-container {
width: 100%;
float: none; }
iframe {
display: none !important; }
.footer-container,
.product-shop .product-main .add-to-cart,
.product-shop .product-main .add-to-links,
.short-description-wrap,
.block-product-components .product-img-box,
#compatible,
#rewievs,
.product-shop .product-additional,
.product-collateral-wrap .tabs-container .tabs-menu,
.product-collateral-wrap:before {
display: none !important; } }
.products-grid li.item h3 {
max-height: 54px; }
.news .read-more {
background: url(https://secur.ua/skin/frontend/secur/v1/images/newspic.png) no-repeat center 83px rgba(0, 147, 238, 0.8) !important; }
.articles .read-more {
background: url(https://secur.ua/skin/frontend/secur/v1/images/blogpic.png) no-repeat center 83px rgba(0, 147, 238, 0.8) !important; }
.utilloader {
background: transparent !important; }
.last-news .articles .read-more {
background: url(https://secur.ua/skin/frontend/secur/v1/images/blogpic.png) no-repeat center 83px rgba(0, 147, 238, 0.8) !important; }
#flb-lightbox-background {
opacity: 1 !important;
background-color: rgba(0, 0, 0, 0.8) !important; }
#flb-lightbox-background::after {
position: fixed;
content: "";
width: 50% !important;
height: 92% !important;
background: #fff !important;
left: 27% !important;
top: 4% !important;
display: block !important; }
#flb-lightbox-content {
width: 50% !important;
height: 92% !important;
padding-top: 3%;
left: 27% !important;
top: 4% !important;
background: #fff !important;
box-sizing: border-box !important;
z-index: 0; }
#flb-lightbox-text {
display: block !important;
width: 50% !important;
height: 100% !important;
/*background: transparent !important;*/
left: 27% !important;
/*top: 10% !important;*/
margin: 0 auto !important;
padding: 0 !important;
background-color: transparent !important; }
#flb-lightbox-text span {
color: transparent !important; }
#flb-next-pic {
float: right;
/*display: block !important;*/ }
#flb-back-pic {
float: left; }
#flb-lightbox-image {
width: 65% !important;
height: auto !important;
margin: 0 auto;
margin-top: 5%; }
#flb-close {
margin-top: 0 !important;
display: none !important; }
#flb-next-pic,
#flb-back-pic {
display: block;
width: 10%;
height: 100%;
position: relative;
color: transparent !important; }
#flb-back-pic::after {
content: "";
position: absolute;
top: 42%;
display: block;
width: 80px;
height: 100px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/arrow-grey.png") no-repeat -5px;
background-size: cover; }
#flb-back-pic:hover::after {
background: url("https://secur.ua/skin/frontend/secur/v1/images/arrow-grey-hover.png") no-repeat -5px;
background-size: cover; }
#flb-next-pic::after {
content: "";
position: absolute;
top: 42%;
right: 0;
display: block;
width: 80px;
height: 100px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/arrow-grey.png") no-repeat -5px;
background-size: cover;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
#flb-next-pic:hover::after {
background: url("https://secur.ua/skin/frontend/secur/v1/images/arrow-grey-hover.png") no-repeat -5px;
background-size: cover; }
/* flb product actions 02.10.2016 */
div#flb-product-actions {
width: 50% !important;
height: 100px !important;
padding-top: 3%;
left: 27% !important;
top: 4% !important;
background: #fff !important;
box-sizing: border-box !important;
z-index: 0;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
text-align: center;
box-sizing: content-box;
display: block;
background: none;
z-index: 1; }
div#flb-product-actions .product-actions {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap; }
div#flb-product-actions .price-box {
padding: 5px 0 0 0; }
div#flb-product-actions .price-box .special-price,
div#flb-product-actions .price-box .regular-price {
float: left;
line-height: 40px;
color: #333333;
font-size: 239%;
letter-spacing: -2px;
margin-right: 25px; }
div#flb-product-actions .price-box .old-price:before {
content: ' ';
display: block;
position: absolute;
left: 9px;
right: 9px;
height: 0;
top: 14px;
border-bottom: 2px solid #ffffff; }
div#flb-product-actions .price-box .old-price {
float: left;
height: 28px;
background-color: #FF6863;
color: #ffffff;
font-size: 116%;
padding: 0 13px;
line-height: 30px;
position: relative;
margin: 4px 30px 0 0; }
div#flb-product-actions .price-box .old-price:after {
content: ' ';
display: block;
position: absolute;
top: 0;
right: -11px;
height: 100%;
border-style: solid;
border-width: 14px 0 14px 11px;
border-color: transparent transparent transparent #FF6863; }
div#flb-product-actions .price-box .special-price .tail,
div#flb-product-actions .price-box .regular-price .tail {
font-size: 61%; }
div#flb-product-actions .price-box .price-label {
display: none; }
div#flb-product-actions .add-to-cart button {
height: 45px;
font-size: 166%;
padding: 0 20px; }
@media all and (max-width: 1200px) {
#flb-lightbox-background::after {
position: fixed;
content: "";
width: 70.1% !important;
height: 92% !important;
background: #fff !important;
left: 14% !important;
top: 4% !important;
display: block !important; }
#flb-lightbox-content {
width: 70% !important;
height: 92% !important;
padding-top: 3%;
left: 14% !important;
top: 4% !important;
background: #fff !important;
box-sizing: border-box !important;
z-index: 0; }
div#flb-product-actions {
width: 70% !important;
height: 100px !important;
padding-top: 3%;
left: 14% !important;
top: 4% !important;
background: #fff !important;
box-sizing: border-box !important;
z-index: 0;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
text-align: center;
box-sizing: content-box;
display: block;
background: none;
z-index: 1; }
#flb-lightbox-text {
display: block !important;
width: 70% !important;
height: 100% !important;
/* background: transparent !important; */
left: 14% !important;
/* top: 10% !important; */
margin: 0 auto !important;
padding: 0 !important;
background-color: transparent !important;
z-index: 10000; } }
.tos-wrapper .tos-slider .tos-slider-pv-actions {
top: 22px; }
iframe[title="Google conversion frame"] {
display: none; }
.catalog-product-view .product-actions .old-price .price .price-value {
font-size: 21px; }
.minimal-price-link {
display: none !important; }
.customer-account-changeforgotten .page-title {
width: 100%;
display: block;
color: #fff;
background-color: #0093EE;
height: 40px;
text-transform: uppercase; }
.customer-account-changeforgotten .page-title h1 {
font-size: 18px;
margin-left: 13px;
line-height: 40px; }
.customer-account-changeforgotten .fieldset p.required {
margin-left: 5px !important;
float: none !important; }
.customer-account-changeforgotten .fields {
text-align: center; }
.customer-account-changeforgotten .fields .field {
width: 90%;
margin: 0 auto; }
.customer-account-changeforgotten .fields .field label em {
display: none; }
.customer-account-changeforgotten .fields .field input {
width: 100%;
max-width: 400px;
border: 2px solid #c6c6c6;
margin-bottom: 15px;
color: #c6c6c6 !important;
padding-left: 15px;
font-size: 14px;
height: 40px; }
.customer-account-changeforgotten .buttons-set button {
height: 40px;
line-height: 40px;
display: block;
width: 90%;
max-width: 400px;
font-size: 16px;
margin: 23px auto 25px; }
.customer-account-resetpassword .page-title {
width: 100%;
display: block;
color: #fff;
background-color: #0093EE;
height: 40px;
text-transform: uppercase; }
.customer-account-resetpassword .page-title h1 {
font-size: 18px;
margin-left: 13px;
line-height: 40px; }
.customer-account-resetpassword .fieldset p.required {
margin-left: 5px !important;
float: none !important; }
.customer-account-resetpassword .fields {
text-align: center; }
.customer-account-resetpassword .fields .field {
width: 90%;
margin: 0 auto; }
.customer-account-resetpassword .fields .field label em {
display: none; }
.customer-account-resetpassword .fields .field input {
width: 100%;
max-width: 400px;
border: 2px solid #c6c6c6;
margin-bottom: 15px;
color: #c6c6c6 !important;
padding-left: 15px;
font-size: 14px; }
.customer-account-resetpassword .buttons-set button {
height: 40px;
line-height: 40px;
display: block;
width: 90%;
max-width: 400px;
font-size: 16px;
margin: 23px auto 25px; }
#google_translate_element {
position: absolute;
bottom: 208px;
right: 0; }
.goog-te-gadget {
font: 400 1.1em "GothaPro", sans-serif; }
.goog-te-gadget-simple {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.goog-te-menu-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.goog-te-menu-value span {
height: 19px;
line-height: 22px; }
.container-2 .payment .methods {
width: 100%;
margin-bottom: 20px; }
/* fonts */
/* variables */
/* mixin */
/* breakpoint */
@font-face {
font-family: 'secur';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/secur/secur.eot?lu9dh4");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/secur/secur.eot?lu9dh4#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/secur/secur.ttf?lu9dh4") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/secur/secur.woff?lu9dh4") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/secur/secur.svg?lu9dh4#secur") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'securicon';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/securicon/securicon.eot?lu9dh4");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/securicon/securicon.eot?lu9dh4#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/securicon/securicon.ttf?lu9dh4") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/securicon/securicon.woff?lu9dh4") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/securicon/securicon.svg?lu9dh4#secur") format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'secur' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-arrow-down:before {
content: "\e900"; }
.icon-arrow-left:before {
content: "\e901"; }
.icon-arrow-left-long:before {
content: "\e902"; }
.icon-arrow-list:before {
content: "\e903"; }
.icon-arrow-right:before {
content: "\e904"; }
.icon-arrow-right-long:before {
content: "\e905"; }
.icon-build:before {
content: "\e906"; }
.icon-busket:before {
content: "\e907"; }
.icon-camera:before {
content: "\e908"; }
.icon-catalog:before {
content: "\e909"; }
.icon-clients:before {
content: "\e90a"; }
.icon-clock:before {
content: "\e90b"; }
.icon-close:before {
content: "\e90c"; }
.icon-crice:before {
content: "\e90d"; }
.icon-currency:before {
content: "\e90e"; }
.icon-delete:before {
content: "\e90f"; }
.icon-done:before {
content: "\e910"; }
.icon-facebook:before {
content: "\e911"; }
.icon-file:before {
content: "\e912"; }
.icon-heart:before {
content: "\e913"; }
.icon-letter:before {
content: "\e914"; }
.icon-main-client:before {
content: "\e915"; }
.icon-phone:before {
content: "\e916"; }
.icon-pin:before {
content: "\e917"; }
.icon-pin2:before {
content: "\e918"; }
.icon-search:before {
content: "\e919"; }
.icon-settings:before {
content: "\e91a"; }
.icon-sguare:before {
content: "\e91b"; }
.icon-user:before {
content: "\e91c"; }
.icon-valett:before {
content: "\e91d"; }
.icon-libra:before {
content: "\e91e"; }
.icon-logo-sm:before {
content: "\e91f"; }
.icon-menu:before {
content: "\e920"; }
.icon-direction:before {
content: "\e921"; }
.icon-heart-new:before {
content: "\e922"; }
.icon-balance:before {
content: "\e923"; }
.icon-minus-symbol:before {
content: "\e924"; }
.icon-plus-button:before {
content: "\e925"; }
.icon-speech-bubble:before {
content: "\e926"; }
.icon-facebook-social-icon:before {
content: "\e927"; }
.icon-uniE928:before {
content: "\e928"; }
.icon-uniE929:before {
content: "\e929"; }
.icon-od-social-icon:before {
content: "\e92a"; }
.icon-rss-social-icon:before {
content: "\e92b"; }
.icon-twitter--social-icon:before {
content: "\e92c"; }
.icon-vk-social-icon:before {
content: "\e92d"; }
.icon-youtube-social-icon:before {
content: "\e92e"; }
.icon-printer:before {
content: "\e92f"; }
.icon-arrow-chevron:before {
content: "\e930"; }
.icon-arrow-chevron1:before {
content: "\e931"; }
.icon-downwards-pointer:before {
content: "\e932"; }
.icon-alarm-systems:before {
content: "\e933"; }
.icon-video-surveillance:before {
content: "\e934"; }
.icon-smart-home-systems:before {
content: "\e935"; }
.icon-solutions:before {
content: "\e936"; }
.icon-access-control:before {
content: "\e937"; }
.icon-network-hardware:before {
content: "\e938"; }
.icon-biometrics-system:before {
content: "\e939"; }
.icon-intercom:before {
content: "\e93a"; }
.icon-sign:before {
content: "\e93b"; }
.icon-quotes:before {
content: "\e93c"; }
.icon-audit:before {
content: "\e93d"; }
.icon-budget:before {
content: "\e93e"; }
.icon-consumables:before {
content: "\e93f"; }
.icon-departure:before {
content: "\e940"; }
.icon-integration:before {
content: "\e941"; }
.icon-licenses:before {
content: "\e942"; }
.icon-location:before {
content: "\e943"; }
.icon-project-implementation:before {
content: "\e944"; }
.icon-quality-standards:before {
content: "\e945"; }
.icon-remote-access:before {
content: "\e946"; }
.icon-video-systems:before {
content: "\e947"; }
.icon-Arrow-70:before {
content: "\e948"; }
.icon-gift:before {
content: "\e949"; }
.icon-standard:before {
content: "\e94a"; }
.icon-buildings:before {
content: "\e94b"; }
.icon-cafe:before {
content: "\e94c"; }
.icon-car-parks:before {
content: "\e94d"; }
.icon-construction:before {
content: "\e94e"; }
.icon-productions:before {
content: "\e94f"; }
.icon-shops:before {
content: "\e950"; }
.icon-warehouse:before {
content: "\e951"; }
/* perfect-scrollbar v0.6.16 */
.ps-container {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: #ffffff; }
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0px;
height: 15px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
background-color: #aaa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
bottom: 2px;
height: 6px; }
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 0;
width: 12px;
border: 1px solid #BEBEBE; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
background-color: #3EACF0;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
right: -1px;
width: 12px; }
body {
font-family: "Montserrat", sans-serif;
font-weight: 400;
right: 0;
position: relative;
-webkit-transition: right .2s linear;
-moz-transition: right .2s linear;
-ms-transition: right .2s linear;
-o-transition: right .2s linear;
transition: right .2s linear; }
@media only screen and (min-width: 1171px) {
body {
min-width: 1170px; } }
@media only screen and (max-width: 1170px) {
body {
width: 100%; } }
body .page {
padding-top: 118px; }
@media only screen and (max-width: 770px) {
body .page {
padding-top: 130px; } }
body.show-popup {
overflow: hidden; }
#jivo-iframe-container {
visibility: visible !important; }
.no-js body #preloader {
display: none; }
a:focus {
outline: none; }
.cms-index-index {
min-width: inherit;
font-family: "Montserrat", sans-serif; }
.cms-index-index .wrapper {
background: transparent; }
.cms-index-index .banner-home {
position: relative;
z-index: 0; }
.cms-index-index .banner-home, .cms-index-index .popular-items {
min-width: inherit;
width: 100%; }
.cms-index-index .wrapper {
min-width: inherit; }
.cms-index-index #preloader {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 1000;
background: #ffffff; }
.top-prod-category {
text-align: center;
padding-top: 20px;
margin-top: 10px;
font: 300 32px "GothaPro", sans-serif;
color: #333333;
text-transform: uppercase; }
.top-prod-category span {
padding-top: 14px;
display: block; }
@-ms-viewport {
width: device-width; }
@-o-viewport {
width: device-width; }
@viewport {
width: device-width; }
a, button {
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer; }
body, button, input, select, table, textarea {
font-size: 14px;
line-height: 1.5; }
a {
color: #3399cc;
text-decoration: none; }
ol, ul {
list-style: none;
margin: 0;
padding: 0; }
p {
cursor: text; }
/* ============================================ *
* FORMS - COMMON
* ============================================ */
/* -------------------------------------------- *
* Fieldsets
*/
.fieldset p {
margin-bottom: 7px; }
.fieldset p.required {
margin-bottom: 5px;
float: right;
font-size: 12px;
margin-top: 0px; }
.fieldset + .fieldset {
margin-top: 5px; }
form .legend {
margin: 0;
margin-bottom: 10px;
color: #636363;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
text-transform: uppercase;
margin-bottom: 15px;
padding-bottom: 7px;
border-bottom: 1px solid #ededed; }
/* -------------------------------------------- *
* Input Box
*/
/* -------------------------------------------- *
* Labels
*/
label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none; }
label.required:after,
span.required:after {
content: ' *';
color: #df280a; }
/* -------------------------------------------- *
* Hints
*/
/* -------------------------------------------- *
* Select
*/
/* -------------------------------------------- *
* Textarea
*/
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%; }
/* -------------------------------------------- *
* Inputs
*/
.input-text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid silver;
background: #FFFFFF;
outline: none;
max-width: 100%;
border-radius: 0;
vertical-align: middle; }
.input-text.validation-failed {
border-color: #df280a; }
.input-text.validation-failed:focus {
outline-color: #ef9384; }
#guest-form #zgd + label._validation-error::before {
border: 1px solid #df280a; }
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
height: 30px;
padding: 0 8px; }
/* -------------------------------------------- *
* Inputs - Quantity
*/
input[type=number].qty,
input[type=text].qty {
text-align: center;
vertical-align: middle; }
input[type=number] {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
/* -------------------------------------------- *
* Placeholder
*/
::-webkit-input-placeholder {
color: #a0a0a0; }
input:-moz-placeholder {
color: #a0a0a0; }
/* -------------------------------------------- *
* Checkbox And Radio
*/
.checkbox,
.radio {
position: relative;
top: -1px;
display: inline-block; }
.checkbox + label,
.radio + label {
width: auto;
max-width: 85%;
padding: 0 0 0 8px;
font-size: 14px;
font-weight: normal;
vertical-align: top; }
/* -------------------------------------------- *
* Validation
*/
p.required,
.validation-advice {
margin: -5px 0 5px;
color: #df280a;
font-size: 13px; }
.novaposhta {
margin: 0 !important;
content: ' ';
display: block;
width: 150px;
height: 28px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/nova-poshta-logo.svg") no-repeat 0 0; }
.account-login .mobile-title {
display: none; }
.account-create .mobile-title {
display: none; }
#popup-login.popup-window {
width: 100%;
max-width: 800px;
left: 0;
right: 0;
margin: 0 auto;
top: 15%; }
@media only screen and (max-width: 991px) {
#popup-login.popup-window {
margin: 0 20px;
max-width: inherit;
width: calc(100% - 40px);
max-height: 400px;
overflow-y: scroll;
padding: 20px 25px; } }
@media only screen and (max-width: 768px) {
#popup-login.popup-window {
max-height: 400px;
overflow-y: scroll; } }
#popup-login.popup-window .title {
margin-bottom: 15px; }
#popup-login.popup-window .title h2 {
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase; }
@media only screen and (max-width: 770px) {
#popup-login.popup-window .popup-wrappper .titles {
display: none; } }
#popup-login.popup-window .popup-wrappper .titles div {
color: #000;
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase; }
#popup-login.popup-window .tab {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between; }
@media only screen and (max-width: 770px) {
#popup-login.popup-window .tab {
flex-wrap: wrap; }
#popup-login.popup-window .tab .mobile-title {
display: block;
color: #000;
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 25px; } }
#popup-login.popup-window .tab .tab-content {
float: none;
width: 50%;
padding-top: 20px; }
@media only screen and (max-width: 770px) {
#popup-login.popup-window .tab .tab-content {
width: 100%;
padding: 0; } }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login {
height: auto; }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login .login-with-fb {
background: #3b5998;
color: #fff;
width: 100%;
height: 40px;
display: block;
margin: 0;
content: "";
line-height: 40px;
float: none;
font-family: "GothaPro", sans-serif;
padding: 0 20px;
font-size: 14px;
text-align: center; }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login .login-with-fb:after {
display: none; }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login + span {
background: none;
border-radius: 0;
text-shadow: none;
height: auto;
color: #000;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
text-align: center;
margin: 15px 0;
font-size: 14px;
line-height: 24px;
font-weight: 400;
position: relative; }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login + span:before, #popup-login.popup-window .tab .tab-content.login .account-login .social-login + span:after {
box-sizing: border-box;
content: '';
display: block;
width: 40%;
line-height: 24px;
height: 1px;
background-color: #D9D9D9;
position: relative;
top: auto;
right: auto;
left: auto;
margin: 0; }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login + span:before {
padding-right: 15px;
order: 0; }
#popup-login.popup-window .tab .tab-content.login .account-login .social-login + span:after {
padding-left: 15px;
order: 2; }
#popup-login.popup-window .tab .tab-content.login .account-login .forgot-pass {
text-align: center; }
#popup-login.popup-window .tab .tab-content.register:before {
background: #ddd; }
@media only screen and (max-width: 770px) {
#popup-login.popup-window .tab .tab-content.register:before {
display: none; } }
@media only screen and (max-width: 770px) {
#popup-login.popup-window .tab .tab-content.register {
padding: 0;
margin-top: 40px; } }
#popup-login.popup-window .tab .tab-content .scaffold-form {
padding: 0;
text-align: left; }
#popup-login.popup-window .tab .tab-content .scaffold-form .customer-name-middlename {
display: none; }
#popup-login.popup-window .tab .tab-content .scaffold-form label[for="remember_me_register"] {
margin-top: 38px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text {
color: #010101;
border: 1px solid #d5d5d5;
box-sizing: border-box;
width: 100%;
padding: 0 15px;
font-size: 14px;
line-height: 40px;
height: 40px;
-webkit-box-shadow: 0 0 0 30px white inset !important;
margin: 0 0 15px 0; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text:last-child {
margin-bottom: 0; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text._validation-error {
border: 1px solid red; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text:focus {
border: 1px solid #0093ee; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text::-webkit-input-placeholder {
color: #999999;
font-size: 14px;
line-height: 40px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text::-moz-placeholder {
color: #999999;
font-size: 14px;
line-height: 40px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text:-ms-input-placeholder {
color: #999999;
font-size: 14px;
line-height: 40px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text:-moz-placeholder {
color: #999999;
font-size: 14px;
line-height: 40px; }
@media only screen and (max-width: 768px) {
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text {
height: 35px;
line-height: 35px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text::-webkit-input-placeholder {
line-height: 35px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text::-moz-placeholder {
line-height: 35px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text:-ms-input-placeholder {
line-height: 35px; }
#popup-login.popup-window .tab .tab-content .scaffold-form .input-text:-moz-placeholder {
line-height: 35px; } }
#popup-login.popup-window .tab .tab-content .scaffold-form .button {
background: #0093EE;
border: 2px solid #0093EE;
color: #fff;
width: 100%;
height: 40px;
line-height: 40px; }
@media only screen and (max-width: 768px) {
#popup-login.popup-window .tab .tab-content .scaffold-form .button {
height: 35px;
line-height: 35px;
font-size: 14px; } }
#popup-login.popup-window .tab .tab-content .scaffold-form .button:hover, #popup-login.popup-window .tab .tab-content .scaffold-form .button:focus {
background: #fff;
border: 2px solid #0093EE;
color: #0093EE;
outline: none; }
#popup-login.popup-window .tab .tab-content .forgot-pass {
color: #0093ee;
display: block;
text-decoration: underline;
margin: 15px 0 0 0;
width: 100%;
text-align: left; }
.main .catalog-pager-wrap-ajax {
max-width: 720px;
width: inherit; }
.main .catalog-pager-wrap-ajax.on-load .pager .next:before {
opacity: 1; }
.main .catalog-pager-wrap-ajax .pager .next {
display: inline-block;
width: auto;
position: relative; }
.main .catalog-pager-wrap-ajax .pager .next:before {
content: '';
display: block;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/loader-icon.svg");
background-repeat: no-repeat;
background-size: cover;
height: 32px;
width: 32px;
position: absolute;
left: -35px;
top: -4px;
opacity: 0; }
.remove-from-wishlist:before {
color: #0093EE; }
.catalog-category-view .category-title.level-3 {
padding: 0 0 14px 8%; }
.catalog-category-view .category-title.level-3 a.child-categoty-name {
font-weight: 500;
font-size: 32px;
color: #0093ee; }
.price-with-discount .price {
font-size: 12px !important;
text-decoration: line-through;
color: #7b8084 !important; }
.price-with-discount .discount .price,
.price-with-discount .price-after-discount .price {
color: #0093EE !important;
text-decoration: none;
font-size: 14px !important; }
#discount-coupon-form .button-wrapper {
margin-top: 10px; }
#discount-coupon-form .button-wrapper button {
color: #fff;
width: 49%;
height: 40px; }
#discount-coupon-form .button-wrapper button:hover {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
#discount-coupon-form .button-wrapper button.confirm {
background: #00a046;
border: 2px solid #00a046; }
#discount-coupon-form .button-wrapper button.confirm:hover {
background-color: #fff;
color: #00a046; }
#discount-coupon-form .button-wrapper button.cancel-coupon {
background: #e80808;
border: 2px solid #e80808; }
#discount-coupon-form .button-wrapper button.cancel-coupon:hover {
background-color: #fff;
color: #e80808; }
/* Close buttons */
.cross-button {
display: block;
border: none;
width: 15px;
height: 15px;
background-color: transparent;
position: absolute;
font: 0px/0 a;
right: 15px;
top: 15px;
color: #0093EE;
cursor: pointer;
z-index: 2;
opacity: 1; }
.cross-button:before, .cross-button:after {
content: '';
display: block;
height: 0;
width: 16px;
border-bottom: 2px solid;
position: absolute;
left: 0;
top: 50%; }
.cross-button:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cross-button:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.cross-button:hover {
opacity: 0.6; }
.cross-button.--white {
color: #ffffff; }
.cross-button.--black {
color: #2A2A2A; }
.cross-button.--bgray {
color: #666666; }
ul.typeahead {
border: none; }
.warning-container {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 10px; }
@media only screen and (max-width: 480px) {
.warning-container {
padding: 0; } }
.warning-inner {
width: 100%;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/warning-desktop.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 42px; }
@media only screen and (max-width: 480px) {
.warning-inner {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/warning-mobile.jpg");
height: 30px; } }
header {
top: 0;
right: 0;
left: 0;
z-index: 5;
position: fixed;
width: 100%;
background: #eceff1;
height: 118px;
max-width: 100vw; }
@media only screen and (max-width: 770px) {
header {
height: 127px; } }
header .page-header-container {
margin: 0 auto;
position: relative;
max-width: 1140px;
padding: 18px 15px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
header .page-header-container .header-top-container {
display: flex;
justify-content: flex-start;
width: 100%; }
@media only screen and (max-width: 770px) {
header .page-header-container .header-top-container {
padding: 19px 10px 0; } }
header .page-header-container .header-bottom-container {
display: flex;
justify-content: flex-start;
width: calc(100% - 305px); }
@media only screen and (max-width: 770px) {
header .page-header-container .header-bottom-container {
background: #fff;
width: 100%;
justify-content: flex-end;
padding: 0 10px; } }
@media only screen and (max-width: 770px) {
header .page-header-container {
padding: 0; } }
header .page-header-container .logo {
display: block;
width: 305px;
height: 40px;
margin: -2px 0 0 0; }
header .page-header-container .logo img {
max-width: 140px; }
@media only screen and (max-width: 1199px) {
header .page-header-container .logo {
width: auto;
margin-right: auto; } }
@media only screen and (max-width: 979px) and (min-width: 770px) {
header .page-header-container .logo {
margin-right: 20%; } }
@media only screen and (max-width: 979px) {
header .page-header-container .logo {
width: 40px;
overflow: hidden;
position: relative; }
header .page-header-container .logo:after {
content: '\e91f';
position: absolute;
font-family: "secur";
font-size: 35px;
line-height: 35px;
top: 0;
left: 0;
color: #0093EE; }
header .page-header-container .logo img {
display: none; } }
@media only screen and (max-width: 770px) {
header .page-header-container .logo {
order: -1;
margin-top: 0; } }
header .page-header-container .logo img {
width: 100%; }
header .page-header-container .contact-links {
display: flex;
justify-content: flex-end; }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links {
width: auto;
position: absolute;
right: 40px; } }
header .page-header-container .contact-links .dropdown {
display: none; }
header .page-header-container .contact-links .dropdown li {
float: left; }
header .page-header-container .contact-links .skip-link {
display: block;
width: 100%;
height: 100%;
padding-right: 20px; }
header .page-header-container .contact-links .contact-links__phones {
flex-direction: column;
display: flex;
margin: 0;
position: relative; }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links .contact-links__phones {
display: none; } }
header .page-header-container .contact-links .contact-links__phones .skip-phones {
font-size: 20px;
font-weight: 600;
color: #666666;
text-decoration: none;
position: relative;
padding-left: 0;
letter-spacing: 0.3px;
font-family: "Montserrat", sans-serif;
padding-right: 16px; }
header .page-header-container .contact-links .contact-links__phones .skip-phones:after {
content: "\e900";
position: absolute;
font-family: "secur";
font-size: 6px;
top: 11px;
right: 2px;
color: #0093EE;
transition: transform 0.1s; }
header .page-header-container .contact-links .contact-links__phones .skip-phones.active:after {
transform: rotate(180deg); }
header .page-header-container .contact-links .contact-links__phones > p {
color: #0093EE;
position: absolute;
bottom: -6px !important;
padding: 0 !important;
font-size: 10px !important;
margin: 0 !important;
text-transform: uppercase; }
header .page-header-container .contact-links .contact-links__mount {
margin-right: 24px;
display: block; }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links .contact-links__mount {
display: none; } }
header .page-header-container .contact-links .contact-links__mount a {
font-family: "Montserrat", sans-serif;
outline: none;
display: block;
border: 1px solid #0093EE;
padding: 5px 17px 4px 36px;
line-height: 1.5;
background: none;
color: #0093EE;
position: relative;
font-size: 14px;
font-weight: 400;
transition: all .2s linear;
position: relative; }
header .page-header-container .contact-links .contact-links__mount a:hover {
background: #0093EE;
color: #ffffff; }
header .page-header-container .contact-links .contact-links__mount a:hover:after {
color: #ffffff; }
header .page-header-container .contact-links .contact-links__mount a:before {
content: '\e901';
font-family: 'securicon';
font-size: 16px;
display: block;
position: absolute;
left: 15px;
top: 3px; }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links .contact-links__mount a {
width: 35px;
height: 35px;
font-size: 0; }
header .page-header-container .contact-links .contact-links__mount a:after {
content: "\e916";
position: absolute;
font-family: "secur";
font-size: 22px;
top: 0;
left: 6px;
color: #0093EE;
transition: color .2s linear; } }
header .page-header-container .contact-links .contact-links__callback {
margin-right: 30px; }
header .page-header-container .contact-links .contact-links__callback button {
font-family: "Montserrat", sans-serif;
outline: none;
border: 1px solid #0093EE;
padding: 5px 17px 4px 36px;
background: none;
color: #0093EE;
position: relative;
font-size: 14px;
font-weight: 400;
transition: all .2s linear; }
header .page-header-container .contact-links .contact-links__callback button:hover {
background: #0093EE;
color: #ffffff; }
header .page-header-container .contact-links .contact-links__callback button:hover:after {
color: #ffffff; }
header .page-header-container .contact-links .contact-links__callback button:before {
content: '\e900';
font-family: 'securicon';
font-size: 16px;
display: block;
position: absolute;
left: 15px;
top: 3px; }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links .contact-links__callback button {
width: 35px;
height: 35px;
font-size: 0;
padding: 9px 0 8px 0; }
header .page-header-container .contact-links .contact-links__callback button:before {
left: 0;
right: 0;
margin: 0 auto; } }
header .page-header-container .contact-links .contact-links__contact {
position: relative;
margin: 0;
cursor: pointer; }
@media only screen and (max-width: 979px) {
header .page-header-container .contact-links .contact-links__contact {
margin: auto 5px; } }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links .contact-links__contact {
display: none; } }
header .page-header-container .contact-links .contact-links__contact .skip-contacts {
font-size: 14px;
color: #2A2A2A;
text-transform: uppercase;
text-decoration: none;
position: relative;
line-height: 34px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
padding-left: 15px;
padding-right: 14px; }
header .page-header-container .contact-links .contact-links__contact .skip-contacts:after {
content: "\e900";
position: absolute;
font-family: "secur";
font-size: 6px;
top: -1px;
right: 0;
color: #0093EE;
transition: transform 0.1s; }
header .page-header-container .contact-links .contact-links__contact .skip-contacts.active:after {
transform: rotate(180deg); }
@media only screen and (max-width: 979px) {
header .page-header-container .contact-links .contact-links__callback button {
width: 35px;
height: 35px;
font-size: 0;
padding: 9px 0 8px 0; }
header .page-header-container .contact-links .contact-links__callback button:before {
left: 0;
right: 0;
margin: 0 auto; }
header .page-header-container .contact-links .contact-links__mount a {
width: 35px;
height: 35px;
font-size: 0;
padding: 9px 0 8px 0;
text-align: center; }
header .page-header-container .contact-links .contact-links__mount a:before {
left: 0;
right: 0;
margin: 0 auto; } }
header .page-header-container .menu-btn {
position: relative; }
@media only screen and (max-width: 770px) {
header .page-header-container .menu-btn {
padding: 0;
width: 35px;
height: 35px;
border: 1px solid #8c8c8d; } }
header .page-header-container .menu-btn .skip-menu {
display: block;
text-transform: uppercase;
color: #333333;
margin: auto; }
@media only screen and (max-width: 770px) {
header .page-header-container .menu-btn .skip-menu {
display: none; } }
header .page-header-container .contact-links,
header .page-header-container .menu-btn {
margin-bottom: 16px; }
header .page-header-container .contact-links {
padding-right: 32px; }
@media only screen and (max-width: 1110px) {
header .page-header-container .contact-links {
padding-right: 20px; } }
@media only screen and (max-width: 979px) and (min-width: 770px) {
header .page-header-container .contact-links {
margin-left: auto; } }
@media only screen and (max-width: 770px) {
header .page-header-container .contact-links {
padding-right: 0; } }
header .page-header-container #header-language {
width: 170px;
position: absolute;
z-index: 3;
top: 47px;
right: -27px;
padding-top: 11px;
font-family: "Montserrat", sans-serif; }
header .page-header-container #header-language .form-language {
text-align: center;
padding: 33px 20px 30px 20px; }
header .page-header-container #header-language .language-item {
margin-right: 36px; }
header .page-header-container #header-language .language-item:last-child {
margin-right: 0; }
header .page-header-container #header-language .language-label {
display: block;
text-align: left;
font-weight: 600;
margin-bottom: 12px;
font-size: 16px;
text-transform: none; }
header .page-header-container #header-language .block-inputs {
margin-bottom: 22px;
padding-bottom: 24px;
border-bottom: 1px solid #dddddd; }
header .page-header-container #header-language .language-options {
display: flex; }
header .page-header-container #header-language p {
text-align: left;
font-size: 14px;
font-weight: 400; }
header .page-header-container #header-language .block-title {
color: #222d38;
margin-bottom: 30px; }
header .page-header-container #header-language .block-title h3 {
font-size: 18px;
font-weight: 500;
text-align: left;
padding-bottom: 13px;
border-bottom: 1px solid #dddddd; }
header .page-header-container #header-language a {
display: inline-block;
vertical-align: top;
cursor: pointer;
position: relative;
font-weight: 500;
text-transform: uppercase; }
header .page-header-container #header-language a.active {
color: #0093ee;
font-weight: 600; }
header .page-header-container #header-language input[type="radio"] {
display: none; }
header .page-header-container #header-language input[type="radio"]:checked + label {
color: #0093ee;
font-weight: 600; }
header .page-header-container #header-language input[type="radio"]:checked + label:after {
display: block;
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
content: "";
background: #0093ee;
left: 0;
right: 0;
margin: 0 auto;
top: 6px; }
header .page-header-container #header-language input[type="radio"]:checked + label:before {
border: 1px solid #0093ee; }
header .page-header-container #header-language label {
display: inline-block;
vertical-align: top;
padding-top: 25px;
cursor: pointer;
position: relative;
font-weight: 500;
text-transform: uppercase;
min-width: 32px; }
header .page-header-container #header-language label:before {
display: block;
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
border: 1px solid #d6d6d6;
content: "";
left: 0;
right: 0;
margin: 0 auto;
top: 0; }
header .page-header-container #header-language label:nth-of-type(2) {
margin: 0 30px; }
header .page-header-container #header-language label span {
padding-top: 7px;
display: inline-block; }
header .page-header-container .skip-links {
display: flex;
justify-content: space-between;
padding-top: 10px;
position: relative;
width: 170px;
padding-right: 15px; }
header .page-header-container .skip-links li {
line-height: 24px;
position: relative;
text-align: center; }
header .page-header-container .skip-links li .compare-header-link {
display: block;
width: 24px;
height: 24px;
position: relative; }
header .page-header-container .skip-links li .compare-header-link .label {
display: none; }
header .page-header-container .skip-links li .compare-header-link:after {
color: #8c8c8d;
content: "\e923";
display: block;
line-height: 1;
font-family: "secur";
font-size: 21px; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-links li .compare-header-link:after {
left: auto; } }
header .page-header-container .skip-links li .compare-header-link .count {
position: absolute;
display: block;
width: 18px;
height: 18px;
top: -7px;
right: -5px;
background-color: #0093EE;
color: #fff;
text-align: center;
vertical-align: middle;
z-index: 3;
border-radius: 50%;
font-size: 10px;
line-height: 19px;
font-weight: 500; }
header .page-header-container .skip-links li .skip-cart:after {
left: 0; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-links li .skip-cart:after {
left: auto; } }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-links {
width: 100px;
align-items: center;
justify-content: flex-end;
background: #ffffff;
margin-right: 0;
padding-right: 0;
padding-top: 0; }
header .page-header-container .skip-links .currency-item,
header .page-header-container .skip-links .account-item {
display: none; } }
header .page-header-container .skip-links .dropdown {
display: none; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-links li {
width: 24px;
margin-right: 10px; }
header .page-header-container .skip-links li:last-child {
margin-right: 0; } }
header .page-header-container .skip-link {
display: block;
position: relative; }
header .page-header-container .skip-link:after {
content: "";
font-family: "secur";
color: #8c8c8d;
position: absolute;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-ms-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
top: 0;
right: 0; }
header .page-header-container .skip-link:hover:after {
color: #0093EE; }
header .page-header-container .skip-link.language {
color: #8c8c8d;
font-weight: 600; }
header .page-header-container .skip-link.language:hover {
color: #0093EE; }
header .page-header-container .skip-link .count {
position: absolute;
display: block;
width: 18px;
height: 18px;
top: -7px;
right: -5px;
background-color: #0093EE;
color: #fff;
text-align: center;
vertical-align: middle;
z-index: 1;
border-radius: 50%;
font-size: 10px;
line-height: 19px;
font-weight: 500; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-link .count {
width: 18px;
height: 18px;
top: -2px;
right: -8px;
font-size: 11px;
line-height: 18px; } }
header .page-header-container .skip-link.skip-cart {
width: 28px;
height: 24px;
position: relative; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-link.skip-cart {
width: 100%;
height: 100%; } }
header .page-header-container .skip-link.skip-cart:after {
content: "\e907";
font-size: 18px;
line-height: 26px; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-link.skip-cart:after {
font-size: 22px;
line-height: 28px; } }
header .page-header-container .skip-link.skip-cart span.label {
font-size: 0; }
header .page-header-container .skip-link.skip-account {
width: 24px;
height: 24px; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-link.skip-account {
display: none; } }
header .page-header-container .skip-link.skip-account:after {
content: "\e91c";
font-family: "secur";
font-size: 18px;
line-height: 26px; }
header .page-header-container .skip-link.skip-account span.label {
font-size: 0; }
header .page-header-container .skip-link.skip-account figure {
position: absolute;
top: 0;
height: 30px;
background: #f1f0f0;
display: block; }
header .page-header-container .skip-link.skip-account img {
border-radius: 50%;
max-height: 30px;
max-width: 30px;
position: absolute;
z-index: 2;
margin: -5px; }
header .page-header-container .skip-link.skip-currency {
width: 24px;
height: 24px; }
@media only screen and (max-width: 770px) {
header .page-header-container .skip-link.skip-currency {
display: none; } }
header .page-header-container .skip-link.skip-currency:after {
content: "\e90e";
font-size: 18px;
line-height: 26px; }
header .page-header-container .skip-link.skip-currency .label {
display: none; }
header .page-header-container .skip-link.skip-currency[data-code="USD"]:after {
content: "\e902";
font-family: 'securicon'; }
header .page-header-container #header-account {
top: 40px; }
header .page-header-container .overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent;
display: none; }
header.fixed {
height: 72px; }
header.fixed .warning-container {
display: none; }
header.fixed .page-header-container {
flex-wrap: nowrap;
padding-top: 20px;
justify-content: flex-start; }
@media only screen and (max-width: 1199px) {
header.fixed .page-header-container {
justify-content: flex-end; } }
header.fixed .page-header-container .header-top-container {
width: auto;
order: 1; }
header.fixed .page-header-container .header-bottom-container {
width: auto;
order: 2; }
@media only screen and (max-width: 1199px) {
header.fixed .page-header-container .contact-links__callback button {
width: 35px;
height: 35px;
font-size: 0;
padding: 9px 0 8px 0; }
header.fixed .page-header-container .contact-links__callback button:before {
left: 0;
right: 0;
margin: 0 auto; }
header.fixed .page-header-container .contact-links__mount a {
width: 35px;
height: 35px;
font-size: 0;
padding: 9px 0 8px 0;
text-align: center; }
header.fixed .page-header-container .contact-links__mount a:before {
left: 0;
right: 0;
margin: 0 auto; } }
header.fixed .page-header-container #header-account {
top: 50px; }
@media only screen and (min-width: 771px) {
header.fixed .page-header-container .logo {
display: none; }
header.fixed .page-header-container .header-nav-btn {
order: 0;
text-align: left;
width: 156px;
height: 32px;
margin: 0 20px 0 0; } }
@media only screen and (min-width: 771px) and (max-width: 1199px) {
header.fixed .page-header-container .header-nav-btn {
margin-right: auto; } }
@media only screen and (min-width: 771px) {
header.fixed .page-header-container .header-nav-btn .span {
padding-right: 33px;
line-height: 36px;
padding-left: 34px;
font-size: 14px;
top: auto; }
header.fixed .page-header-container .header-nav-btn .span:before {
display: none; }
header.fixed .page-header-container .header-nav-btn .span:after {
content: "\e900";
position: absolute;
font-size: 7px;
line-height: 8px;
font-family: "secur";
color: #ffffff;
top: 3px;
right: 14px;
transition: transform 0.2s; } }
@media only screen and (min-width: 771px) and (max-width: 770px) {
header.fixed .page-header-container .header-nav-btn .span:after {
display: none; } }
@media only screen and (min-width: 771px) {
header.fixed .page-header-container #header-search {
display: none; }
header.fixed .page-header-container .menu-btn {
order: 4;
margin-bottom: 0;
position: absolute;
right: 18px; }
header.fixed .page-header-container .contact-links {
width: auto; } }
@media only screen and (max-width: 1199px) {
header.fixed .page-header-container .contact-links__contact {
display: none; } }
header.fixed .page-header-container .contact-links {
margin: 0;
padding: 0;
order: 2; }
header.fixed .page-header-container .contact-links .contact-links__contact {
position: absolute;
right: 118px; }
header.fixed .page-header-container .contact-links .contact-links__phones {
margin: 0 20px 0 0; }
header.fixed .page-header-container .contact-links .contact-links__phones > p {
bottom: -8px !important; }
header.fixed .page-header-container .contact-links .contact-links__callback {
margin-right: 30px;
margin-top: 0; }
header.fixed .page-header-container .skip-links {
width: 140px;
padding-right: 0;
padding-top: 2px;
order: 3; }
@media only screen and (max-width: 1199px) {
header.fixed .page-header-container .skip-links {
margin-right: 98px; } }
header.fixed #header-nav {
z-index: 2;
top: 52px;
padding-top: 20px !important; }
header.fixed #header-nav .wrap {
top: 20px; }
header.fixed #header-contacts {
top: 40px;
right: 15px; }
header.fixed #header-contacts .skip-contacts:before {
font-size: 18px;
line-height: 18px;
top: 2px; }
header.fixed #header-phones {
top: 41px; }
header.fixed #header-language {
top: 39px; }
header.fixed #header-currency {
right: -26px;
top: 39px; }
header.fixed #login-all-form {
right: -26px;
top: 39px; }
header.fixed #header-cart {
right: -25px;
top: 39px; }
header .skip-link ~ .dropdown {
z-index: 1; }
header .skip-link ~ .dropdown .delete {
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 10px;
cursor: pointer;
z-index: 1; }
header .skip-link ~ .dropdown .delete:after {
content: '\e90c';
font-size: 12px;
line-height: 40px;
position: absolute;
font-family: "secur";
color: #0093ee;
top: 0;
left: 14px; }
header #headerMenuMobile {
font: 0/0 a;
color: transparent;
height: 35px;
cursor: pointer; }
header #headerMenuMobile:after {
content: "\e920";
position: absolute;
font-family: "secur";
font-size: 20px;
top: 50%;
left: 6px;
color: #8c8c8d; }
@media only screen and (max-width: 770px) {
header #headerMenuMobile {
display: block; } }
@media only screen and (min-width: 771px) {
header #headerMenuMobile {
display: none; } }
header #headerMenu {
padding-right: 25px;
padding-left: 0;
font-size: 14px;
line-height: 34px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
cursor: pointer; }
header #headerMenu:after {
content: "\e920";
position: absolute;
font-family: "secur";
font-size: 14px;
top: 0;
right: 0;
color: #8c8c8d; }
@media only screen and (max-width: 770px) {
header #headerMenu {
display: none; } }
@media only screen and (min-width: 771px) {
header #headerMenu {
display: block; } }
.ua-store .page-header-container .contact-links {
padding-right: 25px; }
.ua-store .page-header-container .header-bottom-container #header-cart .minicart-actions {
max-width: 400px; }
.page-messages-container {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 15px; }
.page-messages-container .messages {
width: 100%; }
#header-search {
width: calc(100% - 170px);
padding-right: 32px; }
@media only screen and (max-width: 1199px) {
#header-search {
margin-left: 0; } }
@media only screen and (max-width: 770px) {
#header-search {
width: calc(100% - 100px);
margin-right: auto;
margin-left: 0;
padding: 10px 0 10px 0;
background: #ffffff; } }
#header-search .input-box {
position: relative;
display: flex;
justify-content: space-between;
border: 1px solid #dddddd; }
@media only screen and (max-width: 770px) {
#header-search .input-box {
border: 1px solid #0093EE; } }
#header-search .input-box:after {
content: ' ';
display: table;
clear: both; }
#header-search .input-box label {
width: 100%;
display: none;
color: #fff;
background-color: #0093EE;
height: 40px;
padding-left: 20px;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
line-height: 40px;
font-family: "Montserrat", sans-serif; }
#header-search .input-box input {
display: block;
border: 0;
padding: 0 17px;
height: 38px;
width: calc(100% - 50px);
color: #8d8d8d;
font-size: 105%;
font-family: "Montserrat", sans-serif; }
@media only screen and (max-width: 770px) {
#header-search .input-box input {
width: calc(100% - 30px);
height: 35px;
padding: 0 13px; } }
#header-search .input-box input:focus {
color: #000;
font-weight: 500; }
#header-search .input-box input::-webkit-input-placeholder {
color: #8d8d8d;
font-weight: 300; }
#header-search .input-box input::-moz-placeholder {
color: #8d8d8d;
font-weight: 300; }
#header-search .input-box input:-moz-placeholder {
color: #8d8d8d;
font-weight: 300; }
#header-search .input-box input:-ms-input-placeholder {
color: #8d8d8d;
font-weight: 300; }
#header-search .input-box button {
font-size: 0;
float: right;
width: 50px;
height: 38px;
background: #fff;
border: none;
outline: none; }
@media only screen and (max-width: 770px) {
#header-search .input-box button {
width: 35px;
height: 35px; } }
#header-search .input-box button:after {
content: '\e919';
font-size: 18px;
line-height: 20px;
font-family: "secur";
position: absolute;
right: 14px;
top: 9px;
color: #0093EE; }
@media only screen and (max-width: 770px) {
#header-search .input-box button:after {
font-size: 18px;
line-height: 18px;
color: #8c8c8d; } }
#header-search .input-box .button:not(:disabled):hover {
box-shadow: none; }
#header-contacts {
position: absolute;
right: 0;
top: 36px;
margin-top: 1px;
box-sizing: border-box;
width: 901px;
z-index: 3;
padding-top: 11px; }
@media only screen and (max-width: 1199px) {
#header-contacts {
width: 750px;
right: 0; } }
@media only screen and (max-width: 979px) {
#header-contacts {
right: -110px;
width: 680px; } }
#header-contacts .header-contacts-container {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 35px; }
@media only screen and (max-width: 1199px) {
#header-contacts .header-contacts-container {
padding: 30px 15px; } }
@media only screen and (max-width: 979px) {
#header-contacts .header-contacts-container {
flex-wrap: wrap; } }
#header-contacts .stores-map-wrapper {
width: 390px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/map/map.png) center center no-repeat;
background-size: contain; }
@media only screen and (max-width: 1199px) {
#header-contacts .stores-map-wrapper {
width: 300px; } }
@media only screen and (max-width: 979px) {
#header-contacts .stores-map-wrapper {
width: 300px;
height: 197px;
margin: 0 auto 15px; } }
#header-contacts .contacts-address {
margin-bottom: 38px;
font-family: "Montserrat", sans-serif; }
@media only screen and (max-width: 979px) {
#header-contacts .contacts-address {
margin-bottom: 20px; } }
#header-contacts .contacts-address > div {
margin-bottom: 20px;
padding-left: 30px;
font-size: 16px;
line-height: 28px;
font-weight: 400; }
@media only screen and (max-width: 979px) {
#header-contacts .contacts-address > div {
margin-bottom: 10px; } }
#header-contacts .contacts-address .address,
#header-contacts .contacts-address .phone,
#header-contacts .contacts-address .time {
position: relative; }
#header-contacts .contacts-address .address:after,
#header-contacts .contacts-address .phone:after,
#header-contacts .contacts-address .time:after {
content: '';
position: absolute;
font-family: "secur";
font-size: 20px;
color: #0093EE;
top: 0;
left: 0; }
#header-contacts .contacts-address .address:after {
content: '\e918'; }
#header-contacts .contacts-address .phone {
font-weight: 600; }
#header-contacts .contacts-address .phone:after {
content: '\e916'; }
#header-contacts .contacts-address .time {
max-width: 210px; }
#header-contacts .contacts-address .time:after {
content: '\e90b'; }
#header-contacts .contacts {
font-weight: 300;
width: calc(100% - 438px); }
@media only screen and (max-width: 1199px) {
#header-contacts .contacts {
width: calc(100% - 330px); } }
@media only screen and (max-width: 979px) {
#header-contacts .contacts {
width: 100%; } }
#header-contacts .title {
font-size: 16px;
font-weight: bold;
line-height: 24px;
border-bottom: 1px solid #dddddd;
padding-bottom: 13px;
margin-bottom: 25px;
font-family: "Montserrat", sans-serif; }
#header-contacts .contacts-info .text {
font-size: 16px;
line-height: 23px;
font-family: "Montserrat", sans-serif; }
#header-phones {
position: absolute;
width: 280px;
right: -23px;
top: 36px;
z-index: 2;
padding-top: 11px; }
#header-phones .dropdown-wrap {
padding: 28px; }
#header-phones ul {
position: relative;
padding-left: 30px;
margin-bottom: 18px; }
#header-phones ul:before {
content: ' ';
font-size: 18px;
position: absolute;
font-family: "secur";
color: #0093ee;
top: 0;
left: 0; }
#header-phones ul.technical-support:before {
content: '\e91a'; }
#header-phones ul.sales-department:before {
content: '\e91d'; }
#header-phones ul.mounting-department:before {
content: '\e91b'; }
#header-phones ul.bookkeeping:before {
content: '\e912'; }
#header-phones ul .title {
font-size: 14px;
line-height: 23px;
opacity: 0.5;
color: #000;
margin-bottom: 4px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
padding-right: 0 !important; }
#header-phones ul li {
float: none; }
#header-phones ul li a {
color: #333333;
text-decoration: none;
font-size: 18px;
line-height: 23px;
font-weight: 500;
font-family: "Montserrat", sans-serif; }
#header-cart {
max-width: 805px;
width: 100vw;
position: absolute;
right: -24px;
top: 47px;
padding-top: 11px;
font-family: "Montserrat", sans-serif; }
@media only screen and (max-width: 979px) {
#header-cart {
max-width: 640px; } }
@media only screen and (max-width: 770px) {
#header-cart {
max-width: 545px; } }
@media only screen and (max-width: 599px) {
#header-cart {
max-width: inherit;
width: 100%;
position: fixed;
right: 0;
top: 0;
box-shadow: none;
padding-top: 0; } }
@media only screen and (max-width: 599px) {
#header-cart .delete {
display: none; } }
#header-cart.empty {
max-width: 500px; }
#header-cart.empty .minicart-wrapper .empty {
background: url("https://secur.ua/skin/frontend/secur/v1/images/cart-empty.svg") no-repeat right center #ffffff;
font-size: 16px;
font-weight: 400;
color: #333333;
width: 100%;
padding: 20px 90px 20px 0; }
#header-cart.empty .minicart-wrapper .empty a {
color: #0093EE;
text-transform: uppercase; }
@media only screen and (max-width: 599px) {
#header-cart.empty {
max-width: initial; } }
#header-cart .minicart-wrapper {
background-color: #ffffff;
padding: 28px 20px; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-wrapper {
padding: 16px 10px; }
#header-cart .minicart-wrapper #minicart-form .block-title {
border-bottom: 1px solid #dddddd;
margin-bottom: 0;
padding-bottom: 15px; }
#header-cart .minicart-wrapper #minicart-form #cart-sidebar .item {
width: 100%;
flex-direction: row;
justify-content: space-around;
padding: 9px 0 9px; }
#header-cart .minicart-wrapper #minicart-form #cart-sidebar .item a {
font-size: 25px; }
#header-cart .minicart-wrapper #minicart-form #cart-sidebar .item a h4.product-name {
padding-left: 0;
text-align: start; }
#header-cart .minicart-wrapper #minicart-form #cart-sidebar .item .product-qty {
width: 50%;
padding-left: 70px; }
#header-cart .minicart-wrapper #minicart-form #cart-sidebar .item .product-price {
text-align: center; }
#header-cart .minicart-wrapper #minicart-form #cart-sidebar .item .product-details {
top: 20px; }
#header-cart .minicart-wrapper #minicart-form .minicart-actions {
justify-content: space-around; } }
#header-cart .minicart-wrapper:after {
content: '';
display: block;
clear: both; }
#header-cart .minicart-wrapper .block-title {
display: flex;
justify-content: space-between;
margin-bottom: 15px; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-wrapper .block-title {
display: block; } }
#header-cart .minicart-wrapper .block-title h3 {
text-transform: initial;
order: -1;
font-size: 16px;
line-height: 40px;
font-weight: 500; }
#header-cart .minicart-wrapper .block-title button {
border: 0;
background: transparent;
outline: none;
font-weight: 400;
font-size: 12px;
position: relative;
padding-left: 25px;
color: #0093ee; }
#header-cart .minicart-wrapper .block-title button:before {
content: '\e902';
display: block;
position: absolute;
font-size: 11px;
font-family: "secur";
top: 12px;
left: 0; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-wrapper .block-title button:before {
top: 2px; } }
#header-cart .minicart-wrapper .block-title button.mobile {
display: none; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-wrapper .block-title button.mobile {
display: block; } }
@media only screen and (max-width: 599px) {
#header-cart .minicart-wrapper .block-title button.desktop {
display: none; } }
#header-cart .mini-products-list-title {
background: #eceff1;
overflow: hidden;
padding: 9px 5px 10px 20px; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list-title {
display: none; } }
#header-cart .mini-products-list-title li {
display: block;
float: left;
color: #8c8c8d;
text-align: center;
font-weight: 400; }
@media only screen and (max-width: 770px) {
#header-cart .mini-products-list-title li {
font-size: 12px; } }
#header-cart .mini-products-list-title li:nth-child(1) {
width: 50%;
text-align: left; }
#header-cart .mini-products-list-title li:nth-child(2) {
width: 19%; }
#header-cart .mini-products-list-title li:nth-child(3) {
width: 21%; }
#header-cart .mini-products-list-title li:nth-child(4) {
width: 8%; }
#header-cart .mini-products-list li {
border-bottom: 1px solid #dddddd;
padding: 30px 0;
display: flex;
justify-content: space-between; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list li {
flex-wrap: wrap;
position: relative;
padding: 9px 0 22px; } }
#header-cart .mini-products-list .product-image {
text-decoration: none;
display: flex;
justify-content: space-between;
width: 50%; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .product-image {
width: 100%;
padding-right: 40px;
margin-bottom: 5px; } }
#header-cart .mini-products-list .product-image figure {
display: block;
width: 80px; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .product-image figure {
width: 55px; } }
#header-cart .mini-products-list .product-image figure img {
width: 100%;
height: auto; }
#header-cart .mini-products-list .product-image h4 {
padding-left: 31px;
display: block;
font-size: 16px;
letter-spacing: -1px;
line-height: 20px;
font-weight: 400;
width: calc(100% - 80px);
color: #000;
margin: auto 0; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .product-image h4 {
width: calc(100% - 55px);
padding-left: 10px;
font-size: 14px; } }
#header-cart .mini-products-list .product-image h4 span {
display: inline-block;
vertical-align: middle;
font-weight: 500; }
#header-cart .mini-products-list .product-qty {
width: 20%;
margin: auto;
text-align: center; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .product-qty {
width: 50%;
padding-left: 60px; } }
#header-cart .mini-products-list .product-qty .spinner {
margin: auto;
width: 82px;
position: relative;
padding: 0;
border: 1px solid #dddddd; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .product-qty .spinner {
margin: 0; } }
#header-cart .mini-products-list .product-qty .spinner input {
margin: 0;
width: 100%;
border: none;
height: 30px;
padding: 0 25px; }
#header-cart .mini-products-list .product-qty .spinner span {
border: none;
width: 25px;
height: 100%;
position: absolute;
top: 0; }
#header-cart .mini-products-list .product-qty .spinner span:before {
content: '';
width: 6px;
height: 11px;
background-image: url(https://secur.ua/skin/frontend/secur/v1/images/arrow.png);
background-size: cover;
background-repeat: no-repeat;
background-color: transparent; }
#header-cart .mini-products-list .product-qty .spinner span:after {
display: none; }
#header-cart .mini-products-list .product-qty .spinner span.sub {
left: 0; }
#header-cart .mini-products-list .product-qty .spinner span.add {
right: 0; }
#header-cart .mini-products-list .product-qty .spinner span.add:before {
transform: rotate(180deg); }
#header-cart .mini-products-list .product-qty .disabled {
width: 100%;
height: 100%;
display: block;
text-align: center;
line-height: 59px;
box-sizing: border-box;
padding-right: 45px; }
#header-cart .mini-products-list .product-price {
width: 17%;
font-size: 22px;
margin: auto;
text-align: center; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .product-price {
width: 50%;
text-align: right; } }
#header-cart .mini-products-list .product-price .price {
color: #0093EE;
font-weight: bold; }
#header-cart .mini-products-list .product-price .price-symbol {
padding-right: 7px; }
#header-cart .mini-products-list .product-price .tail {
font-size: 12px !important; }
#header-cart .mini-products-list .item-remove {
width: 11%;
margin: auto; }
@media only screen and (max-width: 599px) {
#header-cart .mini-products-list .item-remove {
position: absolute;
top: 12px;
right: 0;
width: 45px; } }
#header-cart .mini-products-list .item-remove .remove {
display: block;
width: 26px;
height: 26px;
background: none;
border: 2px solid #e0e0e0;
border-radius: 50%;
position: relative;
transition: all .2s linear;
margin: auto; }
#header-cart .mini-products-list .item-remove .remove:after, #header-cart .mini-products-list .item-remove .remove:before {
content: '';
width: 10px;
height: 2px;
background: #e0e0e0;
position: absolute;
top: 10px;
right: 6px;
transition: all .2s linear; }
#header-cart .mini-products-list .item-remove .remove:after {
transform: rotate(45deg); }
#header-cart .mini-products-list .item-remove .remove:before {
transform: rotate(-45deg); }
#header-cart .mini-products-list .item-remove .remove:hover {
border: 2px solid #0093ee; }
#header-cart .mini-products-list .item-remove .remove:hover:after, #header-cart .mini-products-list .item-remove .remove:hover:before {
background: #0093ee; }
#header-cart .minicart-actions {
max-width: 326px;
float: right;
padding-top: 23px;
padding-left: 10px; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-actions {
max-width: 100%;
float: none;
padding-left: 0;
padding-top: 19px;
display: flex;
justify-content: space-between; } }
#header-cart .minicart-actions .button {
height: 40px;
line-height: 37px;
padding: 0 14px;
margin-bottom: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-actions .quick-order {
display: none; } }
#header-cart .minicart-actions .checkout-button {
margin: 0 0 15px 20px;
background: #0093ee; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-actions .checkout-button {
font-size: 14px;
height: 35px;
line-height: 35px; } }
#header-cart .minicart-actions .checkout-button:hover {
box-shadow: none;
background: #0093ee;
color: #fff; }
#header-cart .minicart-actions .quick-order {
background: #0093ee; }
#header-cart .minicart-actions .quick-order:hover {
box-shadow: none;
background: #0093ee;
color: #fff; }
#header-cart .minicart-actions .subtotal {
font-weight: 400;
margin-bottom: 20px; }
#header-cart .minicart-actions .subtotal .title {
display: flex;
justify-content: space-between;
margin-bottom: 6px;
font-weight: 400; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-actions .subtotal .title {
font-size: 0; }
#header-cart .minicart-actions .subtotal .title:nth-child(1) {
display: none; } }
#header-cart .minicart-actions .subtotal .total {
font-size: 18px;
line-height: 18px;
color: #0093ee;
font-weight: bold;
text-align: left;
width: 80px; }
@media only screen and (max-width: 599px) {
#header-cart .minicart-actions .subtotal .total {
width: 100%;
line-height: 30px; } }
#header-cart .minicart-actions .subtotal .price {
font-size: 30px;
font-weight: bold; }
#login-all-form {
position: absolute;
width: 302px;
top: 47px;
right: -26px;
background: transparent;
padding-top: 11px;
font-family: "Montserrat", sans-serif; }
#login-all-form .tabs-container {
padding: 23px 20px; }
#login-all-form .tabs-menu {
width: 100%;
display: block;
margin-bottom: 30px; }
#login-all-form .tabs-menu:after {
content: ' ';
display: table;
clear: both; }
#login-all-form .tabs-menu li {
float: left;
display: block;
border-bottom: 1px solid #b3b3b3; }
#login-all-form .tabs-menu li a {
display: block;
font-size: 16px;
padding: 12px 0;
font-weight: 500;
color: #000; }
#login-all-form .tabs-menu li.login-tab {
width: 48%; }
#login-all-form .tabs-menu li.register-tab {
width: 52%;
text-align: right; }
#login-all-form .tabs-menu li.current {
border-bottom: 3px solid #0093ee; }
#login-all-form .tab > div:not(:first-child) {
display: none; }
#login-all-form .social-login a {
height: 40px;
display: block;
color: #ffffff;
line-height: 40px;
font-size: 14px;
text-align: center; }
#login-all-form .social-login a.login-with-fb {
background: #3C5A92;
margin-bottom: 15px;
width: 100%; }
#login-all-form .social-login a.login-with-vk {
background: #52A6E6; }
#login-all-form .social-login + span {
font-size: 14px;
margin: 0 auto 10px;
display: block;
text-align: center;
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400; }
#login-all-form .social-login + span:before, #login-all-form .social-login + span:after {
content: '';
height: 1px;
width: 42%;
position: absolute;
top: 10px;
background: #dddddd; }
#login-all-form .social-login + span:before {
left: 0; }
#login-all-form .social-login + span:after {
right: 0; }
#login-all-form .input-text {
width: 100%;
border: 1px solid #b3b3b3;
margin-bottom: 20px;
color: #b3b3b3;
padding: 0 15px;
font-size: 14px;
height: 40px; }
#login-all-form button {
height: 40px;
line-height: 27px;
display: block;
width: 100%;
font-size: 14px;
margin-bottom: 10px; }
#login-all-form .button:not(:disabled):hover {
box-shadow: none; }
#login-all-form .rememberMe {
display: none; }
#login-all-form .rememberMe + label {
display: block;
padding-left: 21px;
font-size: 14px;
line-height: 15px;
position: relative;
color: #9d9d9d;
cursor: pointer;
margin-bottom: 38px;
font-family: "Montserrat", sans-serif;
font-weight: 400; }
#login-all-form .rememberMe + label:before {
background-color: transparent;
content: ' ';
display: block;
width: 12px;
height: 12px;
position: absolute;
border: 1px solid #9d9d9d;
left: 0;
box-sizing: border-box; }
#login-all-form .rememberMe:checked + label:before {
background-color: #0093ee;
border-color: #0093ee; }
#login-all-form .forgot-pass {
padding-top: 3px;
text-align: center; }
#login-all-form .forgot-pass a {
font-size: 14px;
position: relative;
color: #0093EE;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-decoration: underline; }
#login-all-form .account-create .customer-name-middlename {
display: none; }
#login-all-form .account-create button {
width: 100%; }
.dropdown .dropdown-wrap {
position: relative;
background: #ffffff;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2); }
.dropdown .dropdown-wrap:after {
content: "";
width: 15px;
height: 15px;
background: #fff;
transform: rotate(-45deg);
position: absolute;
top: -7px;
right: 27px; }
.header-nav-btn {
width: 285px;
height: 50px;
background-color: #0093EE;
border: 0;
text-transform: uppercase;
text-align: center;
cursor: pointer;
margin-right: 20px; }
@media only screen and (max-width: 770px) {
.header-nav-btn {
order: -1;
width: 145px;
height: 35px;
position: absolute;
left: 64px;
top: 19px; } }
.header-nav-btn .span {
font-family: "Montserrat", sans-serif;
position: relative;
line-height: 50px;
color: #ffffff;
font-size: 16px;
padding-right: 0;
padding-left: 25px;
font-weight: 400;
top: 2px; }
@media only screen and (max-width: 770px) {
.header-nav-btn .span {
line-height: 33px;
padding-right: 0; } }
.header-nav-btn .span:before {
content: "\e909";
font-size: 17px;
line-height: 17px;
position: absolute;
top: 0;
left: 0;
font-family: "secur";
color: #ffffff; }
.header-nav-btn.active .span:after {
transform: rotate(180deg); }
#header-nav {
display: none;
position: absolute;
left: 15px;
right: 0; }
@media only screen and (max-width: 770px) {
#header-nav {
display: none !important; } }
header .nav-primary, .wrap-top .nav-primary {
display: block;
width: 285px;
height: 100%;
background-color: #ffffff;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
padding-top: 10px; }
header .nav-primary:after, .wrap-top .nav-primary:after {
content: ' ';
display: table;
clear: both; }
header .nav-primary li.level0, .wrap-top .nav-primary li.level0 {
display: block; }
header .nav-primary li.level0:not(.parent), .wrap-top .nav-primary li.level0:not(.parent) {
transition: background 0.1s; }
header .nav-primary li.level0:not(.parent):hover, .wrap-top .nav-primary li.level0:not(.parent):hover {
background: #0093EE; }
header .nav-primary li.level0:not(.parent):hover a.level0, .wrap-top .nav-primary li.level0:not(.parent):hover a.level0 {
color: #ffffff; }
header .nav-primary li.level0:not(.parent):hover a.level0 img, .wrap-top .nav-primary li.level0:not(.parent):hover a.level0 img {
-webkit-filter: url(https://secur.ua/skin/frontend/secur/v1/css/#white);
filter: url(https://secur.ua/skin/frontend/secur/v1/css/#white); }
header .nav-primary li.level0.active, .wrap-top .nav-primary li.level0.active {
background: #0093EE; }
header .nav-primary li.level0.active a.level0, .wrap-top .nav-primary li.level0.active a.level0 {
color: #ffffff; }
header .nav-primary li.level0.active a.level0:after, .wrap-top .nav-primary li.level0.active a.level0:after {
content: '';
display: block;
width: 10px;
height: 10px;
background-color: #0093EE;
border-top: solid 1px #0093EE;
border-right: solid 1px #0093EE;
transform: rotate(45deg);
position: absolute;
top: 11px;
right: -5px;
z-index: 4;
-webkit-transition: opacity .1s linear;
-moz-transition: opacity .1s linear;
-ms-transition: opacity .1s linear;
-o-transition: opacity .1s linear;
transition: opacity .1s linear; }
header .nav-primary li.level0.active a.level0 img, .wrap-top .nav-primary li.level0.active a.level0 img {
-webkit-filter: url(https://secur.ua/skin/frontend/secur/v1/css/#white);
filter: url(https://secur.ua/skin/frontend/secur/v1/css/#white); }
header .nav-primary li.level0.nav-14 .level0 > img, .wrap-top .nav-primary li.level0.nav-14 .level0 > img {
width: 14px;
left: 19px; }
header .nav-primary li.level0.nav-15 .level0 > img, .wrap-top .nav-primary li.level0.nav-15 .level0 > img {
width: 16px;
left: 17px; }
header .nav-primary a.level0, .wrap-top .nav-primary a.level0 {
font-family: "Montserrat", sans-serif;
color: #333333;
font-size: 15px;
letter-spacing: -0.6px;
line-height: 30px;
display: block;
width: 100%;
font-weight: 400;
box-sizing: border-box;
padding-left: 48px;
position: relative;
text-transform: none;
text-align: left;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-ms-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear; }
header .nav-primary a.level0 img, .wrap-top .nav-primary a.level0 img {
position: absolute;
width: 20px;
margin: auto;
top: 0;
bottom: 0;
display: block;
left: 16px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear; }
header .nav-primary a.level0 + .wrap, .wrap-top .nav-primary a.level0 + .wrap {
display: none;
background-color: #ffffff;
position: absolute !important;
left: 285px;
right: 0;
top: 0;
width: calc(100% - 283px);
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
z-index: 3;
overflow-y: auto;
max-height: 85vh;
min-height: 100%; }
header .nav-primary ul.level0, .wrap-top .nav-primary ul.level0 {
padding: 19px 30px;
min-height: 430px; }
@media only screen and (min-width: 980px) {
header .nav-primary ul.level0, .wrap-top .nav-primary ul.level0 {
column-count: 3; } }
header .nav-primary ul.level0:after, .wrap-top .nav-primary ul.level0:after {
content: ' ';
display: table;
clear: both; }
header .nav-primary li.level1, .wrap-top .nav-primary li.level1 {
height: auto;
text-align: left;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid; }
header .nav-primary .with-banner .menu-banner-block, .wrap-top .nav-primary .with-banner .menu-banner-block {
display: none; }
header .nav-primary a.level1, .wrap-top .nav-primary a.level1 {
font-family: "Montserrat", sans-serif;
display: block;
width: 100%;
position: relative;
text-transform: uppercase;
color: #0093EE;
line-height: 18px;
box-sizing: border-box;
padding: 4px 15px 4px 0;
font-size: 13px;
font-weight: 500; }
header .nav-primary a.level1:after, .wrap-top .nav-primary a.level1:after {
content: ' ';
display: none;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
background: #ddd;
z-index: 1; }
header .nav-primary a.level1 img, .wrap-top .nav-primary a.level1 img {
display: none;
position: absolute;
bottom: 65px; }
header .nav-primary li.level2, .wrap-top .nav-primary li.level2 {
display: block;
width: 100%; }
header .nav-primary a.level2, .wrap-top .nav-primary a.level2 {
font-family: "Montserrat", sans-serif;
position: relative;
display: block;
width: 100%;
color: #000000;
font-size: 13px;
text-transform: none;
padding: 2px 0;
line-height: 18px;
font-weight: 400; }
header .nav-primary a.level2:hover, .wrap-top .nav-primary a.level2:hover {
color: #0093EE;
text-decoration: underline; }
@media screen and (min-width: 1024px) {
header .nav-primary .menu-banner-block .menu-banner-btn:hover {
color: #ffffff;
background-color: #0093EE; } }
.header-menu-parent .sub-menu .header-back {
font-size: 14px;
font-weight: 400;
padding: 15px; }
.header-menu-parent .sub-menu .header-back i {
margin-right: 10px;
font-size: 20px;
top: 3px;
position: relative; }
.header-menu-parent .nav-primary {
display: block;
width: 100%;
height: 100%;
background-color: #ffffff;
max-height: 500px;
overflow-y: auto; }
.header-menu-parent .nav-primary li.level0 {
display: block; }
.header-menu-parent .nav-primary li.level0:hover a.level0.has-children {
background: #0093EE;
color: #ffffff; }
.header-menu-parent .nav-primary li.level0:hover a.level0.has-children img {
-webkit-filter: url(https://secur.ua/skin/frontend/secur/v1/css/#white);
filter: url(https://secur.ua/skin/frontend/secur/v1/css/#white); }
.header-menu-parent .nav-primary li.level0:hover a.level0.has-children:after {
opacity: 1; }
.header-menu-parent .nav-primary a.level0 {
color: #2A2A2A;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 30px;
display: block;
width: 100%;
box-sizing: border-box;
padding-left: 42px;
position: relative;
text-transform: initial;
text-align: left;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
font-weight: 500; }
.header-menu-parent .nav-primary a.level0 img {
position: absolute;
width: 20px;
margin: auto;
top: 0;
bottom: 0;
display: block;
left: 15px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear; }
.header-menu-parent .nav-primary ul.level0 {
background-color: #ffffff;
left: 285px;
right: 0;
top: 0;
padding: 19px 30px;
max-height: 85vh;
overflow-y: auto;
min-height: 100%;
flex-wrap: wrap;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
z-index: 3; }
.header-menu-parent .nav-primary ul.level0:after {
content: ' ';
display: table;
clear: both; }
.header-menu-parent .nav-primary li.level1 {
height: auto;
width: 100%;
text-align: left;
display: inline-block;
float: left; }
.header-menu-parent .nav-primary .with-banner .menu-banner-block {
position: absolute;
top: 0;
right: 0;
max-height: 380px;
overflow: hidden;
width: 50%;
display: flex;
flex-direction: column;
padding: 20px 20px 35px 20px; }
.header-menu-parent .nav-primary .with-banner .menu-banner-block img {
height: auto;
width: 100%; }
@media only screen and (max-width: 1199px) {
.header-menu-parent .nav-primary .with-banner .menu-banner-block {
display: none; } }
.header-menu-parent .nav-primary .menu-banner-block .menu-banner-content {
font-weight: 300;
order: -1; }
.header-menu-parent .nav-primary .menu-banner-block .menu-banner-head {
display: block;
font-size: 30px;
line-height: 0.8;
color: #000000;
margin-bottom: 10px; }
.header-menu-parent .nav-primary .menu-banner-block .menu-banner-text {
display: block;
font-size: 22px;
line-height: 1.2;
color: #4a4a4a;
margin-bottom: 10px; }
.header-menu-parent .nav-primary .menu-banner-block .menu-banner-btn {
display: inline-block;
height: 40px;
line-height: 40px;
box-sizing: border-box;
padding: 0 18px;
text-align: center;
font-size: 14px;
font-weight: 100;
border: none;
text-transform: uppercase;
color: #ffffff;
background: #0093EE;
cursor: pointer;
-webkit-transition: right .2s linear;
-moz-transition: right .2s linear;
-ms-transition: right .2s linear;
-o-transition: right .2s linear;
transition: right .2s linear;
bottom: 0;
left: 20px;
position: absolute; }
.header-menu-parent .nav-primary a.level1 {
display: block;
width: 100%;
position: relative;
text-transform: uppercase;
color: #0093EE;
line-height: 20px;
box-sizing: border-box;
padding: 5px 15px 5px 0;
font-size: 14px;
letter-spacing: 1px;
font-weight: 500; }
.header-menu-parent .nav-primary a.level1:after {
content: ' ';
display: none;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
background: #ddd;
z-index: 1; }
.header-menu-parent .nav-primary a.level1 img {
display: none;
position: absolute;
bottom: 65px; }
.header-menu-parent .nav-primary li.level2 {
display: block;
width: 100%; }
.header-menu-parent .nav-primary a.level2 {
position: relative;
display: block;
width: 100%;
color: #000000;
font-size: 14px;
text-transform: none;
padding: 8px 0;
line-height: 18px; }
.header-menu-parent .nav-primary a.level2:hover {
color: #0093EE;
text-decoration: underline; }
/* Header menu */
#header-menu {
font-family: "Montserrat", sans-serif; }
#header-menu {
background-color: #333333;
position: absolute;
top: -1500px;
right: 0;
z-index: 10;
overflow: hidden;
-webkit-transition: top 0.3s linear;
-moz-transition: top 0.3s linear;
transition: top 0.3s linear; }
#header-menu.active {
top: 0; }
#header-menu,
#header-menu .header-menu__scroll {
width: 270px; }
#header-menu .header-menu__logo {
height: 88px;
width: 100%;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #4a4a4a; }
#header-menu .header-menu__logo img {
width: 150px;
margin: 30px 0 0 30px;
position: absolute; }
#header-menu .header-menu__scroll {
display: block;
max-height: 100%;
box-sizing: border-box; }
#header-menu .header-menu__scroll .ps-scrollbar-y {
background: #666666; }
#header-menu .header-menu__scroll .ps-scrollbar-y-rail {
background: transparent; }
#header-menu section {
padding: 31px 30px;
border-bottom: 1px solid #4a4a4a; }
#header-menu section.--subscribe {
background-color: #0093EE; }
#header-menu a {
font-size: 14px;
color: #a1a1a1;
text-decoration: none;
margin-top: 9px;
font-weight: 400;
display: block; }
#header-menu a:hover {
text-decoration: underline;
color: #ffffff; }
#header-menu h4 {
margin-top: -3px;
color: #ffffff;
text-transform: uppercase; }
#header-menu h4 a {
display: block;
color: #ffffff;
margin: 0;
font-weight: 300;
text-decoration: none; }
#header-menu h4 a[href='']:hover {
text-decoration: none;
cursor: default; }
#header-menu h4 + h4 {
margin-top: 11px; }
.aside-subscribe .form-subscribe-header label {
font-size: 14px;
margin-top: -3px;
color: #ffffff;
margin-bottom: 18px;
display: block; }
.aside-subscribe .input-box {
position: relative; }
.aside-subscribe .input-box input {
height: 40px;
width: 100%;
padding-right: 50px;
border: 1px solid #d5d5d5;
font-size: 14px;
display: inline-block;
background-color: #ffffff;
color: #a1a1a1;
font-weight: 100; }
.aside-subscribe .input-box button {
display: block;
position: absolute;
width: 50px;
top: 0;
right: 0;
height: 40px;
background-color: transparent;
border: none; }
.aside-subscribe .input-box button:before {
font-size: 14px;
color: #0093EE; }
.aside-subscribe .input-box button:hover {
color: #dddddd; }
.aside-subscribe .input-box .validation-advice {
margin: 5px;
font-size: 12px; }
@media screen and (min-height: 800px) {
.header-menu__scroll .ps-scrollbar-y-rail {
display: none; } }
@media print {
#header-menu {
display: none !important; } }
/* Mobile Header menu */
#header-menu-mobile {
font-family: "Montserrat", sans-serif; }
#header-menu-mobile {
background-color: #ffffff;
position: fixed;
width: 280px;
height: 100%;
top: 0;
left: -130%;
z-index: 10;
-webkit-transition: left 0.2s linear;
-moz-transition: left 0.2s linear;
transition: left 0.2s linear; }
#header-menu-mobile.active {
left: 0; }
#header-menu-mobile > ul {
position: relative;
z-index: 11; }
#header-menu-mobile > ul > li {
list-style: none;
border-bottom: 1px solid #e2e2e2; }
#header-menu-mobile > ul > li h4.catalog {
padding: 15px;
background-color: #0093EE;
color: #ffffff; }
#header-menu-mobile h4 {
text-transform: uppercase;
cursor: pointer; }
#header-menu-mobile h4,
#header-menu-mobile h4 a {
color: #000000; }
#header-menu-mobile h4 a {
display: block;
padding: 15px;
font-weight: 500;
font-family: "Montserrat", sans-serif; }
#header-menu-mobile h4 i {
margin-right: 10px;
font-size: 20px;
top: 3px;
position: relative; }
#header-menu-mobile .sub-menu {
background-color: #ffffff;
position: fixed;
width: 280px;
height: 100%;
top: 0;
left: -105%;
z-index: 99;
overflow: hidden; }
#header-menu-mobile .sub-menu.active {
left: 0;
-webkit-transition: left 0.2s linear;
-moz-transition: left 0.2s linear;
transition: left 0.2s linear; }
#header-menu-mobile .sub-menu.active .header-back {
background-color: #0093EE;
color: #ffffff;
text-transform: uppercase;
cursor: pointer; }
#header-menu-mobile .submenu-active > ul.sub-menu {
left: 0;
-webkit-transition: left 0.2s linear;
-moz-transition: left 0.2s linear;
transition: left 0.2s linear; }
#header-menu-mobile .submenu-active > ul.sub-menu > li {
padding: 15px; }
#header-menu-mobile .submenu-active > ul.sub-menu > li a {
display: block;
padding: 7px 0;
color: #2A2A2A;
font-weight: 400; }
#header-menu-mobile .submenu-active > ul.sub-menu > li a:hover {
color: #0093EE;
text-decoration: underline; }
#header-menu-mobile .submenu-active > ul.sub-menu .header-back {
background-color: #0093EE;
color: #ffffff;
text-transform: uppercase;
cursor: pointer; }
body.mobile-menu-showed,
body.mobile-category-showed {
position: absolute;
left: 280px;
overflow: hidden !important;
max-height: 100vh !important; }
body.mobile-menu-showed header#header,
body.mobile-category-showed header#header {
left: 280px; }
body.mobile-menu-showed header .page-header-container,
body.mobile-category-showed header .page-header-container {
margin: 0; }
.menu-mobile-fader {
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: -105%;
z-index: 9;
background-color: transparent;
opacity: .8; }
.menu-mobile-fader.active {
left: 280px;
z-index: 11;
box-shadow: -25px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.breadcrumbs {
max-width: 1170px;
margin: 13px auto 0;
padding: 0 27px; }
@media only screen and (max-width: 770px) {
.breadcrumbs {
display: none; } }
.breadcrumbs ul {
width: 100%;
height: 100%;
display: block;
overflow: hidden; }
.breadcrumbs ul:after {
content: ' ';
display: table;
clear: both; }
.breadcrumbs li {
float: left;
display: block;
height: 100%;
position: relative;
padding-right: 4px; }
.breadcrumbs li span {
display: inline-block;
margin-left: -2px;
font-size: 14px;
color: #b0b0b0; }
.breadcrumbs li a {
text-decoration: underline; }
.breadcrumbs li a:hover {
text-decoration: underline;
color: #0093ee; }
.breadcrumbs li a,
.breadcrumbs li strong {
display: inline-block;
font-size: 12px;
line-height: 2.25;
color: #b0b0b0;
font-weight: 400; }
/* pager */
.pager .pages {
padding-bottom: 45px;
text-align: center; }
.pager ol {
display: inline-block; }
.pager ol li {
display: inline-block;
text-align: center;
color: #0093ee;
vertical-align: top; }
.pager ol li a {
color: #333;
text-shadow: 0 0 0 #333; }
.pager ol li .next, .pager ol li .previous {
color: #d5d5d5;
display: block;
width: 100%;
height: 100%;
font: 0px/0 a;
background-color: transparent;
position: relative; }
.pager ol li .next:hover, .pager ol li .previous:hover {
color: #0093ee; }
.pager ol li .next:after {
content: ' ';
display: block;
position: absolute;
border-style: solid;
border-width: 1px 1px 0 0;
width: 9px;
height: 9px;
top: 50%;
left: 50%; }
.pager ol li .previous:after {
content: ' ';
display: block;
position: absolute;
border-style: solid;
border-width: 1px 1px 0 0;
width: 9px;
height: 9px;
top: 50%;
left: 50%;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
margin: -6px 0 0 -6px; }
.pager ol li .next:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin: -6px 0 0 -6px; }
.pager ol li.disable-pager .previous:hover, .pager ol li.disable-pager .next:hover {
color: #d5d5d5; }
.pager ol .prev-page {
margin-right: 14px; }
.pager ol .next-page {
margin-left: 14px; }
@media only screen and (min-width: 771px) {
.pager ol li {
font-size: 18px;
line-height: 1.66;
width: 30px;
height: 30px; } }
@media only screen and (max-width: 770px) {
.pager ol li {
font-size: 15px;
line-height: 1.42;
width: 20px;
height: 20px; } }
.toolbar {
font-family: "Montserrat", sans-serif;
position: relative;
padding: 15px; }
@media only screen and (max-width: 770px) {
.toolbar {
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media only screen and (min-width: 771px) {
.toolbar:after {
content: '';
display: table;
clear: both; } }
.toolbar .trigger-filters {
display: inline-block;
cursor: pointer; }
.toolbar .trigger-filters span {
font-weight: 500;
font-size: 14px; }
@media only screen and (min-width: 770px) {
.toolbar .trigger-filters {
display: none; } }
.toolbar .limiter,
.toolbar .sort-by {
float: left;
height: 100%; }
.toolbar .limiter .label,
.toolbar .sort-by .label {
color: #a8aeb2;
text-shadow: 0 0 0 #a8aeb2;
font-size: 16px;
line-height: 1.18;
font-weight: 400; }
@media only screen and (max-width: 990px) {
.toolbar .limiter .label,
.toolbar .sort-by .label {
display: none; } }
@media only screen and (max-width: 770px) {
.toolbar .limiter {
display: none; } }
.toolbar .limiter span.sort_by {
cursor: pointer;
font-size: 16px;
color: #999999;
text-decoration: none;
border-bottom: 1px dotted #999999;
padding: 0;
margin-left: 10px;
line-height: 1.2;
font-weight: 400;
display: inline-block;
position: relative; }
.toolbar .sort-by .label {
margin-right: 15px; }
.toolbar .sort-by .asc-desk-controller {
display: inline-block;
line-height: 1; }
@media only screen and (max-width: 770px) {
.toolbar .sort-by .asc-desk-controller {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 100;
background-color: #fff;
width: 100%;
display: none;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 147, 238, 0.2);
box-shadow: 0 3px 15px 0 rgba(0, 147, 238, 0.2); }
.toolbar .sort-by .asc-desk-controller.open {
display: block; } }
.toolbar .sort-by .asc-desk-controller a {
font-size: 14px;
line-height: 1.35;
padding: 0; }
@media only screen and (min-width: 771px) {
.toolbar .sort-by .asc-desk-controller a {
display: inline-block;
margin-right: 5px; }
.toolbar .sort-by .asc-desk-controller a:last-child {
margin-right: 0; } }
@media only screen and (max-width: 770px) {
.toolbar .sort-by .asc-desk-controller a {
display: block;
padding: 15px; } }
.toolbar .sort-by .asc-desk-controller a:before {
content: "\e921";
display: inline-block;
font-size: 17px;
line-height: 1;
font-family: "secur";
color: #0093ee;
position: relative;
top: 3px; }
.toolbar .sort-by .asc-desk-controller a.selected:before {
color: #999999; }
.toolbar .sort-by .asc-desk-controller a > span {
display: inline-block; }
@media only screen and (min-width: 770px) {
.toolbar .sort-by .asc-desk-controller a > span {
display: none; } }
.toolbar .sort-by .asc-desk-controller span.sort_by {
cursor: pointer;
font-size: 14px;
line-height: 1.35;
padding: 0; }
@media only screen and (min-width: 771px) {
.toolbar .sort-by .asc-desk-controller span.sort_by {
display: inline-block;
margin-right: 5px; }
.toolbar .sort-by .asc-desk-controller span.sort_by:last-child {
margin-right: 0; } }
@media only screen and (max-width: 770px) {
.toolbar .sort-by .asc-desk-controller span.sort_by {
display: block;
padding: 15px; } }
.toolbar .sort-by .asc-desk-controller span.sort_by:before {
content: "\e921";
display: inline-block;
font-size: 17px;
line-height: 1;
font-family: "secur";
color: #0093ee;
position: relative;
top: 3px; }
.toolbar .sort-by .asc-desk-controller span.sort_by.selected:before {
color: #999999; }
.toolbar .sort-by .asc-desk-controller span.sort_by > span {
display: inline-block; }
@media only screen and (min-width: 770px) {
.toolbar .sort-by .asc-desk-controller span.sort_by > span {
display: none; } }
.toolbar .sort-by .asc-desk-controller a.desc:before {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
.toolbar .sort-by .asc-desk-controller span.desc:before {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
.toolbar .sort-by > a {
font-size: 14px;
color: #999999;
text-decoration: none;
padding: 0;
font-weight: 400;
line-height: 1.35;
display: inline-block;
position: relative; }
@media only screen and (min-width: 771px) {
.toolbar .sort-by > a {
border-bottom: 1px dotted #999999;
margin-right: 8px; }
.toolbar .sort-by > a:last-child {
margin-right: 0; } }
.toolbar .sort-by > span.sort_by {
cursor: pointer;
font-size: 14px;
color: #999999;
text-decoration: none;
padding: 0;
font-weight: 400;
line-height: 1.35;
display: inline-block;
position: relative; }
@media only screen and (min-width: 771px) {
.toolbar .sort-by > span.sort_by {
border-bottom: 1px dotted #999999;
margin-right: 8px; }
.toolbar .sort-by > span.sort_by:last-child {
margin-right: 0; } }
.toolbar .limiter span.sort_by:hover, .toolbar .sort-by span.sort_by:hover {
border-bottom: 0; }
.toolbar .limiter span.sort_by.selected {
color: #0093ee;
border-bottom-color: transparent; }
.toolbar .sort-by .selected.sort_by {
color: #0093ee;
border-bottom-color: transparent; }
.toolbar .view-mode {
float: right;
padding: 4px 0; }
.toolbar .view-mode:after {
content: ' ';
display: table;
clear: both; }
.toolbar .view-mode a {
color: #b0b0b0;
display: block;
width: 15px;
height: 15px;
float: left;
margin-right: 13px; }
.toolbar .view-mode a.active {
color: #00bcff; }
.toolbar .view-mode a:hover {
color: #0093ee; }
.toolbar .view-mode a:last-child {
margin-right: 0; }
.toolbar .view-mode span.sort_by {
cursor: pointer;
color: #b0b0b0;
display: block;
width: 15px;
height: 15px;
float: left;
margin-right: 13px; }
.toolbar .view-mode span.sort_by.active {
color: #00bcff; }
.toolbar .view-mode span.sort_by:hover {
color: #0093ee; }
.toolbar .view-mode span.sort_by:last-child {
margin-right: 0; }
.toolbar .limiter {
float: right;
margin-right: 20px; }
.cms-index-index .wrap-top {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto 16px;
display: flex;
justify-content: space-between;
position: relative; }
@media only screen and (max-width: 1199px) {
.cms-index-index .wrap-top {
display: block; } }
@media only screen and (max-width: 770px) {
.cms-index-index .wrap-top {
padding: 0 10px; } }
.cms-index-index .wrap-top .nav-primary {
width: 285px;
box-shadow: none; }
@media only screen and (max-width: 1199px) {
.cms-index-index .wrap-top .nav-primary {
display: none; } }
.cms-index-index .wrap-top .nav-primary a.level0 + .wrap {
left: 300px;
z-index: 2; }
.cms-index-index .wrap-top .nav-primary ul.level0 {
z-index: 1; }
#header-currency {
width: 245px;
position: absolute;
z-index: 3;
top: 47px;
right: -26px;
padding-top: 11px;
font-family: "Montserrat", sans-serif; }
#header-currency .form-language {
text-align: center;
padding: 34px 18px; }
#header-currency .block-inputs {
margin-bottom: 22px;
padding-bottom: 24px;
border-bottom: 1px solid #dddddd; }
#header-currency p {
text-align: left;
font-size: 14px;
font-weight: 400; }
#header-currency .block-title {
color: #222d38;
margin-bottom: 30px; }
#header-currency .block-title h3 {
font-size: 18px;
font-weight: 500;
text-align: left;
padding-bottom: 13px;
border-bottom: 1px solid #dddddd; }
#header-currency input[type="radio"] {
display: none; }
#header-currency input[type="radio"]:checked + label {
font-weight: 600; }
#header-currency input[type="radio"]:checked + label:after {
display: block;
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
content: "";
top: 6px;
left: 22px;
background: #0093ee; }
#header-currency input[type="radio"]:checked + label[for='currency_USD']:after {
left: 20px; }
#header-currency label {
display: inline-block;
vertical-align: top;
padding-top: 29px;
cursor: pointer;
position: relative;
font-weight: 500; }
#header-currency label:before {
display: block;
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
border: 1px solid #d6d6d6;
content: "";
top: 0;
left: 50%;
margin-left: -8px; }
#header-currency label:nth-of-type(2) {
margin: 0 30px; }
#header-currency label span {
display: inline-block; }
body.nosearch .typeahead {
display: none !important; }
.typeahead {
position: fixed;
top: 125px !important;
background: #fff;
border-top: 1px solid #CCC;
margin-top: -1px;
z-index: 10;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
max-height: 75vh;
overflow-y: scroll; }
@media only screen and (max-width: 770px) {
.typeahead {
left: 10px !important;
right: 10px !important;
width: calc(100% - 20px) !important; } }
.typeahead li:not(:last-child) {
border-bottom: 1px solid #F2F2F2; }
@media only screen and (max-width: 770px) {
.typeahead li {
padding: 0 10px; } }
.typeahead .autocomplete-wrapper {
display: flex;
justify-content: space-between;
position: relative;
min-height: 90px; }
.typeahead .autocomplete-wrapper:after {
content: ' ';
display: table;
clear: both; }
.typeahead .autocomplete-wrapper:hover:before {
content: ' ';
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 147, 238, 0.4);
z-index: 1; }
.typeahead .autocomplete-image {
min-width: 60px;
max-width: 60px;
height: 60px;
margin: auto 0; }
.typeahead .autocomplete-image img {
max-width: 100%; }
.typeahead .autocomplete-price {
width: 135px;
font-size: 22px;
line-height: 60px;
color: #333333;
text-shadow: 0 0 0 #333333;
text-align: right;
margin: auto; }
.typeahead .autocomplete-price .price-symbol {
padding-right: 7px;
padding-left: 5px; }
.typeahead .autocomplete-price .tail {
font-size: 13px; }
.typeahead .autocomplete-details {
overflow: visible;
padding: 0 15px;
margin: auto 0;
width: 100%; }
.typeahead .autocomplete-details:before {
content: ' ';
display: inline-block;
height: 100%;
vertical-align: middle; }
.typeahead .autocomplete-details .autocomplete-details-inner-wrap {
display: inline-block;
vertical-align: middle; }
.typeahead .autocomplete-details h3 {
max-height: 55px;
overflow: hidden;
line-height: 1.2;
color: #333333;
text-shadow: 0 0 0 #333333;
font-size: 110%;
font-weight: 300; }
.typeahead .autocomplete-details .item-sku {
font-size: 89%;
color: #666666;
text-shadow: 0 0 0 #666666; }
.cms-index-index .banner-home {
width: calc(100% - 305px);
margin: 20px 0 0 20px; }
.cms-index-index .banner-home .slick-slide img {
width: 100%;
max-width: 100%; }
@media only screen and (max-width: 1199px) {
.cms-index-index .banner-home {
width: 100%;
margin: 0; } }
.cms-index-index .banner-home .slick-btn {
width: 60px;
height: 60px;
display: block;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 40%; }
.cms-index-index .banner-home .slick-btn:after {
content: "";
font-family: "secur";
font-size: 19px;
line-height: 60px;
color: #b0b0b0;
top: 0;
position: absolute;
text-indent: 0;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
transition: color 0.2s linear; }
.cms-index-index .banner-home .slick-btn.slick-prev {
left: 0; }
.cms-index-index .banner-home .slick-btn.slick-prev:after {
content: "\e902";
left: 20px; }
.cms-index-index .banner-home .slick-btn.slick-next {
right: 0; }
.cms-index-index .banner-home .slick-btn.slick-next:after {
content: "\e905";
right: 20px; }
.cms-index-index .banner-home .slick-btn:hover {
cursor: pointer; }
.cms-index-index .banner-home .slick-btn:hover:after {
color: #0093EE; }
.cms-index-index .banner-home .slick-dots {
text-align: center; }
@media only screen and (max-width: 479px) {
.cms-index-index .banner-home .slick-dots {
position: relative; } }
.cms-index-index .banner-home .slick-dots li {
display: inline-block; }
.cms-index-index .banner-home .slick-dots li.slick-active button {
height: 4px;
background: #0093EE; }
.cms-index-index .banner-home .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #afb2b3;
display: block;
font-size: 0;
margin: 10px 5px; }
.cms-index-index .banner-home .brands_homepage {
margin-top: 45px; }
.cms-index-index .banner-home .brands_homepage .top-brands-list {
display: flex;
justify-content: space-between; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item {
position: relative;
display: flex;
align-items: center;
padding: 0 30px; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item:after {
content: "";
width: 2px;
height: 12px;
background-color: #0093ee;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item:after {
right: 0; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item:first-child {
padding-left: 10px; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item:last-child {
padding-right: 10px; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item:last-child:after {
display: none; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item .image-inner {
position: relative;
cursor: pointer; }
.cms-index-index .banner-home .brands_homepage .top-brands-list .top-brand-item .image-inner a {
font-size: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
@media screen and (max-width: 767px) {
.cms-index-index .banner-home .brands_homepage {
display: none; } }
.cms-index-index .advantage {
max-width: 1140px;
padding: 56px 10px 15px;
margin: 0 auto 21px; }
@media only screen and (max-width: 479px) {
.cms-index-index .advantage {
padding: 30px 0 0 0;
max-width: 100%; } }
.cms-index-index .advantage .item {
width: 25%; }
@media only screen and (max-width: 1200px) {
.cms-index-index .advantage .item {
width: 33.3333%; } }
@media only screen and (max-width: 770px) {
.cms-index-index .advantage .item {
width: 50%; } }
@media only screen and (max-width: 480px) {
.cms-index-index .advantage .item {
width: 100%; } }
.cms-index-index .advantage .inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
padding: 10px 10px 10px 0;
max-width: 285px;
margin: 0 auto; }
@media only screen and (max-width: 479px) {
.cms-index-index .advantage .inner {
padding: 10px 0; } }
.cms-index-index .advantage .advantage-img-wrap {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
overflow: hidden;
display: flex; }
@media only screen and (max-width: 479px) {
.cms-index-index .advantage .advantage-img-wrap {
width: 50px;
height: 50px; } }
.cms-index-index .advantage .advantage-img {
width: 100%;
height: 100%;
margin: auto;
position: relative; }
.cms-index-index .advantage .advantage-img:after {
content: "";
font-family: "secur";
font-size: 30px;
color: #0093ee;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%); }
@media only screen and (max-width: 479px) {
.cms-index-index .advantage .advantage-img:after {
content: "";
font-size: 24px; } }
.cms-index-index .advantage .advantage-img.img-main-client:after {
content: "\e915"; }
.cms-index-index .advantage .advantage-img.img-clients:after {
content: "\e90a"; }
.cms-index-index .advantage .advantage-img.img-company:after {
content: "\e906"; }
.cms-index-index .advantage .advantage-img.img-camera:after {
content: "\e908"; }
.cms-index-index .advantage .title {
color: #0093ee;
padding-top: 6px;
margin-bottom: 4px; }
.cms-index-index .advantage .title .big {
font-size: 30px;
line-height: 26px;
display: block; }
.cms-index-index .advantage .title .small {
font-size: 16px;
display: block; }
.cms-index-index .advantage .advantage-content {
width: calc(100% - 80px); }
@media only screen and (max-width: 479px) {
.cms-index-index .advantage .advantage-content {
width: calc(100% - 70px); } }
.cms-index-index .advantage .txt {
font-size: 14px;
line-height: 20px;
font-weight: 400; }
@media only screen and (min-width: 979px) {
.cms-index-index .advantage .txt {
max-width: 175px; } }
.cms-index-index .advantage .slick-dots {
text-align: center; }
@media only screen and (max-width: 479px) {
.cms-index-index .advantage .slick-dots {
margin: 0 10px;
position: relative; } }
.cms-index-index .advantage .slick-dots li {
display: inline-block; }
.cms-index-index .advantage .slick-dots li.slick-active button {
height: 3px;
background: #0093EE; }
.cms-index-index .advantage .slick-dots button {
border: none;
height: 2px;
width: 43px;
outline: none;
background-color: #afb2b3;
display: block;
font-size: 0;
cursor: pointer;
margin: 10px 5px; }
.grey-wrap {
padding-top: 60px; }
@media only screen and (max-width: 770px) {
.grey-wrap {
padding-top: 0; } }
.popular_items,
.already-watched {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 6px 15px 0 15px; }
@media only screen and (max-width: 770px) {
.popular_items,
.already-watched {
padding: 0; } }
.popular_items h2,
.already-watched h2 {
font-size: 32px;
font-weight: 300;
color: #333333;
text-transform: uppercase; }
@media only screen and (max-width: 770px) {
.popular_items h2,
.already-watched h2 {
font-size: 24px;
line-height: 28px;
padding: 0 15px; } }
.popular_items .list-items,
.already-watched .list-items {
margin: 0 -25px;
list-style: none;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 28px 0 25px; }
.popular_items .list-items .item,
.already-watched .list-items .item {
width: calc(25% - 30px); }
@media only screen and (max-width: 1200px) {
.popular_items .list-items .item,
.already-watched .list-items .item {
width: calc(33.3333% - 30px); } }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item,
.already-watched .list-items .item {
margin: 0;
width: 50%; }
.popular_items .list-items .item:nth-child(2),
.already-watched .list-items .item:nth-child(2) {
border-right: 0; }
.popular_items .list-items .item:nth-child(3),
.already-watched .list-items .item:nth-child(3) {
display: none; }
.popular_items .list-items .item:nth-child(4),
.already-watched .list-items .item:nth-child(4) {
display: none; } }
.popular_items .list-items.slick-initialized,
.already-watched .list-items.slick-initialized {
display: block;
padding: 0;
margin: 0 -25px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items.slick-initialized,
.already-watched .list-items.slick-initialized {
margin: 0; } }
.popular_items .list-items.slick-initialized .item,
.already-watched .list-items.slick-initialized .item {
width: 100%; }
@media only screen and (max-width: 1200px) {
.popular_items .list-items.slick-initialized .item,
.already-watched .list-items.slick-initialized .item {
width: 100%; } }
@media only screen and (max-width: 770px) {
.popular_items .list-items.slick-initialized .item,
.already-watched .list-items.slick-initialized .item {
width: 100%; }
.popular_items .list-items.slick-initialized .item:nth-child(2),
.already-watched .list-items.slick-initialized .item:nth-child(2) {
border-right: 1px solid #dddddd; }
.popular_items .list-items.slick-initialized .item:nth-child(3), .popular_items .list-items.slick-initialized .item:nth-child(4),
.already-watched .list-items.slick-initialized .item:nth-child(3),
.already-watched .list-items.slick-initialized .item:nth-child(4) {
display: block; } }
@media only screen and (max-width: 770px) {
.popular_items .list-items,
.already-watched .list-items {
margin: 0; } }
@media only screen and (max-width: 770px) {
.popular_items .list-items .slick-list,
.already-watched .list-items .slick-list {
margin: 0; } }
.popular_items .list-items .slick-track,
.already-watched .list-items .slick-track {
padding: 38px 0 49px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .slick-track,
.already-watched .list-items .slick-track {
padding: 22px 0 20px 0; } }
@media only screen and (max-width: 770px) {
.popular_items .list-items .slick-current + .slick-active,
.already-watched .list-items .slick-current + .slick-active {
border-right: 1px solid transparent; } }
.popular_items .list-items .item,
.already-watched .list-items .item {
margin: 0 15px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item,
.already-watched .list-items .item {
background: #fff;
margin: 0;
border-right: 1px solid #dddddd; }
.popular_items .list-items .item:last-child,
.already-watched .list-items .item:last-child {
border-right: none; } }
.popular_items .list-items .item .item_inner,
.already-watched .list-items .item .item_inner {
position: relative;
overflow: hidden;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
background: #fff; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .item_inner,
.already-watched .list-items .item .item_inner {
box-shadow: none;
padding: 0 10px; } }
.popular_items .list-items .item .product-wrap,
.already-watched .list-items .item .product-wrap {
background: #fff;
padding-top: 0; }
.popular_items .list-items .item img,
.already-watched .list-items .item img {
display: block;
width: 100%;
height: auto;
margin: 0 auto; }
.popular_items .list-items .item .product-title,
.already-watched .list-items .item .product-title {
background-color: #fff;
text-align: left;
padding: 9px 20px 0 20px;
margin-bottom: 25px; }
@media only screen and (max-width: 479px) {
.popular_items .list-items .item .product-title,
.already-watched .list-items .item .product-title {
padding: 0;
margin-bottom: 9px; } }
.popular_items .list-items .item .product-title h3,
.already-watched .list-items .item .product-title h3 {
max-height: 52px;
min-height: 52px;
overflow: hidden;
font-style: normal;
line-height: 18px;
font-size: 14px;
font-weight: 400; }
@media only screen and (max-width: 479px) {
.popular_items .list-items .item .product-title h3,
.already-watched .list-items .item .product-title h3 {
font-size: 13px;
line-height: 21px;
max-height: inherit;
min-height: 84px; } }
.popular_items .list-items .item .wrap-bottom,
.already-watched .list-items .item .wrap-bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 20px;
align-items: flex-end; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .wrap-bottom,
.already-watched .list-items .item .wrap-bottom {
align-items: center; } }
@media only screen and (max-width: 479px) {
.popular_items .list-items .item .wrap-bottom,
.already-watched .list-items .item .wrap-bottom {
padding: 0; } }
.popular_items .list-items .item .block-middle,
.already-watched .list-items .item .block-middle {
width: 100%;
display: flex;
justify-content: space-between; }
.popular_items .list-items .item .item-sku,
.already-watched .list-items .item .item-sku {
font-style: normal;
font-size: 14px;
color: #b0b0b0;
display: block;
width: calc(100% - 70px);
font-weight: 400; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .item-sku,
.already-watched .list-items .item .item-sku {
border-bottom: 1px solid #dddddd;
margin-bottom: 15px; } }
@media only screen and (max-width: 479px) {
.popular_items .list-items .item .item-sku,
.already-watched .list-items .item .item-sku {
font-size: 12px;
width: calc(100% - 62px);
padding-top: 0;
padding-bottom: 10px; } }
.popular_items .list-items .item .price-and-add,
.already-watched .list-items .item .price-and-add {
display: flex;
width: 100%;
justify-content: space-between;
margin-top: 9px; }
.popular_items .list-items .item .price-and-add .label-price,
.already-watched .list-items .item .price-and-add .label-price {
font-family: "Montserrat", sans-serif;
font-size: 12px;
color: #0093ee;
font-weight: 600;
margin: auto 2px auto 0; }
@media only screen and (min-width: 771px) {
.popular_items .list-items .item .price-and-add .label-price,
.already-watched .list-items .item .price-and-add .label-price {
padding-top: 1px;
font-size: 13px;
margin-right: 5px; } }
.popular_items .list-items .item .price-box,
.already-watched .list-items .item .price-box {
flex-shrink: 0;
display: flex;
justify-content: space-between;
flex-direction: column;
margin: auto 2px auto 0;
flex-grow: 1; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .price-box,
.already-watched .list-items .item .price-box {
width: auto;
padding-bottom: 0; } }
@media only screen and (max-width: 479px) {
.popular_items .list-items .item .price-box,
.already-watched .list-items .item .price-box {
flex-wrap: wrap; } }
.popular_items .list-items .item .price-box:after,
.already-watched .list-items .item .price-box:after {
content: '';
display: table;
clear: both;
height: 0; }
.popular_items .list-items .item .price-box .old-price,
.already-watched .list-items .item .price-box .old-price {
font-size: 16px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .price-box .old-price,
.already-watched .list-items .item .price-box .old-price {
line-height: 14px; } }
.popular_items .list-items .item .price-box .old-price .price-label,
.already-watched .list-items .item .price-box .old-price .price-label {
width: 50%;
font-size: 12px;
text-transform: uppercase;
display: none; }
.popular_items .list-items .item .price-box .old-price .price,
.already-watched .list-items .item .price-box .old-price .price {
position: relative;
display: block;
color: #ff6863;
font-weight: normal;
line-height: 14px; }
.popular_items .list-items .item .price-box .old-price .price-value,
.already-watched .list-items .item .price-box .old-price .price-value {
font-size: 14px;
line-height: 14px;
text-decoration: line-through; }
.popular_items .list-items .item .price-box .old-price .tail,
.already-watched .list-items .item .price-box .old-price .tail {
font-size: 11px; }
.popular_items .list-items .item .price-box .old-price .price-symbol:after,
.already-watched .list-items .item .price-box .old-price .price-symbol:after {
content: '\2008'; }
.popular_items .list-items .item .price-box .regular-price,
.already-watched .list-items .item .price-box .regular-price {
text-align: left;
display: block;
font-size: 18px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .price-box .regular-price,
.already-watched .list-items .item .price-box .regular-price {
line-height: 14px; } }
.popular_items .list-items .item .price-box .regular-price .price-label,
.already-watched .list-items .item .price-box .regular-price .price-label {
display: none; }
.popular_items .list-items .item .price-box .regular-price .tail,
.already-watched .list-items .item .price-box .regular-price .tail {
font-size: 11px; }
.popular_items .list-items .item .price-box .regular-price .price-symbol,
.already-watched .list-items .item .price-box .regular-price .price-symbol {
font-size: 14px;
margin-left: 2px; }
.popular_items .list-items .item .price-box .regular-price .price-symbol:after,
.already-watched .list-items .item .price-box .regular-price .price-symbol:after {
content: '\2008'; }
.popular_items .list-items .item .price-box .special-price,
.already-watched .list-items .item .price-box .special-price {
display: block;
font-size: 18px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .item .price-box .special-price,
.already-watched .list-items .item .price-box .special-price {
line-height: 14px; } }
.popular_items .list-items .item .price-box .special-price .price-label,
.already-watched .list-items .item .price-box .special-price .price-label {
display: none; }
.popular_items .list-items .item .price-box .special-price .tail,
.already-watched .list-items .item .price-box .special-price .tail {
font-size: 11px; }
.popular_items .list-items .item .price-box .special-price .price-symbol:after,
.already-watched .list-items .item .price-box .special-price .price-symbol:after {
content: '\2008'; }
.popular_items .list-items .price,
.already-watched .list-items .price {
font-style: normal;
font-weight: bold;
color: #0093ee; }
.popular_items .list-items .price .price-value,
.already-watched .list-items .price .price-value {
font-size: 20px;
line-height: 20px; }
@media only screen and (max-width: 479px) {
.popular_items .list-items .price .price-value,
.already-watched .list-items .price .price-value {
font-size: 14px; } }
.popular_items .list-items .block-top,
.already-watched .list-items .block-top {
display: flex;
flex-direction: row;
width: 70px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items .block-top,
.already-watched .list-items .block-top {
border-bottom: 1px solid #dddddd;
margin-bottom: 15px; } }
@media only screen and (max-width: 479px) {
.popular_items .list-items .block-top,
.already-watched .list-items .block-top {
width: 62px; } }
.popular_items .list-items .block-top li,
.already-watched .list-items .block-top li {
width: 35px;
height: 27px; }
@media only screen and (max-width: 479px) {
.popular_items .list-items .block-top li,
.already-watched .list-items .block-top li {
width: 19px;
height: 19px;
margin-left: 8px; } }
.popular_items .list-items .block-top li a,
.already-watched .list-items .block-top li a {
display: block;
overflow: hidden;
height: 25px;
width: 25px; }
.popular_items .list-items .block-top li a span,
.already-watched .list-items .block-top li a span {
display: none; }
.popular_items .list-items .block-top li a.compare,
.already-watched .list-items .block-top li a.compare {
position: relative; }
.popular_items .list-items .block-top li a.compare:before,
.already-watched .list-items .block-top li a.compare:before {
content: "\e91e";
font-family: "secur";
font-size: 20px;
line-height: 20px;
color: #b0b0b0;
top: 0;
right: 0;
position: absolute;
text-indent: 0; }
@media only screen and (max-width: 479px) {
.popular_items .list-items .block-top li a.compare:before,
.already-watched .list-items .block-top li a.compare:before {
font-size: 16px;
line-height: 16px;
top: 2px;
height: 20px;
width: 20px; } }
.popular_items .list-items .block-top li a.compare:hover:before, .popular_items .list-items .block-top li a.compare.inCompare:before,
.already-watched .list-items .block-top li a.compare:hover:before,
.already-watched .list-items .block-top li a.compare.inCompare:before {
color: #0093EE; }
.popular_items .list-items .block-top li a.wishlist-action,
.already-watched .list-items .block-top li a.wishlist-action {
position: relative; }
.popular_items .list-items .block-top li a.wishlist-action:before,
.already-watched .list-items .block-top li a.wishlist-action:before {
content: "\e913";
font-family: "secur";
font-size: 20px;
line-height: 20px;
color: #b0b0b0;
top: 0;
right: 0;
position: absolute;
text-indent: 0; }
@media only screen and (max-width: 479px) {
.popular_items .list-items .block-top li a.wishlist-action:before,
.already-watched .list-items .block-top li a.wishlist-action:before {
content: "\e913";
font-size: 16px;
line-height: 16px;
top: 2px; } }
.popular_items .list-items .block-top li a.wishlist-action:hover:before, .popular_items .list-items .block-top li a.wishlist-action.remove-from-wishlist:before,
.already-watched .list-items .block-top li a.wishlist-action:hover:before,
.already-watched .list-items .block-top li a.wishlist-action.remove-from-wishlist:before {
color: #0093EE; }
.popular_items .list-items button.btn-cart,
.already-watched .list-items button.btn-cart {
background: #0093EE;
border: 1px solid #0093EE;
-webkit-appearance: none;
height: 40px;
padding: 4px 16px;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
clear: both;
width: 100px;
margin-right: -20px;
position: relative;
font-family: "Montserrat", sans-serif;
transition: all 0.5s; }
.popular_items .list-items button.btn-cart:not(:disabled):hover,
.already-watched .list-items button.btn-cart:not(:disabled):hover {
box-shadow: none;
background: #ffffff;
color: #0093EE; }
@media only screen and (max-width: 770px) {
.popular_items .list-items button.btn-cart,
.already-watched .list-items button.btn-cart {
text-indent: -9999px;
width: 41px;
height: 35px;
margin: 0; }
.popular_items .list-items button.btn-cart:after,
.already-watched .list-items button.btn-cart:after {
content: "\e907";
text-indent: 0;
color: #ffffff;
font-size: 20px;
line-height: 30px;
top: 2px;
left: 10px;
font-family: "secur";
position: absolute; }
.popular_items .list-items button.btn-cart:hover:after,
.already-watched .list-items button.btn-cart:hover:after {
color: #0093EE; } }
.popular_items .list-items button.out-of-stock,
.already-watched .list-items button.out-of-stock {
font-size: 10px;
margin-right: -20px;
height: 40px;
padding: 0 10px;
margin-top: 9px; }
@media only screen and (max-width: 770px) {
.popular_items .list-items button.out-of-stock,
.already-watched .list-items button.out-of-stock {
padding: 0 5px;
margin: 0;
width: 70px; } }
.popular_items .slick-dots,
.already-watched .slick-dots {
text-align: center; }
.popular_items .slick-dots li,
.already-watched .slick-dots li {
display: inline-block;
margin: 5px 0; }
.popular_items .slick-dots li.slick-active button,
.already-watched .slick-dots li.slick-active button {
height: 4px;
background: #0093ee;
position: relative;
top: -1px; }
.popular_items .slick-dots button,
.already-watched .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #afb2b3;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
.popular_items .slick-dots button,
.already-watched .slick-dots button {
width: 25px; } }
.popular_items .slick-prev.icon-prev,
.popular_items .slick-next.icon-next,
.already-watched .slick-prev.icon-prev,
.already-watched .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: 20px;
cursor: pointer; }
.popular_items .slick-prev.icon-prev:after,
.popular_items .slick-next.icon-next:after,
.already-watched .slick-prev.icon-prev:after,
.already-watched .slick-next.icon-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #b0b0b0;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
.popular_items .slick-prev.icon-prev:hover:after,
.popular_items .slick-next.icon-next:hover:after,
.already-watched .slick-prev.icon-prev:hover:after,
.already-watched .slick-next.icon-next:hover:after {
color: #0093EE; }
.popular_items .slick-prev.icon-prev,
.already-watched .slick-prev.icon-prev {
left: calc(50% - 130px);
position: relative; }
.popular_items .slick-prev.icon-prev:after,
.already-watched .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
.popular_items .slick-next.icon-next,
.already-watched .slick-next.icon-next {
position: relative;
left: calc(50% + 80px); }
.popular_items .slick-next.icon-next:after,
.already-watched .slick-next.icon-next:after {
content: "\e905";
right: 0; }
.popular_items {
margin: 0 auto 56px; }
@media only screen and (max-width: 770px) {
.popular_items {
margin: 0 auto 30px; } }
@media only screen and (max-width: 770px) {
.grey-wrap {
background: #f6f8f9;
padding: 45px 0 0 0; }
.grey-wrap .already-watched .popular-items-slider-wrap .list-items-wrap .viewed-items .item .item_inner,
.grey-wrap .already-watched .popular-items-slider-wrap .list-items-wrap .viewed-items .item .product-title {
background: #f6f8f9; }
.switch-box-inner {
background: #f6f8f9;
padding: 45px 0 60px 0; }
.switch-box-inner .switch-slider-inner .popular-items-slider-wrap .list-items-wrap .list-items .item .item_inner,
.switch-box-inner .switch-slider-inner .popular-items-slider-wrap .list-items-wrap .list-items .item .product-title {
background: #f6f8f9; } }
.news-articles {
background-color: #FAFAFA;
padding: 57px 0 73px; }
@media only screen and (max-width: 479px) {
.news-articles {
padding: 32px 0 70px; } }
.news-articles .news-wrap {
margin: 0 auto;
max-width: 1140px;
padding: 0 10px; }
.news-articles .news-slider {
margin: 0 -10px 36px; }
@media only screen and (max-width: 479px) {
.news-articles .news-slider {
margin: -15px -10px 30px; } }
.news-articles .news-header {
font-size: 32px;
text-transform: uppercase;
margin-bottom: 22px;
font-weight: 300; }
@media only screen and (max-width: 479px) {
.news-articles .news-header {
font-size: 24px;
margin-bottom: 0; } }
.news-articles .news-container {
margin: 15px;
position: relative; }
@media only screen and (max-width: 479px) {
.news-articles .news-container {
margin: 25px 10px 35px; } }
.news-articles .news-container .inner {
max-width: 255px;
height: 300px;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
position: relative;
margin: 0 auto;
overflow: hidden; }
@media only screen and (max-width: 479px) {
.news-articles .news-container .inner {
max-width: 300px;
height: 245px;
box-shadow: 0 0 35px 0 rgba(0, 147, 238, 0.2); } }
.news-articles .news-container .inner a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end; }
.news-articles .news-container img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.news-articles .news-title {
min-height: 110px;
padding: 19px 15px 20px;
background-color: #ffffff;
position: relative; }
@media only screen and (max-width: 479px) {
.news-articles .news-title {
min-height: 85px;
padding: 15px 10px; } }
.news-articles .news-title h3 {
font-size: 16px;
font-weight: 400;
color: #000;
line-height: 23px;
text-align: center;
font-family: "Montserrat", sans-serif; }
.news-articles .news-bottom {
text-align: center; }
.news-articles .news-bottom a {
width: 150px;
padding: 9px 0 8px;
font-weight: 500;
background: #ffffff;
color: #0093EE;
border: 1px solid #0093EE;
text-align: center;
font-size: 14px;
display: inline-block;
margin: 0 7px;
text-transform: uppercase;
-webkit-transition: background .5s linear;
-moz-transition: background .5s linear;
-ms-transition: background .5s linear;
-o-transition: background .5s linear;
transition: background .5s linear; }
.news-articles .news-bottom a:hover {
color: #ffffff;
background: #0093EE; }
@media only screen and (max-width: 479px) {
.news-articles .news-bottom a {
width: 140px;
padding: 7px 0 5px;
margin: 0 5px;
font-size: 14px; } }
.news-articles .slick-dots {
text-align: center; }
@media only screen and (max-width: 479px) {
.news-articles .slick-dots {
margin: -20px 10px;
position: relative; } }
.news-articles .slick-dots li {
display: inline-block;
margin: 5px; }
.news-articles .slick-dots li.slick-active button {
height: 3px;
background: #0093EE; }
.news-articles .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #afb2b3;
display: block;
font-size: 0; }
/* seo cms block */
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo {
padding: 65px 0 58px;
max-width: 1170px;
margin: 0 auto;
position: relative;
color: #8d8d8d;
font-size: 0.96em;
text-shadow: 0 0 0 #8d8d8d; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo h2 {
font-size: 30px;
font-weight: 300;
padding-bottom: 23px; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo h2, body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo h3, body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo h4 {
text-shadow: none; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo p {
padding-bottom: 17px;
font-size: 0.96em;
color: #8d8d8d;
text-shadow: 0 0 0 #8d8d8d; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo strong {
text-shadow: none; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo .about_us_seo_container.hidden {
overflow: hidden;
position: relative; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo .about_us_seo_container.hidden:after {
content: ' ';
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
background: white;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, #fff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 70%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 70%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 70%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
-webkit-transition: bottom 0.3s linear;
-moz-transition: bottom 0.3s linear;
-ms-transition: bottom 0.3s linear;
-o-transition: bottom 0.3s linear;
transition: bottom 0.3s linear; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo .about_us_seo_container.active:after {
bottom: -100px; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo button {
position: absolute;
width: 44px;
height: 44px;
left: 50%;
margin: -30px 0 0 -22px;
font: 0px/0 a;
color: #0093ee;
background-color: transparent;
border: 1px solid;
border-radius: 50%; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo button:hover {
color: #666; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo button:after {
content: ' ';
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
margin: -9px 0 0 -7px;
border-width: 0 1px 1px 0;
border-style: solid;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_seo button.active:after {
margin: -4px 0 0 -7px;
-webkit-transform: rotate(-495deg);
-moz-transform: rotate(-495deg);
-ms-transform: rotate(-495deg);
-o-transform: rotate(-495deg);
transform: rotate(-495deg); }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 64px 10px 24px; }
@media only screen and (max-width: 979px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us {
flex-direction: column; } }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us h1 {
text-transform: uppercase;
font-size: 32px;
line-height: 36px;
margin-bottom: 35px;
width: 100%;
font-weight: 300;
font-family: "Montserrat", sans-serif; }
@media only screen and (max-width: 979px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us h1 {
font-size: 28px; } }
@media only screen and (max-width: 479px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us h1 {
font-size: 24px;
line-height: 34px;
margin-bottom: 16px; } }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_content {
width: 50%; }
@media only screen and (max-width: 1199px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_content {
width: 57%; } }
@media only screen and (max-width: 979px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_content {
width: 100%; } }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_content p {
margin-bottom: 10px;
font-size: 14px;
line-height: 24px;
font-family: "Montserrat", sans-serif;
padding: 0 5px;
font-weight: 400; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_content.hidden {
overflow: hidden;
position: relative; }
@media only screen and (max-width: 979px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_content p {
padding: 0; } }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_button {
width: 100%;
margin: 15px 0 25px; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_button button {
display: inline-block;
color: #0093ee;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
border: 1px solid #0093ee;
padding: 11px 30px;
-webkit-appearance: none;
background: transparent;
outline: none;
transition: all 0.2s;
font-weight: 500; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_button button:hover {
background: #0093ee;
color: #fff; }
@media only screen and (min-width: 980px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_button {
order: 1; } }
@media only screen and (max-width: 479px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_button {
margin: 30px 0; } }
@media only screen and (max-width: 479px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_button button {
padding: 9px 25px; } }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_img {
width: 45%; }
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_img img {
width: 100%; }
@media only screen and (max-width: 1199px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_img {
width: 37%; } }
@media only screen and (max-width: 979px) {
body:not(.productlanding-page-view):not(.catalog-category-last-child) .about_us_img {
width: 100%;
max-width: 350px; } }
.productlanding-page-view .long-description,
.productlanding-page-view .about_us_seo,
.catalog-category-last-child .long-description,
.catalog-category-last-child .about_us_seo {
max-width: 1170px;
position: relative;
color: #8d8d8d;
font-size: 0.96em;
text-shadow: 0 0 0 #8d8d8d; }
@media only screen and (min-width: 771px) {
.productlanding-page-view .long-description,
.productlanding-page-view .about_us_seo,
.catalog-category-last-child .long-description,
.catalog-category-last-child .about_us_seo {
margin: 0 15px;
padding: 65px 0 58px; } }
@media only screen and (max-width: 770px) {
.productlanding-page-view .long-description,
.productlanding-page-view .about_us_seo,
.catalog-category-last-child .long-description,
.catalog-category-last-child .about_us_seo {
padding: 40px 0 30px;
margin: 0 10px; } }
.productlanding-page-view .long-description h2,
.productlanding-page-view .about_us_seo h2,
.catalog-category-last-child .long-description h2,
.catalog-category-last-child .about_us_seo h2 {
font-size: 30px;
font-weight: 300;
padding-bottom: 23px; }
.productlanding-page-view .long-description h2, .productlanding-page-view .long-description h3, .productlanding-page-view .long-description h4,
.productlanding-page-view .about_us_seo h2,
.productlanding-page-view .about_us_seo h3,
.productlanding-page-view .about_us_seo h4,
.catalog-category-last-child .long-description h2,
.catalog-category-last-child .long-description h3,
.catalog-category-last-child .long-description h4,
.catalog-category-last-child .about_us_seo h2,
.catalog-category-last-child .about_us_seo h3,
.catalog-category-last-child .about_us_seo h4 {
color: #8d8d8d;
text-shadow: none; }
.productlanding-page-view .long-description p,
.productlanding-page-view .about_us_seo p,
.catalog-category-last-child .long-description p,
.catalog-category-last-child .about_us_seo p {
padding-bottom: 17px;
color: #8d8d8d;
font-size: 0.96em;
text-shadow: 0 0 0 #8d8d8d; }
.productlanding-page-view .long-description strong,
.productlanding-page-view .about_us_seo strong,
.catalog-category-last-child .long-description strong,
.catalog-category-last-child .about_us_seo strong {
text-shadow: none; }
.productlanding-page-view .long-description button,
.productlanding-page-view .about_us_seo button,
.catalog-category-last-child .long-description button,
.catalog-category-last-child .about_us_seo button {
position: absolute;
background-color: transparent;
border-radius: 50%;
left: 0;
margin: 0;
border: 0;
font-size: 14px;
text-decoration: underline;
color: #0093ee; }
.productlanding-page-view .long-description button:focus,
.productlanding-page-view .about_us_seo button:focus,
.catalog-category-last-child .long-description button:focus,
.catalog-category-last-child .about_us_seo button:focus {
outline: transparent; }
.productlanding-page-view .long-description button:hover,
.productlanding-page-view .about_us_seo button:hover,
.catalog-category-last-child .long-description button:hover,
.catalog-category-last-child .about_us_seo button:hover {
color: #666; }
.productlanding-page-view .about_us,
.catalog-category-last-child .about_us {
max-width: 1140px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 64px 10px 24px; }
@media only screen and (max-width: 979px) {
.productlanding-page-view .about_us,
.catalog-category-last-child .about_us {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.productlanding-page-view .about_us h1,
.catalog-category-last-child .about_us h1 {
text-transform: uppercase;
font-size: 32px;
line-height: 36px;
margin-bottom: 35px;
width: 100%;
font-weight: 300;
font-family: 'MyriadProRegular', sans-serif; }
@media only screen and (max-width: 979px) {
.productlanding-page-view .about_us h1,
.catalog-category-last-child .about_us h1 {
font-size: 28px; } }
@media only screen and (max-width: 479px) {
.productlanding-page-view .about_us h1,
.catalog-category-last-child .about_us h1 {
font-size: 24px;
line-height: 34px;
margin-bottom: 16px; } }
.productlanding-page-view .about_us_content,
.catalog-category-last-child .about_us_content {
width: 50%; }
@media only screen and (max-width: 1199px) {
.productlanding-page-view .about_us_content,
.catalog-category-last-child .about_us_content {
width: 57%; } }
@media only screen and (max-width: 979px) {
.productlanding-page-view .about_us_content,
.catalog-category-last-child .about_us_content {
width: 100%; } }
.productlanding-page-view .about_us_content p,
.catalog-category-last-child .about_us_content p {
margin-bottom: 10px;
font-size: 14px;
line-height: 24px;
font-family: 'MyriadProRegular', sans-serif;
padding: 0 5px;
font-weight: 400; }
@media only screen and (max-width: 979px) {
.productlanding-page-view .about_us_content p,
.catalog-category-last-child .about_us_content p {
padding: 0; } }
.productlanding-page-view .about_us_content.hidden,
.catalog-category-last-child .about_us_content.hidden {
overflow: hidden;
position: relative; }
.productlanding-page-view .about_us_button,
.catalog-category-last-child .about_us_button {
width: 100%;
margin: 15px 0 25px; }
@media only screen and (min-width: 980px) {
.productlanding-page-view .about_us_button,
.catalog-category-last-child .about_us_button {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media only screen and (max-width: 479px) {
.productlanding-page-view .about_us_button,
.catalog-category-last-child .about_us_button {
margin: 30px 0; } }
.productlanding-page-view .about_us_button button,
.catalog-category-last-child .about_us_button button {
display: inline-block;
color: #0093ee;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
border: 1px solid #0093ee;
padding: 11px 30px;
-webkit-appearance: none;
background: transparent;
outline: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
font-weight: 500; }
@media only screen and (max-width: 479px) {
.productlanding-page-view .about_us_button button,
.catalog-category-last-child .about_us_button button {
padding: 9px 25px; } }
.productlanding-page-view .about_us_button button:hover,
.catalog-category-last-child .about_us_button button:hover {
background: #0093ee;
color: #fff; }
.productlanding-page-view .about_us_img,
.catalog-category-last-child .about_us_img {
width: 45%; }
@media only screen and (max-width: 1199px) {
.productlanding-page-view .about_us_img,
.catalog-category-last-child .about_us_img {
width: 37%; } }
@media only screen and (max-width: 979px) {
.productlanding-page-view .about_us_img,
.catalog-category-last-child .about_us_img {
width: 100%;
max-width: 350px; } }
.productlanding-page-view .about_us_img img,
.catalog-category-last-child .about_us_img img {
width: 100%; }
.footer-container {
background: #464646;
position: relative; }
.footer-container .footer {
max-width: 1140px;
position: relative;
margin: 0 auto;
padding: 39px 15px 50px; }
@media only screen and (max-width: 479px) {
.footer-container .footer {
padding: 14px 15px 30px; } }
.footer-container .footer:after {
content: ' ';
display: table;
clear: both; }
.footer-container .footer .footer-top {
border-bottom: 1px solid #6b6b6b; }
.footer-container .footer .footer-top:after {
content: '';
display: table;
clear: both; }
.footer-container .footer .nav-primary {
width: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
@media only screen and (max-width: 479px) {
.footer-container .footer .nav-primary {
flex-direction: column; } }
.footer-container .footer .nav-primary:after {
content: ' ';
display: table;
clear: both; }
.footer-container .footer .nav-primary li.level0 {
width: 25%; }
@media only screen and (max-width: 1199px) {
.footer-container .footer .nav-primary li.level0 {
width: 33.33%; } }
@media only screen and (max-width: 770px) {
.footer-container .footer .nav-primary li.level0 {
width: 50%; } }
@media only screen and (max-width: 479px) {
.footer-container .footer .nav-primary li.level0 {
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
@media only screen and (max-width: 479px) {
.footer-container .footer .nav-primary li.level0:nth-last-child(1) {
border-bottom: none; } }
.footer-container .footer .nav-primary li.level0.parent {
position: relative; }
.footer-container .footer .nav-primary li.level0.parent a.level-top {
position: relative; }
.footer-container .footer .nav-primary li.level0.parent a.level-top .nav-item-arrow {
position: absolute;
right: -50px;
top: 0;
width: 30px;
height: 100%;
text-align: center; }
@media only screen and (max-width: 479px) {
.footer-container .footer .nav-primary li.level0.parent a.level-top .nav-item-arrow {
right: 0; } }
.footer-container .footer .nav-primary li.level0.parent a.level-top .nav-item-arrow:after {
content: '\e904';
font-family: "secur";
color: #ffffff;
font-size: 11px;
line-height: 42px;
opacity: 0.5;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
-ms-transition: all .05s linear;
-o-transition: all .05s linear;
transition: all .05s linear;
display: inline-block; }
.footer-container .footer .nav-primary li.level0.parent.active a.level-top .nav-item-arrow:after {
transform: rotate(90deg); }
.footer-container .footer .nav-primary li.level0.parent.active ul.level0 {
display: block; }
.footer-container .footer .nav-primary li.level0.parent a.level-top {
display: inline-block; }
@media only screen and (max-width: 479px) {
.footer-container .footer .nav-primary li.level0.parent a.level-top {
display: block; } }
.footer-container .footer .nav-primary a.level-top {
font-family: "Montserrat", sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 12px 0;
position: relative; }
.footer-container .footer .nav-primary a.level-top + ul.level0 {
display: none; }
.footer-container .footer .nav-primary ul.level0 {
padding: 0 30px 0 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.footer-container .footer .nav-primary ul.level0 a {
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
display: block;
color: #fff;
opacity: 0.5;
margin-bottom: 14px;
text-decoration: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.footer-container .footer .nav-primary ul.level0 a:hover {
opacity: 1;
text-decoration: underline; }
.footer-container .footer .nav-primary ul.level1 {
display: none; }
.footer-container .footer #google_translate_element {
position: static;
float: right;
margin: 0 102px 25px;
width: 155px; }
@media only screen and (max-width: 479px) {
.footer-container .footer #google_translate_element {
margin: 10px 0 30px;
float: none; } }
.footer-container .footer .footer-bottom {
display: flex;
justify-content: space-between;
padding-top: 18px; }
@media only screen and (max-width: 979px) {
.footer-container .footer .footer-bottom {
flex-direction: column;
align-items: center; } }
.footer-container .footer .socials ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: nowrap; }
.footer-container .footer .socials li a:after {
content: '';
color: #8c8c8d;
font-family: "secur";
font-size: 40px;
line-height: 40px;
display: block;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-ms-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear; }
.footer-container .footer .socials li a.telegram {
background-image: url(https://secur.ua/skin/frontend/secur/v1/images/icon-telegram.png);
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
background-size: contain;
margin: 9px 10px 0 10px;
transition: all 0.25s; }
.footer-container .footer .socials li a.telegram:after {
display: none; }
.footer-container .footer .socials li a.telegram:hover {
background-image: url(https://secur.ua/skin/frontend/secur/v1/images/icon-telegram-blue.png); }
.footer-container .footer .socials li a.instagram {
background-image: url(https://secur.ua/skin/frontend/secur/v1/images/icon-insta.png);
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
background-size: contain;
margin: 9px 10px 0 10px;
transition: all 0.25s; }
.footer-container .footer .socials li a.instagram:after {
display: none; }
.footer-container .footer .socials li a.instagram:hover {
background-image: url(https://secur.ua/skin/frontend/secur/v1/images/icon-insta-blue.png); }
.footer-container .footer .socials li a.fb:after {
content: "\e927"; }
.footer-container .footer .socials li a.tw:after {
content: '\e92c'; }
.footer-container .footer .socials li a.vk:after {
content: '\e92d'; }
.footer-container .footer .socials li a.od:after {
content: '\e92a'; }
.footer-container .footer .socials li a.gp:after {
content: '\e928'; }
.footer-container .footer .socials li a.yt:after {
content: '\e92e'; }
.footer-container .footer .socials li a.rss:after {
content: '\e92b'; }
.footer-container .footer .socials li a:hover:after {
color: #0093EE; }
.footer-container .footer .block-subscribe {
max-width: 625px;
width: 58%;
padding-top: 10px; }
.footer-container .footer .block-subscribe:after {
content: "";
display: table;
clear: both; }
@media only screen and (max-width: 1199px) {
.footer-container .footer .block-subscribe {
width: 50%; } }
@media only screen and (max-width: 979px) {
.footer-container .footer .block-subscribe {
text-align: center;
margin-bottom: 15px;
width: 100%; } }
.footer-container .footer .block-subscribe label {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #fff;
opacity: 0.5;
margin-bottom: 11px; }
@media only screen and (max-width: 479px) {
.footer-container .footer .block-subscribe label {
margin-bottom: 12px; } }
.footer-container .footer .block-subscribe .input-box {
position: relative; }
@media only screen and (max-width: 479px) {
.footer-container .footer .block-subscribe .input-box {
max-width: 210px;
margin: 0 auto; } }
.footer-container .footer .block-subscribe .input-box:after {
content: "";
display: table;
clear: both; }
.footer-container .footer .block-subscribe .input-text {
display: block;
float: left;
width: calc(100% - 184px);
color: #aeaeae;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #ffffff;
height: 40px;
border: none; }
@media only screen and (max-width: 479px) {
.footer-container .footer .block-subscribe .input-text {
position: relative;
width: 100%;
padding-right: 40px; } }
.footer-container .footer .block-subscribe button {
width: 174px;
display: block;
float: right;
height: 40px;
background-color: #0093ee;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500; }
.footer-container .footer .block-subscribe button:hover {
cursor: pointer; }
@media only screen and (max-width: 479px) {
.footer-container .footer .block-subscribe button {
width: 40px;
height: 40px;
background-color: transparent;
font-size: 14px;
text-indent: -99999px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/subscribe.png) no-repeat center center;
position: absolute;
top: 0;
right: 0; } }
.footer-container .footer .footer-links {
width: 100%;
max-width: 255px;
padding-top: 11px; }
@media only screen and (max-width: 979px) {
.footer-container .footer .footer-links {
text-align: center; } }
@media only screen and (max-width: 479px) {
.footer-container .footer .footer-links {
padding-top: 0; } }
.footer-container .footer .footer-links .links-title {
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #fff;
opacity: 0.5;
display: inline-block;
margin-bottom: 19px;
font-weight: 400; }
@media only screen and (max-width: 479px) {
.footer-container .footer .footer-links .links-title {
margin-bottom: 12px; } }
.footer-container .footer .copyright {
color: #939393;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 300;
max-width: 165px; }
@media only screen and (max-width: 979px) {
.footer-container .footer .copyright {
text-align: center;
margin-bottom: 15px; } }
@media only screen and (max-width: 479px) {
.footer-container .footer .copyright {
margin-bottom: 2px; } }
.footer-container .footer .copyright span {
font-size: 14px;
display: block; }
.footer-container .footer .copyright .logo-payment {
margin-bottom: 15px; }
.footer-container .footer .copyright .footer-logo {
display: inline-block;
margin-bottom: 5px; }
@media only screen and (max-width: 479px) {
.footer-container .footer .copyright .footer-logo {
margin-bottom: 0; } }
.footer-container .footer .copyright .footer-logo img {
width: 100%;
height: auto;
margin: 0 0 0 -15px;
display: block; }
@media only screen and (max-width: 979px) {
.footer-container .footer .copyright .footer-logo img {
margin: 0; } }
.footer-container .footer .validation-advice {
position: absolute;
bottom: -25px; }
/* -------------------------------------------- *
* Messages
*/
.messages {
margin-bottom: 10px; }
.messages li li {
position: relative;
margin-bottom: 5px;
padding: 7px 10px 7px 20px;
background: #F4F4F4;
font-size: 15px; }
.messages li li:before {
top: 50%;
left: 0;
margin-top: -6px; }
.messages .error-msg li {
color: #000000;
border-left: 5px solid #DF280A;
background-color: #FAEBE7; }
.messages .error-msg li:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #DF280A;
border-right: none; }
.messages .notice-msg li {
color: #000000;
border-left: 5px solid #E26703;
background-color: #F9EBE6; }
.messages .notice-msg li:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #E26703;
border-right: none; }
.messages .success-msg li {
color: #000000;
border-left: 5px solid #11B400;
background-color: #EFF5EA; }
.messages .success-msg li:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #11B400;
border-right: none; }
.tab-content #popup-review-success {
width: 350px;
transform: translate(-50%, -50%);
margin: 0; }
@media only screen and (max-width: 1170px) {
.tab-content #popup-review-success {
width: 340px; } }
@media only screen and (max-width: 770px) {
.tab-content #popup-review-success {
width: 300px; } }
.tab-content #popup-review-success:after {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/popup-chat-icon.svg");
height: 24px;
width: 24px;
top: 7px;
left: 7px; }
.tab-content #popup-review-success p {
margin: 0; }
.tab-content #popup-review-success .popup-gap {
margin: 15px 0 30px 0; }
body .popup-window {
border: 1px solid #0093EE;
text-align: center;
padding: 50px 20px 40px 20px; }
body .popup-window:before {
content: '';
display: block;
background: #0093EE;
width: 40px;
height: 40px;
position: absolute;
left: 0;
top: 0; }
body .popup-window:after {
content: '';
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute; }
body .popup-window .title h2 {
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-transform: none;
margin-bottom: 10px; }
body .popup-window .popup-wrappper {
text-align: center; }
body .popup-window .popup-wrappper p {
color: #000;
font-size: 14px;
line-height: 21px; }
body .popup-window .popup-wrappper form {
padding-top: 0; }
body .popup-window .popup-wrappper input.input-text {
border: 1px solid #d5d5d5;
line-height: 40px;
height: 40px;
margin: 20px 0 0 0; }
body .popup-window .popup-wrappper textarea.input-text {
border: 1px solid #d5d5d5;
line-height: 40px;
height: 160px;
resize: none;
margin: 20px 0 0 0; }
@media only screen and (max-width: 770px) {
body .popup-window .popup-wrappper textarea.input-text {
height: 60px; } }
body .popup-window .popup-wrappper .validation-advice {
margin: 0;
text-align: left; }
body .popup-window .popup-wrappper .button {
font-size: 14px;
line-height: 40px;
margin: 40px 0 0 0;
width: 100%; }
body .popup-window .popup-wrappper .captcha {
margin-top: 20px; }
body .popup-window .popup-wrappper .captcha .g-recaptcha > div {
width: 100% !important; }
body .popup-window#popup-complaint {
width: 350px;
transform: translate(-50%, -50%);
margin: 0;
top: 50%; }
@media only screen and (max-width: 1400px) and (min-width: 992px) {
body .popup-window#popup-complaint {
width: 500px; } }
@media only screen and (max-width: 991px) {
body .popup-window#popup-complaint {
width: 340px; } }
body .popup-window#popup-complaint:after {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/popup_book_icon.png");
height: 21px;
width: 19px;
top: 8px;
left: 9px; }
body .popup-window#popup-callback {
width: 350px;
transform: translate(-50%, -50%);
margin: 0; }
@media only screen and (max-width: 1170px) {
body .popup-window#popup-callback {
width: 340px; } }
body .popup-window#popup-callback:after {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/popup_phone_icon.png");
height: 23px;
width: 22px;
top: 7px;
left: 9px; }
body .popup-window#popup-quickorder {
width: 350px;
transform: translate(-50%, -50%);
margin: 0; }
@media only screen and (max-width: 1170px) {
body .popup-window#popup-quickorder {
width: 340px; } }
body .popup-window#popup-quickorder:after {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/popup_clock_icon.png");
height: 24px;
width: 24px;
top: 7px;
left: 7px; }
body .popup-window#popup-forgotPassword {
width: 350px;
transform: translate(-50%, -50%);
margin: 0; }
@media only screen and (max-width: 1170px) {
body .popup-window#popup-forgotPassword {
width: 340px; } }
body .popup-window#popup-forgotPassword:after {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/popup_forget_icon.png");
height: 21px;
width: 12px;
top: 7px;
left: 13px; }
body .popup-window#popup-login:before {
display: none; }
body .popup-window#popup-login:after {
display: none; }
body .popup-window#popup-login .title {
text-align: left; }
body .popup-window#popup-login .popup-wrappper .titles {
text-align: left; }
.customer-account-create .main-container {
max-width: 320px;
width: 100%;
margin: 0 auto; }
@media only screen and (max-width: 480px) {
.customer-account-create .main-container {
max-width: 100%;
padding: 0 10px; } }
.customer-account-create .main-container .main {
padding: 50px 0 54px 0; }
@media only screen and (max-width: 770px) {
.customer-account-create .main-container .main {
padding: 15px 0 54px 0; } }
.customer-account-create .main-container .main .col-main {
padding: 0; }
.customer-account-create .main-container .main .col-main .page-title h1 {
color: #000;
font-size: 32px;
line-height: 38px;
font-weight: 300;
text-transform: uppercase;
margin: 25px 0 27px 0;
text-align: center; }
@media only screen and (max-width: 770px) {
.customer-account-create .main-container .main .col-main .page-title h1 {
font-size: 18px;
line-height: 24px;
margin: 0px 0 15px 0;
text-align: left; } }
.customer-account-create .main-container .main .col-main .login-with-fb {
background: #3c5a92;
color: #fff;
display: block;
height: 40px;
line-height: 40px;
font-size: 14px;
text-align: center; }
.customer-account-create .main-container .main .col-main .separator-or {
font-size: 14px;
margin: 17px auto 19px 0;
display: block;
text-align: center;
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400; }
.customer-account-create .main-container .main .col-main .separator-or:before, .customer-account-create .main-container .main .col-main .separator-or:after {
content: '';
height: 1px;
width: 42%;
position: absolute;
top: 10px;
background: #dddddd; }
.customer-account-create .main-container .main .col-main .separator-or:before {
left: 0; }
.customer-account-create .main-container .main .col-main .separator-or:after {
right: 0; }
.customer-account-create .main-container .main .col-main #customer-account-register {
padding: 0; }
.customer-account-create .main-container .main .col-main #customer-account-register .form-list li {
margin-bottom: 20px; }
.customer-account-create .main-container .main .col-main #customer-account-register .form-list li:last-child {
margin-bottom: 0; }
.customer-account-create .main-container .main .col-main #customer-account-register .form-list li.pre-last {
margin-bottom: 8px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text {
color: #000000;
border: 1px solid #d5d5d5;
box-sizing: border-box;
width: 100%;
padding: 0 15px;
font-size: 14px;
line-height: 40px;
height: 40px;
-webkit-box-shadow: 0 0 0 30px white inset !important; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text._validation-error {
border: 1px solid red; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text:focus {
border: 1px solid #0093ee; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text::-webkit-input-placeholder {
color: #000000;
font-size: 14px;
line-height: 40px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text::-moz-placeholder {
color: #000000;
font-size: 14px;
line-height: 40px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text:-ms-input-placeholder {
color: #000000;
font-size: 14px;
line-height: 40px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text:-moz-placeholder {
color: #000000;
font-size: 14px;
line-height: 40px; }
@media only screen and (max-width: 768px) {
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text {
height: 35px;
line-height: 35px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text::-webkit-input-placeholder {
line-height: 35px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text::-moz-placeholder {
line-height: 35px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text:-ms-input-placeholder {
line-height: 35px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .input-text:-moz-placeholder {
line-height: 35px; } }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create #show-password {
position: absolute;
z-index: -1;
opacity: 0;
margin: 0; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create #show-password + label {
position: relative;
padding: 0 0 0 25px;
cursor: pointer;
font-size: 14px;
color: #000; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create #show-password + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
border: 1px solid #d8d8d8;
height: 16px;
width: 16px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create #show-password:checked + label:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/checkbox-icon.svg");
background-repeat: no-repeat;
background-size: cover;
height: 12px;
width: 12px; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .validation-advice {
margin: 3px 0 0 0;
text-align: left; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .button-set {
width: 100%;
margin: 16px auto 0 auto; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .button-set .back-link {
display: block;
margin-top: 15px;
text-decoration: underline;
text-align: center; }
.customer-account-create .main-container .main .col-main #customer-account-register .account-create .button-set .button {
font-size: 14px;
line-height: 40px;
height: 40px;
padding: 0 20px;
width: 100%; }
.checkout-onepage-success .page-title {
text-align: center;
padding: 0 15px; }
.checkout-onepage-success .page-title h1 {
color: #0093ee;
font-size: 32px;
line-height: 38px;
font-weight: 300;
margin: 64px 0 41px 0;
text-transform: uppercase; }
@media only screen and (max-width: 640px) {
.checkout-onepage-success .page-title h1 {
font-size: 20px;
line-height: 28px;
margin: 30px 0 20px 0;
padding: 0 15px; } }
@media only screen and (max-width: 640px) {
.checkout-onepage-success .messages-container {
padding: 0 15px; } }
.checkout-onepage-success .success-message {
text-align: center;
margin: 0 auto 60px auto;
line-height: 26px; }
.checkout-onepage-success .success-message.bordered {
border: 1px solid #0093ee;
color: #0093ee;
font-weight: 700;
font-size: 24px;
line-height: 30px;
max-width: 410px;
margin: 0 auto 31px auto;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 147, 238, 0.5);
-moz-box-shadow: 0 0 10px 0 rgba(0, 147, 238, 0.5);
box-shadow: 0 0 10px 0 rgba(0, 147, 238, 0.5);
padding: 23px 27px 16px;
text-transform: uppercase; }
@media only screen and (max-width: 640px) {
.checkout-onepage-success .success-message.bordered {
font-size: 20px;
line-height: 28px; } }
.checkout-onepage-success .success-message.bordered .order-id {
display: block;
line-height: 1.8;
font-weight: 400; }
@media only screen and (max-width: 640px) {
.checkout-onepage-success .success-message br {
display: none; } }
.checkout-onepage-success .success-message p {
display: inline; }
@media only screen and (max-width: 640px) {
.checkout-onepage-success .success-message p {
display: block; } }
.checkout-onepage-success .button-box-container {
background: #f6f8f9;
padding: 65px 0 70px 0;
margin-bottom: -20px; }
@media only screen and (max-width: 990px) {
.checkout-onepage-success .button-box-container {
padding: 35px 15px 30px 15px; } }
.checkout-onepage-success .button-box-container .button-container {
text-align: center; }
.checkout-onepage-success .button-box-container .button-container h2 {
color: #0093ee;
font-size: 32px;
line-height: 38px;
font-weight: 300;
margin-bottom: 42px;
text-transform: uppercase; }
@media only screen and (max-width: 640px) {
.checkout-onepage-success .button-box-container .button-container h2 {
font-size: 20px;
margin-bottom: 20px; } }
.checkout-onepage-success .button-box-container .button-container .buttons-set {
display: flex;
-ms-flex-direction: row;
flex-wrap: nowrap;
justify-content: center; }
@media only screen and (max-width: 990px) {
.checkout-onepage-success .button-box-container .button-container .buttons-set {
flex-wrap: wrap; } }
.checkout-onepage-success .button-box-container .button-container .buttons-set .button {
margin-right: 20px;
height: 40px;
padding: 0 30px;
font-size: 14px;
line-height: 40px; }
.checkout-onepage-success .button-box-container .button-container .buttons-set .button:last-child {
margin-right: 0; }
@media only screen and (max-width: 990px) {
.checkout-onepage-success .button-box-container .button-container .buttons-set .button {
margin: 0 0 15px 0;
width: 100%;
padding: 0 15px; }
.checkout-onepage-success .button-box-container .button-container .buttons-set .button:last-child {
margin: 0; } }
.cms-no-route .col-main {
max-width: 1170px;
margin: 80px auto;
text-align: center; }
.cms-no-route .page-title h1 {
font-size: 34px;
border: none; }
.cms-no-route .page-title h3 {
border: none; }
.cms-no-route .page-head h1 {
border: none; }
.cms-no-route .page-head h3 {
border: none; }
.cms-no-route .std img {
max-width: 100%;
width: 100%; }
.cms-no-route .std p {
color: #636363;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 24px; }
.cms-no-route .std h1 {
color: #0093ee;
margin-bottom: 30px; }
.cms-no-route .std h2 {
color: #3399cc; }
.cms-no-route .std li {
color: #636363;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: 400;
list-style: initial; }
.cms-no-route .std a {
margin-right: 0; }
.cms-no-route .std dl dt {
font-size: 18px;
margin-bottom: 20px; }
.cms-no-route .std .messages {
margin-bottom: 10px; }
.cms-no-route .std .messages ul {
margin-bottom: 0; }
.cms-no-route .std .messages li {
list-style: none;
margin-left: 0;
font-style: normal;
font-family: "Montserrat", sans-serif; }
.cms-no-route .col-left:after {
content: '';
display: table;
clear: both; }
.cms-no-route .disc {
width: 480px;
margin: 20px auto;
text-align: left; }
.cms-page-view .page-title h1 {
border: none; }
.cms-page-view .page-title h3 {
border: none; }
.cms-page-view .page-head h1 {
border: none; }
.cms-page-view .page-head h3 {
border: none; }
.cms-page-view .std img {
max-width: 100%; }
.cms-page-view .std p {
color: #636363;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 400; }
.cms-page-view .std h1 {
color: #0093ee;
margin-bottom: 30px; }
.cms-page-view .std h2 {
color: #3399cc; }
.cms-page-view .std .messages {
margin-bottom: 10px; }
.cms-page-view .std .messages ul {
margin-bottom: 0; }
.cms-page-view .std .messages li {
list-style: none;
margin-left: 0;
font-style: normal;
font-family: "Montserrat", sans-serif; }
.cms-page-view:not(.cms-contacts-secur) .std li {
color: #636363;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14px;
font-style: italic;
line-height: 24px; }
.cms-page-view .col-left:after {
content: '';
display: table;
clear: both; }
.cms-home .std .messages {
margin-bottom: 10px; }
.cms-home .std .messages ul {
margin-bottom: 0; }
.cms-home .std .messages li {
list-style: none;
margin-left: 0;
font-style: normal;
font-family: "Montserrat", sans-serif; }
.cms-index-noroute .main-container {
width: 100%;
margin: 0;
padding: 0; }
.cms-index-noroute .main-container .col-main {
width: 100%;
max-width: inherit;
margin: 0;
padding: 0;
text-align: left; }
.cms-index-noroute .main-container .col-main .cms-page-container,
.cms-index-noroute .main-container .col-main .page-title {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto; }
.cms-index-noroute .main-container .col-main .page-title h1 {
color: #0093EE;
font-size: 32px;
font-weight: 300;
line-height: 38px;
margin: 30px 0 35px 0;
text-transform: uppercase; }
@media only screen and (max-width: 768px) {
.cms-index-noroute .main-container .col-main .page-title h1 {
font-size: 20px;
line-height: 28px;
margin: 15px 0 20px 0; } }
.cms-index-noroute .main-container .col-main .cms-page-container * {
box-sizing: border-box; }
.cms-index-noroute .main-container .col-main .cms-page-container p {
color: #000;
font-size: 14px;
line-height: 24px; }
.cms-index-noroute .main-container .col-main .cms-page-container p:last-child {
padding: 0;
margin: 0; }
.cms-index-noroute .main-container .col-main .cms-page-container a {
display: inline;
margin: 0; }
.cms-index-noroute .main-container .col-main .cms-page-container a:hover {
text-decoration: underline; }
.cms-index-noroute .main-container .col-main .cms-page-container .cms-title {
font-size: 16px;
line-height: 21px;
font-weight: bold;
font-style: normal;
margin: 0 0 8px 0; }
.cms-index-noroute .main-container .col-main .cms-page-container .cms-disc-list {
list-style-type: none;
margin-bottom: 53px; }
@media only screen and (max-width: 768px) {
.cms-index-noroute .main-container .col-main .cms-page-container .cms-disc-list {
margin-bottom: 30px; } }
.cms-index-noroute .main-container .col-main .cms-page-container .cms-disc-list li {
font-size: 14px;
line-height: 21px;
font-style: normal;
position: relative;
list-style: none;
padding-left: 20px;
margin: 0 0 5px 0; }
.cms-index-noroute .main-container .col-main .cms-page-container .cms-disc-list li:last-child {
margin: 0; }
.cms-index-noroute .main-container .col-main .cms-page-container .cms-disc-list li:before {
background: #0093EE;
border-radius: 50%;
content: '';
display: block;
height: 5px;
width: 5px;
position: absolute;
left: 0;
top: 7px; }
.cms-equipment-mounting .main-container {
width: 100%;
margin: 0;
padding: 0; }
.cms-equipment-mounting .main-container .col-main {
width: 100%;
margin: 0;
padding: 0; }
.cms-equipment-mounting .main-container .col-main .cms-page-container,
.cms-equipment-mounting .main-container .col-main .page-title {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto; }
.cms-equipment-mounting .main-container .col-main .page-title h1 {
font-size: 32px;
font-weight: 300;
line-height: 38px;
margin: 25px 0 40px 0; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .page-title h1 {
font-size: 20px;
line-height: 28px; } }
.cms-equipment-mounting .main-container .col-main .cms-page-container * {
box-sizing: border-box; }
.cms-equipment-mounting .main-container .col-main .cms-page-container p {
color: #000;
font-size: 14px;
line-height: 24px; }
.cms-equipment-mounting .main-container .col-main .cms-page-container p:last-child {
padding: 0;
margin: 0; }
.cms-equipment-mounting .main-container .col-main .cms-page-container a {
display: inline;
margin: 0; }
.cms-equipment-mounting .main-container .col-main .cms-page-container a:hover {
text-decoration: underline; }
.cms-equipment-mounting .main-container .col-main .cms-page-container .cms-title-box .cms-title {
color: #000;
font-size: 24px;
font-weight: 300;
line-height: 28px;
text-transform: uppercase;
margin: 0 0 20px 0; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-page-container .cms-title-box .cms-title {
font-size: 18px;
line-height: 24px; } }
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner {
-webkit-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2); }
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box {
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box {
flex-wrap: wrap; } }
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side {
border: 1px solid #0093EE;
width: 26%;
-webkit-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
padding: 0 20px;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side {
padding: 20px;
width: 40%; } }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side {
width: 100%; } }
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side .desc-box h3 {
color: #0093EE;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side .desc-box h3 {
font-size: 14px;
line-height: 18px; } }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side .desc-box h3 {
max-width: 190px; } }
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side .desc-box a {
color: #0093EE;
font-size: 24px;
font-weight: bold;
text-transform: uppercase; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .left-side .desc-box a {
font-size: 20px;
line-height: 24px; } }
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .right-side {
width: 76%;
padding: 21px 20px 26px 20px; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .right-side {
width: 60%; } }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-banner-box-inner .cms-banner-box .right-side {
width: 100%; } }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner {
margin-top: 40px; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner {
margin-top: 35px; } }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-title-box .cms-title {
margin: 0 0 29px 0; }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-title-box .cms-subtitle {
margin: 0 0 32px 0; }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
margin-bottom: 30px; }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item:last-child {
margin-bottom: 0; }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon {
flex-shrink: 0;
margin-right: 20px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon {
margin-right: 15px; } }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon:before {
content: '';
background-size: cover;
background-repeat: no-repeat;
display: block;
height: 64px;
width: 64px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon:before {
height: 38px;
width: 38px; } }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon.security:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-security-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon.video:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-video-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon.access:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-access-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-icon.complex:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-complex-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-equip-list-inner .cms-equip-list .cms-equip-item .equip-desc .equip-title {
font-weight: bold;
font-size: 16px;
margin: -4px 0 4px 0; }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner {
margin-top: 65px;
margin-bottom: 50px; }
@media only screen and (min-width: 980px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner {
margin-bottom: 100px; } }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner {
margin-top: 35px; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side {
width: 66.5%;
margin-right: 2%; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side {
width: 100%;
margin-right: 0; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-title {
margin-bottom: 35px; }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 20px; }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin: 0 4% 20px 0;
width: 43%; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item {
width: 48%; } }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item {
width: 100%; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(2n) {
width: 53%;
margin-right: 0; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(2n) {
width: 48%; } }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(2n) {
width: 100%; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(5), .cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(6) {
margin-bottom: 0; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(5) {
margin-bottom: 20px; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-title {
font-size: 14px;
text-transform: uppercase; }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon {
flex-shrink: 0;
margin-right: 25px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon {
margin-right: 15px; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon:before {
content: '';
background-size: cover;
background-repeat: no-repeat;
display: block;
height: 64px;
width: 64px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon:before {
height: 38px;
width: 38px; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.flat:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-flat-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.company:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-company-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.house:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-house-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.plant:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-plant-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.office:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-office-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.vip-objects:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-vipobjects-icon.png"); }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .right-side {
width: 31.5%; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .right-side {
display: none; } }
.cms-equipment-mounting .main-container .col-main .cms-features-box-inner .cms-features-box .right-side .image-inner {
background-size: cover;
background-repeat: no-repeat;
height: 100%; }
.cms-equipment-mounting .main-container .col-main .client-box-inner {
background: #f6f8f9;
padding: 66px 0 68px 0;
margin-top: 63px;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner {
padding: 35px 0;
margin-top: 35px; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-title {
margin-bottom: 25px; }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-title {
text-align: center; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-top: 39px; }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav {
margin: 0; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-dots {
text-align: center;
order: 1;
height: 10px; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-dots li {
display: inline-block;
margin: 5px 0; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-dots li.slick-active button {
height: 4px;
background: #0093ee;
position: relative;
top: -1px; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #ddd;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-dots button {
width: 25px; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-prev.icon-prev,
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: auto;
cursor: pointer;
background-color: transparent; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-prev.icon-prev:after,
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-next.icon-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #ddd;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-prev.icon-prev:hover:after,
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-next.icon-next:hover:after {
color: #0093EE; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-prev.icon-prev {
left: auto;
position: relative;
order: 0;
margin-right: 20px; }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-prev.icon-prev {
position: absolute;
top: calc(50% - 12px);
left: 5px;
margin: 0; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-next.icon-next {
position: relative;
left: auto;
order: 2;
margin-left: 20px; }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-next.icon-next {
position: absolute;
top: calc(50% - 12px);
right: 5px;
margin: 0; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-slider-nav .slick-next.icon-next:after {
content: "\e905";
right: 0; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-client-slider {
margin: 0 -20px; }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-client-slider .slick-list .slider-item .image-box {
padding: 20px; }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-client-slider .slick-list .slider-item .image-box {
text-align: center; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-client-slider .slick-list .slider-item .image-box .image-box-inner {
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2); }
@media only screen and (max-width: 480px) {
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-client-slider .slick-list .slider-item .image-box .image-box-inner {
display: inline-block; } }
.cms-equipment-mounting .main-container .col-main .client-box-inner .cms-client-slider-inner .cms-client-slider .slick-list .slider-item .image-box .image-box-inner img {
margin: 0; }
.cms-equipment-mounting .main-container .col-main .mounting-category .cms-title-box .cms-title {
margin-bottom: 35px; }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media only screen and (min-width: 480px) {
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap {
margin: 0 -15px; } }
@media only screen and (min-width: 980px) {
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap {
margin: 0 -11px; } }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #ffffff;
filter: drop-shadow(0px 4px 4px rgba(0, 147, 238, 0.25));
margin-bottom: 25px; }
@media only screen and (min-width: 480px) {
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .item {
width: calc(50% - 30px);
margin: 0 15px 30px; } }
@media only screen and (min-width: 980px) {
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .item {
width: calc(25% - 22px);
margin: 0 11px 55px; } }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .img {
margin-bottom: 20px;
width: 100%;
position: relative; }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .img:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 147, 238, 0.2);
position: absolute;
top: 0;
left: 0; }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .img img {
display: block;
width: 100%; }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .content {
padding: 0 15px 17px 15px;
width: 100%; }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .category-name {
font-size: 14px;
line-height: 25px;
display: block;
margin-bottom: 15px;
text-transform: uppercase;
text-align: center;
font-weight: 500; }
@media only screen and (min-width: 480px) {
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .category-name {
max-width: 180px;
margin: 0 auto 15px; } }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .more {
border: 1px solid #0093EE;
background: #0093EE;
color: #ffffff;
font-size: 12px;
line-height: 16px;
padding: 8px;
display: block;
text-align: center;
transition: all 0.25s;
max-width: 158px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none; }
.cms-equipment-mounting .main-container .col-main .mounting-category .category-wrap .more:hover {
background: #ffffff;
color: #0093EE;
cursor: pointer; }
.cms-equipment-mounting .main-container .col-main .why-box-inner {
margin: 65px 0 60px 0; }
@media only screen and (max-width: 991px) {
.cms-equipment-mounting .main-container .col-main .why-box-inner {
margin: 35px 0; } }
.cms-equipment-mounting .main-container .col-main .why-box-inner .cms-title-box .cms-title {
margin: 0 0 35px 0; }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
margin-bottom: 30px; }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item:last-child {
margin-bottom: 0; }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon {
flex-shrink: 0;
margin-right: 20px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon {
margin-right: 15px; } }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon:before {
content: '';
background-size: cover;
background-repeat: no-repeat;
display: block;
height: 64px;
width: 64px; }
@media only screen and (max-width: 640px) {
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon:before {
height: 38px;
width: 38px; } }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon.price:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-price-icon.png"); }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon.optimal:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-optimal-icon.png"); }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-icon.quality:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-quality-icon.png"); }
.cms-equipment-mounting .main-container .col-main .why-box-inner .why-box .why-box-item .why-box-desc .why-box-title {
font-weight: bold;
font-size: 16px;
margin: -4px 0 4px 0; }
.cms-contacts-secur .std h4,
.cms-payment-methods .std h4,
.cms-delivery .std h4 {
font-size: 32px;
padding: 30px 0;
font-weight: 300;
text-transform: uppercase; }
.cms-contacts-secur .std h5,
.cms-payment-methods .std h5,
.cms-delivery .std h5 {
font-size: 24px;
text-transform: uppercase;
margin: 0 15px;
font-weight: 300; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .std h5,
.cms-payment-methods .std h5,
.cms-delivery .std h5 {
font-size: 18px; } }
.cms-contacts-secur .col1-layout .col-main,
.cms-payment-methods .col1-layout .col-main,
.cms-delivery .col1-layout .col-main {
max-width: 1200px;
width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 0; }
@media only screen and (min-width: 980px) {
.cms-contacts-secur .col1-layout .col-main,
.cms-payment-methods .col1-layout .col-main,
.cms-delivery .col1-layout .col-main {
padding: 0 25px; } }
.cms-contacts-secur .col1-layout .col-main .row,
.cms-payment-methods .col1-layout .col-main .row,
.cms-delivery .col1-layout .col-main .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%; }
.cms-contacts-secur .col1-layout .col-main .row .col-6,
.cms-contacts-secur .col1-layout .col-main .row .col-item,
.cms-payment-methods .col1-layout .col-main .row .col-6,
.cms-payment-methods .col1-layout .col-main .row .col-item,
.cms-delivery .col1-layout .col-main .row .col-6,
.cms-delivery .col1-layout .col-main .row .col-item {
width: 100%;
padding: 0 0 20px; }
@media only screen and (min-width: 980px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6,
.cms-contacts-secur .col1-layout .col-main .row .col-item,
.cms-payment-methods .col1-layout .col-main .row .col-6,
.cms-payment-methods .col1-layout .col-main .row .col-item,
.cms-delivery .col1-layout .col-main .row .col-6,
.cms-delivery .col1-layout .col-main .row .col-item {
width: 50%;
padding: 0 15px 15px 0; } }
@media only screen and (max-width: 768px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6:first-child .block-item .content-block .address-row,
.cms-contacts-secur .col1-layout .col-main .row .col-item:first-child .block-item .content-block .address-row,
.cms-payment-methods .col1-layout .col-main .row .col-6:first-child .block-item .content-block .address-row,
.cms-payment-methods .col1-layout .col-main .row .col-item:first-child .block-item .content-block .address-row,
.cms-delivery .col1-layout .col-main .row .col-6:first-child .block-item .content-block .address-row,
.cms-delivery .col1-layout .col-main .row .col-item:first-child .block-item .content-block .address-row {
max-width: 230px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6:first-child .block-item .content-block .address-row br,
.cms-contacts-secur .col1-layout .col-main .row .col-item:first-child .block-item .content-block .address-row br,
.cms-payment-methods .col1-layout .col-main .row .col-6:first-child .block-item .content-block .address-row br,
.cms-payment-methods .col1-layout .col-main .row .col-item:first-child .block-item .content-block .address-row br,
.cms-delivery .col1-layout .col-main .row .col-6:first-child .block-item .content-block .address-row br,
.cms-delivery .col1-layout .col-main .row .col-item:first-child .block-item .content-block .address-row br {
display: none; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item,
.cms-delivery .col1-layout .col-main .row .col-item .block-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
background-color: #fff;
padding: 25px 0 15px;
min-height: 258px; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item,
.cms-delivery .col1-layout .col-main .row .col-item .block-item {
padding-left: 25px;
padding-right: 35px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .row,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .row,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .row,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .row,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .row,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__payment,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__payment,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__payment,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__payment,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__payment,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__payment {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 25px 0 0; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__payment,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__payment,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__payment,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__payment,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__payment,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__payment {
padding-left: 10px;
padding-right: 10px; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__image,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__image,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__image,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__image,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__image,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__image {
width: 85px;
height: 65px;
padding-right: 20px; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__image,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__image,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__image,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__image,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__image,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__image {
width: 60px;
height: 50px;
padding-right: 10px; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__content,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__content,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__content,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__content,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__content,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__content {
width: -moz-calc(100% - 85px);
width: -webkit-calc(100% - 85px);
width: calc(100% - 85px);
font-size: 14px;
line-height: 24px; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__content,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__content,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__content,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__content,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__content,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__content {
width: -moz-calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px); } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__content span,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__content span,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__content span,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__content span,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__content span,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__content span {
color: #0093EE; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item__title,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item__title,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item__title,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item__title,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item__title,
.cms-delivery .col1-layout .col-main .row .col-item .block-item__title {
font-weight: 600;
margin-bottom: 10px;
font-size: 16px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block {
padding: 8px;
width: 45%;
text-align: center; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
width: 100%;
padding: 0 0 15px; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block .image,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block .image,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block .image,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block .image,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block .image,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block .image {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
width: 60px;
height: 60px;
margin: 0 auto 20px;
position: relative; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block .image,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block .image,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block .image,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block .image,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block .image,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block .image {
margin: 0 15px 0 0; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block .image img,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block .image img,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block .image img,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block .image img,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block .image img,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block .image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block .block-title,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block .block-title,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block .block-title,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block .block-title,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block .block-title,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block .block-title {
text-transform: uppercase;
color: #0093EE;
font-weight: 500;
font-size: 16px;
text-align: left; }
@media only screen and (min-width: 980px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .image-block .block-title,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .image-block .block-title,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .image-block .block-title,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .image-block .block-title,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .image-block .block-title,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .image-block .block-title {
max-width: 140px;
margin: 0 auto;
text-align: center; } }
@media only screen and (min-width: 980px) {
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block {
width: 55%; } }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li {
position: relative;
padding-left: 30px;
font-size: 16px;
line-height: 26px;
margin-bottom: 14px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li:before,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li:before,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li:before,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li:before,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li:before,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li:before {
content: '';
position: absolute;
top: 5px;
bottom: 0;
left: 0;
margin: auto;
width: 30px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li.address-row:before,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li.address-row:before,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li.address-row:before,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li.address-row:before,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li.address-row:before,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li.address-row:before {
background: url("https://secur.ua/skin/frontend/secur/v1/images/location.png") no-repeat;
top: 8px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li.phone-row:before,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li.phone-row:before,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li.phone-row:before,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li.phone-row:before,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li.phone-row:before,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li.phone-row:before {
background: url("https://secur.ua/skin/frontend/secur/v1/images/phone.png") no-repeat; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li.email-row:before,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li.email-row:before,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li.email-row:before,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li.email-row:before,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li.email-row:before,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li.email-row:before {
background: url("https://secur.ua/skin/frontend/secur/v1/images/email.png") no-repeat;
top: 8px; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li.work-time:before,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li.work-time:before,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li.work-time:before,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li.work-time:before,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li.work-time:before,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li.work-time:before {
background: url("https://secur.ua/skin/frontend/secur/v1/images/time.png") no-repeat; }
.cms-contacts-secur .col1-layout .col-main .row .col-6 .block-item .content-block ul li a,
.cms-contacts-secur .col1-layout .col-main .row .col-item .block-item .content-block ul li a,
.cms-payment-methods .col1-layout .col-main .row .col-6 .block-item .content-block ul li a,
.cms-payment-methods .col1-layout .col-main .row .col-item .block-item .content-block ul li a,
.cms-delivery .col1-layout .col-main .row .col-6 .block-item .content-block ul li a,
.cms-delivery .col1-layout .col-main .row .col-item .block-item .content-block ul li a {
color: #000; }
.cms-contacts-secur .footer-before-container,
.cms-payment-methods .footer-before-container,
.cms-delivery .footer-before-container {
margin: 60px auto -20px 0;
max-width: 100%; }
@media only screen and (max-width: 979px) {
.cms-contacts-secur .footer-before-container,
.cms-payment-methods .footer-before-container,
.cms-delivery .footer-before-container {
display: none; } }
.cms-contacts-secur .footer-before-container #contacts-footer-map,
.cms-payment-methods .footer-before-container #contacts-footer-map,
.cms-delivery .footer-before-container #contacts-footer-map {
width: 100%;
height: 360px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/cms/contacts-map.jpg) center center no-repeat; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-inner {
margin: 0 15px; } }
.cms-delivery .delivery-inner .delivery-image {
margin-right: 0;
width: 100%; }
.cms-delivery .delivery-inner .delivery-block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
text-align: center;
border: 1px solid #0093EE;
background-color: #fff;
padding: 40px 0;
max-width: 387px;
margin: 40px 0; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-inner .delivery-block {
padding: 17px 0;
margin: 30px 0; } }
.cms-delivery .delivery-inner .delivery-block p {
margin: 0 auto;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
color: #0093EE;
line-height: 27px; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-inner .delivery-block p {
font-size: 14px; } }
.cms-delivery .delivery-inner .delivery-block p span {
font-size: 24px; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-inner .delivery-block p span {
font-size: 20px; } }
.cms-delivery .delivery-switcher {
padding: 0 15px; }
.cms-delivery .delivery-switcher .delivery-switcher__toggle {
color: #0093ee;
font-size: 18px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
position: relative;
padding: 0 0 10px;
border-bottom: 1px solid #dddddd; }
@media only screen and (min-width: 980px) {
.cms-delivery .delivery-switcher .delivery-switcher__toggle {
display: none; } }
.cms-delivery .delivery-switcher .delivery-switcher__toggle:after {
content: '';
background: url("https://secur.ua/skin/frontend/secur/v1/images/arrow-dropdown.png") no-repeat;
width: 11px;
height: 9px;
margin-left: 20px;
display: inline-block; }
.cms-delivery .delivery-switcher .delivery-switcher_headline {
border-bottom: 1px solid #dddddd; }
@media only screen and (min-width: 980px) {
.cms-delivery .delivery-switcher .delivery-switcher_headline {
display: block !important; } }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher_headline {
-webkit-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0 0 35px 5px rgba(0, 147, 238, 0.2);
background-color: #fff;
padding: 10px 50px 0 15px;
position: absolute;
left: 0;
right: 0;
text-align: center;
z-index: 1;
border: 1px solid #0093EE;
display: none; } }
.cms-delivery .delivery-switcher .delivery-switcher_headline .delivery_headline {
font-size: 24px;
color: #0093ee;
font-weight: 300;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
margin: 40px 20px 20px 0 !important; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher_headline .delivery_headline {
font-size: 18px;
margin: 0 0 10px !important;
color: #2A2A2A;
display: block; } }
.cms-delivery .delivery-switcher .delivery-switcher_headline .delivery_headline:not(.current) {
color: #2A2A2A;
cursor: pointer; }
.cms-delivery .delivery-switcher .delivery-switcher-item:not(.visible) {
display: none; }
.cms-delivery .delivery-switcher .delivery-switcher-item div.p-with-icon {
padding-left: 85px !important; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher-item div.p-with-icon {
padding-left: 50px !important; } }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi {
font-size: 14px;
position: relative;
background: none;
margin-top: 32px;
margin-bottom: 40px;
line-height: 22px; }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi:before {
content: '';
width: 65px;
height: 67px;
overflow: hidden;
position: absolute;
top: 6px;
left: 0;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/delivery-sprite.png");
background-repeat: no-repeat;
background-size: 65px auto; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi:before {
width: 40px;
height: 42px;
background-size: 40px auto; } }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-1:before {
background-position: 0 0; }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-2:before {
background-position: 0 -98px; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-2:before {
background-position: 0 -60px; } }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-3:before {
background-position: 0 -203px; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-3:before {
background-position: 0 -124px; } }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-4:before {
background-position: 0 -300px; }
@media only screen and (max-width: 979px) {
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi-4:before {
background-position: 0 -184px; } }
.cms-delivery .delivery-switcher .delivery-switcher-item div.pwi span {
color: #0093EE; }
.cms-delivery .delivery-switcher .delivery-switcher-item div strong {
display: block;
color: #000;
margin-bottom: 8px;
font-size: 16px; }
.cms-about-us .main-container {
width: 100%;
margin: 0;
padding: 0; }
.cms-about-us .main-container .col-main {
width: 100%;
margin: 0;
padding: 0; }
.cms-about-us .main-container .col-main .cms-page-container,
.cms-about-us .main-container .col-main .page-title {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto; }
.cms-about-us .main-container .col-main .page-title h1 {
font-size: 32px;
font-weight: 300;
line-height: 38px;
margin: 25px 0 40px 0; }
@media only screen and (max-width: 640px) {
.cms-about-us .main-container .col-main .page-title h1 {
font-size: 20px;
line-height: 28px;
margin: 15px 0 20px 0; } }
.cms-about-us .main-container .col-main .cms-page-inner {
max-width: 100%; }
.cms-about-us .main-container .col-main .cms-page-container * {
box-sizing: border-box; }
.cms-about-us .main-container .col-main .cms-page-container p {
color: #000;
font-size: 14px;
line-height: 24px; }
.cms-about-us .main-container .col-main .cms-page-container p:last-child {
padding: 0;
margin: 0; }
.cms-about-us .main-container .col-main .cms-page-container a {
display: inline;
margin: 0; }
.cms-about-us .main-container .col-main .cms-page-container a:hover {
text-decoration: underline; }
.cms-about-us .main-container .col-main .cms-page-container .main-image-teaser {
background-size: cover;
background-repeat: no-repeat;
height: 540px;
width: 100%;
margin-bottom: 34px; }
@media only screen and (max-width: 991px) {
.cms-about-us .main-container .col-main .cms-page-container .main-image-teaser {
height: 400px; } }
@media only screen and (max-width: 640px) {
.cms-about-us .main-container .col-main .cms-page-container .main-image-teaser {
height: 300px; } }
@media only screen and (max-width: 480px) {
.cms-about-us .main-container .col-main .cms-page-container .main-image-teaser {
height: 200px; } }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container h3.title {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-bottom: 32px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
margin-bottom: 33px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-icon {
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
height: 60px;
width: 60px;
flex-shrink: 0;
margin-right: 20px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-icon:before {
content: '';
display: block;
background-size: cover;
background-repeat: no-repeat;
height: 40px;
width: 40px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-icon.mission:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/mission-icon.png");
height: 30px;
width: 30px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-icon.achievement:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/achievement-icon.png");
height: 30px;
width: 31px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-icon.work:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/work-icon.png");
height: 34px;
width: 40px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-icon.key:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/key-icon.png");
height: 33px;
width: 40px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-info {
width: calc(100% - 80px); }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-info .feature-title {
font-weight: 700;
font-size: 16px;
line-height: 24px;
margin: -3px 0 2px 0; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-info .feature-desc ul {
list-style-type: none; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-info .feature-desc ul li {
color: #000;
font-weight: normal;
font-family: "Montserrat", sans-serif;
font-style: inherit;
padding-left: 16px;
position: relative;
margin-bottom: 10px; }
.cms-about-us .main-container .col-main .cms-page-container .feature-list-container .feature-list .feature-list-item .feature-info .feature-desc ul li:before {
content: '';
display: block;
height: 6px;
width: 6px;
background: #0093EE;
border-radius: 50%;
position: absolute;
left: 0;
top: 9px; }
.cms-brands .main-container {
width: 100%;
margin: 0;
padding: 0; }
.cms-brands .main-container .col-main {
width: 100%;
margin: 0;
padding: 0; }
.cms-brands .main-container .col-main .cms-page-container,
.cms-brands .main-container .col-main .page-title {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto; }
.cms-brands .main-container .col-main .page-title h1 {
font-size: 32px;
font-weight: 300;
line-height: 38px;
margin: 25px 0 40px 0; }
@media only screen and (max-width: 640px) {
.cms-brands .main-container .col-main .page-title h1 {
font-size: 20px;
line-height: 28px; } }
.cms-brands .main-container .col-main .cms-page-container * {
box-sizing: border-box; }
.cms-brands .main-container .col-main .cms-page-container p {
color: #000;
font-size: 14px;
line-height: 24px; }
.cms-brands .main-container .col-main .cms-page-container p:last-child {
padding: 0;
margin: 0; }
.cms-brands .main-container .col-main .cms-page-container a {
color: #000;
display: inline;
margin: 0; }
.cms-brands .main-container .col-main .cms-page-container a:hover {
color: #0093EE;
text-decoration: underline; }
.cms-brands .main-container .col-main .cms-page-container ul li {
font-family: inherit;
font-style: inherit; }
.cms-brands .main-container .col-main .cms-page-container .cms-title-box .cms-title {
color: #000;
font-size: 24px;
font-weight: 300;
line-height: 28px;
text-transform: uppercase;
margin: 0 0 20px 0; }
@media only screen and (max-width: 640px) {
.cms-brands .main-container .col-main .cms-page-container .cms-title-box .cms-title {
font-size: 18px;
line-height: 24px; } }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box {
margin-bottom: 58px; }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .cms-title-box .cms-title {
margin-bottom: 12px; }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end; }
@media only screen and (max-width: 991px) {
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list {
justify-content: center; } }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list {
padding: 0 25px; } }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item {
flex-shrink: 0;
margin: 0 10px; }
@media only screen and (max-width: 991px) {
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item {
margin: 10px; } }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item {
width: 48%;
margin: 0 4% 0 0;
padding: 5px 0; }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item:nth-child(2n) {
margin-right: 0; } }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item:last-child {
margin-right: 0; }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item .image-inner {
position: relative; }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item .image-inner a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
text-indent: -999999px;
font-size: 0;
line-height: 0; }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item .image-inner a {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: auto;
height: auto;
text-indent: inherit;
font-size: 14px;
line-height: 24px; } }
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item .image-inner img {
display: block;
max-width: 100%; }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .top-brands-box .top-brands-list .top-brand-item .image-inner img {
display: none; } }
.cms-brands .main-container .col-main .cms-page-container .brand-list-alphabet-mobile {
display: none; }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .brand-list-alphabet-mobile {
display: block;
margin-bottom: 30px; } }
.cms-brands .main-container .col-main .cms-page-container .brand-list-alphabet-mobile .letter-list {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.cms-brands .main-container .col-main .cms-page-container .brand-list-alphabet-mobile .letter-list a {
display: block;
font-size: 18px;
font-weight: 300;
line-height: 24px;
width: 15%;
margin-right: 2%;
margin-bottom: 10px; }
.cms-brands .main-container .col-main .cms-page-container .brand-list-alphabet-mobile .letter-list a:nth-child(6n) {
margin-right: 0; }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .brand-list-inner {
padding: 0 25px; } }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box {
margin-bottom: 60px; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .cms-title-box .cms-title {
margin-bottom: 19px; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column {
width: 15%;
margin-right: 2%; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column:last-child {
margin-right: 0; }
@media only screen and (max-width: 991px) {
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column {
width: 32%; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column:nth-child(3n) {
margin-right: 0; } }
@media only screen and (max-width: 480px) {
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column {
width: 100%;
margin-right: 0; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list-item {
display: flex;
flex-direction: row;
justify-content: flex-start; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list-item .brand-list-title {
width: 50px;
margin-right: 10px; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list-item .brand-list {
width: calc(100% - 60px); } }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list-title {
font-size: 20px;
font-weight: 300;
margin-bottom: 8px; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list {
margin-bottom: 18px; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list ul li {
margin-bottom: 0; }
.cms-brands .main-container .col-main .cms-page-container .brands-list-box .brands-list .brand-column .brand-list ul li a {
font-size: 14px;
line-height: 24px; }
.cms-support .wrapper .main-container .main .col-main {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0 15px; }
.cms-support .wrapper .main-container .main .col-main .page-title h1 {
color: #000;
font-size: 32px;
font-weight: 300;
line-height: 28px;
text-transform: uppercase;
margin: 29px 0 40px 0;
padding: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container {
flex-wrap: wrap; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar {
width: 27%; }
@media only screen and (min-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar {
-webkit-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2); } }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar {
width: 100%;
margin-bottom: 40px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul {
list-style-type: none;
margin: 0;
padding: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul li {
border-bottom: 1px solid #dddddd; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul li:last-child {
border-bottom: none; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul li a {
color: #000;
display: block;
font-size: 16px;
font-style: normal;
font-family: "Montserrat", sans-serif;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
padding: 14px 30px 12px 30px;
position: relative; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul li a.active-item {
color: #0093EE; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul li a {
padding: 14px 10px 12px 10px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-sidebar ul li a:after {
content: "\e900";
font-family: "secur";
font-size: 7px;
color: #0093EE;
top: 13px;
position: absolute;
text-indent: 0;
transition: color 0.2s;
right: 10px;
transform: rotate(270deg); } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column {
width: 69%;
margin-left: 4%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column {
width: 100%;
margin-left: 0; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page {
display: none;
margin: 0;
padding: 0 0 60px 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page {
padding: 0 0 40px 0; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page.active-page {
display: block; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h2 {
color: #000;
font-size: 24px;
font-weight: 300;
line-height: 28px;
text-transform: uppercase;
margin: -3px 0 20px 0;
padding: 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h2 {
font-size: 18px;
line-height: 24px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h3 {
color: #000;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-transform: uppercase;
margin: 0 0 18px 0;
padding: 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h3 {
font-size: 16px;
line-height: 21px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h3.small-gap {
margin-bottom: 10px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h4 {
color: #000;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-transform: uppercase;
margin: 0 0 18px 0;
padding: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page h6 {
font-weight: 500; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page p {
color: #000;
font-size: 14px;
line-height: 24px;
margin-bottom: 8px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page p.medium {
font-weight: 500; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page p.nogap {
margin-bottom: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page p.extra-gap {
margin-bottom: 40px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page p.medium-gap {
margin-bottom: 30px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page span.medium {
display: inline;
font-weight: 500; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page span.blue-text {
display: inline;
color: #0093EE; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page a {
margin: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul {
list-style-type: none;
margin: 0 0 45px 0;
padding: 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul {
margin-bottom: 25px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.smallgap {
margin-bottom: 25px; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.smallgap {
margin-bottom: 15px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul:not(.special-list):not(.simple-list) li {
color: #000;
position: relative;
padding-left: 20px;
margin-bottom: 5px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul:not(.special-list):not(.simple-list) li:before {
content: '';
display: block;
background: #0093EE;
position: absolute;
left: 0;
top: 8px;
height: 10px;
width: 10px;
border-radius: 50%; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul li {
font-style: normal;
font-family: "Montserrat", sans-serif; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.special-list {
list-style-type: none;
margin: 0 0 20px 20px;
padding: 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.special-list {
margin: 0 0 15px 15px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.special-list li a {
text-decoration: underline; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.simple-list li {
color: #000;
position: relative; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page ul.simple-list li:before {
content: '-'; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
-webkit-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
padding: 40px 65px 35px 50px;
margin: 45px 0 50px 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box {
flex-wrap: wrap;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
padding: 25px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box {
width: 65%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box {
width: 100%; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .schedule-row,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .phone-row,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .mail-row {
position: relative;
margin-bottom: 7px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .schedule-row:before,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .phone-row:before,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .mail-row:before {
content: '';
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
left: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .schedule-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .schedule-row a,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .phone-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .phone-row a,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .mail-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .mail-row a {
color: #000;
display: block;
padding-left: 32px !important; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .schedule-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .phone-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .mail-row p {
margin-bottom: 1px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .schedule-row:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/time.png");
height: 17px;
width: 17px;
top: 3px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .phone-row:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/phone.png");
height: 17px;
width: 17px;
top: 1px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .info-box .mail-row:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/email.png");
height: 13px;
width: 17px;
top: 4px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
width: 34%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box {
width: 100%;
margin-top: 20px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box {
border: 1px solid #0093EE;
width: 100%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box {
width: 80%;
margin: 0 auto; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box .icon-box,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box .icon-box {
position: relative; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box .icon-box:before,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box .icon-box:before {
content: '';
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box .title,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box .title {
color: #0093EE;
padding-left: 47px;
line-height: 20px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box .title span,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box .title span {
display: block;
font-size: 18px; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box .title span,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box .title span {
font-size: 16px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box {
margin-bottom: 20px;
padding: 8px 20px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .viber-box .icon-box:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/viber-icon.png");
height: 44px;
width: 42px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box {
padding: 8px 20px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .support-box .contact-social-box .telegram-box .icon-box:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/telegram-icon.png");
width: 36px;
height: 35px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block {
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
-webkit-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
padding: 30px 30px 35px 30px;
max-width: 540px;
margin: 35px 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block {
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
flex-wrap: wrap;
padding: 20px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side {
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
width: 35%;
margin-right: 8%;
text-align: center; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side {
flex-wrap: wrap;
width: 100%;
margin-right: 0; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side .icon-box {
background: #fff;
border-radius: 50%;
height: 60px;
width: 60px;
-webkit-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 35px 5px rgba(0, 147, 238, 0.2);
position: relative;
margin: 0 auto; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side .icon-box {
display: none; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side .icon-box:before {
content: '';
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms-service-icon.png");
width: 30px;
height: 30px;
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
left: 15px;
top: 15px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side .title {
color: #0093EE;
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-transform: uppercase;
margin-top: 20px; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .left-side .title {
font-size: 14px;
line-height: 21px;
margin: 0 0 15px 0;
text-align: left; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side {
width: 57%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side {
width: 100%; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .schedule-row,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .phone-row,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .mail-row {
position: relative;
margin-bottom: 14px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .schedule-row:before,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .phone-row:before,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .mail-row:before {
content: '';
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
left: 0; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .schedule-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .schedule-row a,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .phone-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .phone-row a,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .mail-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .mail-row a {
color: #000;
display: block;
padding-left: 32px !important; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .schedule-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .phone-row p,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .mail-row p {
margin-bottom: 1px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .schedule-row:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/time.png");
height: 17px;
width: 17px;
top: 3px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .phone-row:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/phone.png");
height: 17px;
width: 17px;
top: 1px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .service-contacts-block .right-side .mail-row:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/email.png");
height: 13px;
width: 17px;
top: 4px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box {
max-width: 540px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
margin: 15px 0 30px 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box {
flex-wrap: wrap; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box {
border: 2px solid #0093EE;
width: 48%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box {
width: 80%;
margin: 0 auto; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box .icon-box,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box .icon-box {
position: relative; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box .icon-box:before,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box .icon-box:before {
content: '';
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box .title,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box .title {
color: #0093EE;
padding-left: 47px;
line-height: 20px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box .title span,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box .title span {
display: block;
font-size: 24px; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box .title span,
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box .title span {
font-size: 16px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box {
margin-bottom: 20px;
padding: 8px 20px;
margin-right: 4%; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box {
margin: 0 auto 20px auto; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .viber-box .icon-box:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/viber-icon.png");
height: 44px;
width: 42px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box {
padding: 8px 20px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .cms-social-box .telegram-box .icon-box:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/telegram-icon.png");
width: 36px;
height: 35px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page #cms-map-box {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms-map-image.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 450px;
width: 100%;
max-width: 540px;
margin: 0 0 25px 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page #cms-map-box {
display: none; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup {
margin-top: 20px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup .beefup:first-child {
margin-top: 0; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup {
margin-top: 15px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup .beefup__head {
border: 1px solid #ddd;
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
margin: 0;
overflow: hidden;
padding: 9px 45px 6px 28px;
position: relative;
text-transform: none; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup .beefup__head {
font-size: 16px;
padding: 9px 25px 6px 10px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup .beefup__head:after {
content: "\e900";
font-family: "secur";
font-size: 7px;
color: #0093EE;
top: 9px;
position: absolute;
text-indent: 0;
transition: color 0.2s;
right: 24px; }
@media only screen and (max-width: 768px) {
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup .beefup__head:after {
right: 10px; } }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup .beefup__body {
padding-top: 23px; }
.cms-support .wrapper .main-container .main .col-main .cms-page-inner .cms-page-container .cms-column .page .beefup.is-open > .beefup__head::after {
transform: rotate(180deg); }
.cms-security-services .main-container {
width: 100%;
margin: 0;
padding: 0; }
.cms-security-services .main-container .col-main {
width: 100%;
margin: 0;
padding: 0; }
.cms-security-services .main-container .col-main .cms-page-container,
.cms-security-services .main-container .col-main .page-title {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto; }
.cms-security-services .main-container .col-main .page-title h1 {
color: #000;
font-size: 32px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
margin: 20px 0 19px 0;
text-transform: uppercase; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .page-title h1 {
font-size: 20px;
line-height: 24px; } }
.cms-security-services .main-container .col-main .cms-page-container {
padding-bottom: 55px; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .cms-page-container {
padding-bottom: 35px; } }
.cms-security-services .main-container .col-main .cms-page-container * {
box-sizing: border-box; }
.cms-security-services .main-container .col-main .cms-page-container p {
color: #000;
font-size: 14px;
line-height: 24px;
margin-bottom: 15px; }
.cms-security-services .main-container .col-main .cms-page-container p:last-child {
padding: 0;
margin: 0; }
.cms-security-services .main-container .col-main .cms-page-container p.list-title {
margin-bottom: 12px; }
.cms-security-services .main-container .col-main .cms-page-container p.desc {
margin-bottom: 34px; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .cms-page-container p.desc {
margin-bottom: 15px; } }
.cms-security-services .main-container .col-main .cms-page-container p.bottom-desc {
margin-bottom: 24px; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .cms-page-container p.bottom-desc {
margin-bottom: 15px; } }
.cms-security-services .main-container .col-main .cms-page-container .medium {
display: inline;
font-weight: 500; }
.cms-security-services .main-container .col-main .cms-page-container a {
color: #000;
display: inline;
margin: 0; }
.cms-security-services .main-container .col-main .cms-page-container a:hover {
color: #0093EE;
text-decoration: underline; }
.cms-security-services .main-container .col-main .cms-page-container .top-desc {
margin: 0 0 35px 0; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .cms-page-container .top-desc {
margin: 0 0 20px 0; } }
.cms-security-services .main-container .col-main .cms-page-container h3 {
color: #000;
font-size: 24px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
margin: 0 0 22px 0;
text-transform: uppercase; }
.cms-security-services .main-container .col-main .cms-page-container h3.custom-gap {
margin: 0 0 27px 0; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .cms-page-container h3.custom-gap {
margin-bottom: 15px; } }
.cms-security-services .main-container .col-main .cms-page-container .cms-list {
list-style-type: none;
margin-bottom: 31px; }
@media only screen and (max-width: 768px) {
.cms-security-services .main-container .col-main .cms-page-container .cms-list {
margin-bottom: 20px; } }
.cms-security-services .main-container .col-main .cms-page-container .cms-list li {
color: #000;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-family: "Montserrat", sans-serif;
position: relative;
list-style: none;
padding-left: 20px;
margin: 0 0 9px 0; }
.cms-security-services .main-container .col-main .cms-page-container .cms-list li:last-child {
margin: 0; }
.cms-security-services .main-container .col-main .cms-page-container .cms-list li:before {
background: #0093EE;
border-radius: 50%;
content: '';
display: block;
height: 10px;
width: 10px;
position: absolute;
left: 0;
top: 5px; }
.cms-security-services .main-container .col-main .cms-page-container .icon-box {
margin-bottom: 34px; }
.cms-security-services .main-container .col-main .cms-page-container .icon-box .icon-item {
display: flex;
align-items: center;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-family: "Montserrat", sans-serif !important;
text-transform: uppercase;
position: relative;
padding-left: 90px;
min-height: 64px;
margin-bottom: 21px; }
.cms-security-services .main-container .col-main .cms-page-container .icon-box .icon-item:last-child {
margin-bottom: 0; }
.cms-security-services .main-container .col-main .cms-page-container .icon-box .icon-item:before {
background-size: cover;
background-repeat: no-repeat;
content: '';
display: block;
height: 64px;
width: 64px;
position: absolute;
left: 0;
top: 0; }
.cms-security-services .main-container .col-main .cms-page-container .icon-box .icon-item.flat:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-flat-icon.png"); }
.cms-security-services .main-container .col-main .cms-page-container .icon-box .icon-item.house:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-house-icon.png"); }
.cms-security-services .main-container .col-main .cms-page-container .icon-box .icon-item.shop:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-office-icon.png"); }
@media only screen and (min-width: 770px) {
.cms-index-index .price-and-add button.btn-cart.ru {
font-size: 9px !important;
padding: 0 2px; }
.cms-index-index .price-and-add button.btn-cart.ua {
font-size: 9px !important;
padding: 0 2px;
line-height: 1.4 !important; } }
.cms-instructions-content .main-container {
width: 100%;
margin: 0;
padding: 0; }
@media only screen and (max-width: 769px) {
.cms-instructions-content .main-container .main {
padding: 0; } }
@media only screen and (max-width: 1024px) {
.cms-instructions-content .main-container .main {
padding: 10px; } }
.cms-instructions-content .main-container .col-main {
width: 100%;
margin: 0;
padding: 0; }
.cms-instructions-content .main-container .col-main .cms-topmenu {
margin-bottom: 32px; }
@media only screen and (max-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav {
padding: 0 10px; } }
@media only screen and (max-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav > ul {
display: flex;
overflow: auto; } }
@media only screen and (min-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav > ul {
display: flex;
flex-direction: row;
flex-wrap: wrap; } }
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav > ul .menu-item {
background: none;
border: 1px solid #0093EE;
color: #0093EE;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin-right: 10px;
position: relative;
padding: 8px 20px 6px;
transition: all .2s linear;
white-space: nowrap; }
@media only screen and (min-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav > ul .menu-item {
margin: 0 10px 13px 0;
padding: 14px 34px 11px; } }
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav > ul .menu-item:hover {
background: #0093EE;
color: #fff; }
.cms-instructions-content .main-container .col-main .cms-topmenu .cms-topmenu-nav > ul .active-item {
background: #0093EE;
color: #fff; }
.cms-instructions-content .main-container .col-main .cms-page-container,
.cms-instructions-content .main-container .col-main .page-title {
padding: 0 15px; }
@media only screen and (min-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-page-container,
.cms-instructions-content .main-container .col-main .page-title {
max-width: 1140px;
padding: 0;
margin: 0 auto; } }
.cms-instructions-content .main-container .col-main .page-title h1 {
color: #000;
font-size: 32px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
margin: 20px 0 19px 0;
text-transform: uppercase; }
@media only screen and (max-width: 768px) {
.cms-instructions-content .main-container .col-main .page-title h1 {
font-size: 20px;
line-height: 24px; } }
@media only screen and (min-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-page-container {
display: flex;
flex-direction: row; } }
@media only screen and (min-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar {
width: 275px;
margin-right: 15px; } }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar .cms-sidebar-nav {
background: #F6F8F9; }
@media only screen and (max-width: 768px) {
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar .cms-sidebar-nav {
margin: 22px 0; } }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar .cms-sidebar-nav li i {
align-self: center; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar .cms-sidebar-nav li .category-menu-item {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
text-align: start;
width: 100%;
border: none;
padding: 10px 19px;
background: none;
color: #000000;
display: flex;
flex-direction: row;
justify-content: space-between; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar .cms-sidebar-nav li .category-menu-item.active-item {
background: #0093EE;
color: #fff; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-sidebar .cms-sidebar-nav li .category-menu-item:hover {
background: #0093EE;
color: #fff; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-column {
width: 100%; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-column .cms-column-content {
border: 2px solid #F6F8F9;
display: flex;
flex-direction: column; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-column .cms-column-content > a {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
line-height: 17px;
color: #000;
padding: 13px 18px; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-column .cms-column-content > a i {
color: #0093ee;
padding-right: 10px;
font-size: 16px; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-column .cms-column-content > a:nth-child(2n+1) {
background-color: #F6F8F9; }
.cms-instructions-content .main-container .col-main .cms-page-container .cms-column .page {
padding: 0px; }
.catalog-product-view .defs-only {
display: none; }
.catalog-product-view .pdp-title {
margin: 29px 0 40px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .pdp-title {
margin: 26px 0 10px 0; } }
.catalog-product-view .pdp-title .product-name {
text-transform: uppercase;
font-weight: 300;
font-size: 32px;
line-height: 38px;
margin-bottom: 18px;
margin-left: -2px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .pdp-title .product-name {
font-size: 20px;
line-height: 24px;
margin-bottom: 15px; } }
.catalog-product-view .pdp-title .product-top-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start; }
.catalog-product-view .pdp-title .product-top-info .rating-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.catalog-product-view .pdp-title .product-top-info .star-rate {
height: 21px;
margin-right: 10px; }
@media only screen and (max-width: 480px) {
.catalog-product-view .pdp-title .product-top-info .star-rate {
height: 17px; } }
.catalog-product-view .pdp-title .product-top-info .star-rate .rating-box {
display: block;
width: 133px;
height: 21px;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/starsun.png");
background-repeat: no-repeat;
background-size: 133px 21px;
position: relative; }
@media only screen and (max-width: 480px) {
.catalog-product-view .pdp-title .product-top-info .star-rate .rating-box {
height: 17px;
background-size: 105px 17px;
width: 105px; } }
.catalog-product-view .pdp-title .product-top-info .star-rate .rating-box .rating {
position: absolute;
height: 21px;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/stars.png");
background-repeat: no-repeat;
background-size: 133px 21px; }
@media only screen and (max-width: 480px) {
.catalog-product-view .pdp-title .product-top-info .star-rate .rating-box .rating {
height: 17px;
background-size: 105px 17px; } }
.catalog-product-view .pdp-title .product-top-info .recall {
display: inline-block; }
.catalog-product-view .pdp-title .product-top-info .recall a {
color: #0093EE;
border-bottom: 1px dotted #0093EE;
cursor: pointer;
line-height: 24px;
text-transform: lowercase; }
@media only screen and (max-width: 480px) {
.catalog-product-view .pdp-title .product-top-info .recall a {
font-size: 13px; } }
.catalog-product-view .pdp-title .product-top-info .sku {
font-weight: 400;
margin-right: 15px; }
@media only screen and (max-width: 480px) {
.catalog-product-view .pdp-title .product-top-info .sku {
font-size: 13px; } }
.catalog-product-view .product-view {
overflow: hidden;
margin-bottom: 65px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view {
margin-bottom: 0; } }
.catalog-product-view .product-essential {
max-width: 1170px;
margin: 10px auto 0;
padding: 0 30px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-essential {
padding: 0 10px; } }
.catalog-product-view .product-essential:after {
content: '';
display: table;
clear: both; }
.catalog-product-view .product-view-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner {
flex-wrap: wrap;
margin-bottom: 30px; } }
.catalog-product-view .product-view-inner .product-img-box {
width: 400px;
margin-right: 75px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box {
width: 100%;
margin: 0; } }
.catalog-product-view .product-view-inner .product-img-box .media-slider-box {
position: relative; }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery {
margin: 0 0 15px 0;
height: 420px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery {
height: auto;
margin: 0; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .slick-list {
margin: 0 -20px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .slick-list {
margin: 0 -10px; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item {
width: 440px;
height: 440px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item {
width: auto;
height: auto;
padding: 0; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item.slick-slide {
margin: 10px 20px 0 20px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item.slick-slide {
margin: 5px 10px 0 10px; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item.slick-slide:focus {
border: none;
outline: none; }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item.slick-slide .item-slide {
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item {
text-align: center; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item img {
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2); }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item img {
display: inline-block; } }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item img {
box-shadow: 0 0 15px 0 rgba(0, 147, 238, 0.2);
max-width: 100%;
height: 100%; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item a {
display: block;
position: relative; }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item a > span {
width: 400px;
height: 400px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 147, 238, 0.31);
display: none;
outline: 3px solid #3399CC; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item a > span {
right: 0;
margin: 0 auto; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item a > span {
display: none; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item a > span:before {
content: "\e919";
font-family: "secur";
font-size: 50px;
line-height: 50px;
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin-top: -13px;
transform: translate(-50%, -50%); }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .item a > span:after {
content: "Увеличить";
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin-top: 30px;
transform: translate(-50%, -50%); }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery:hover .item > a > span {
display: block; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery:hover .item > a > span {
display: none; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .slick-track {
padding: 10px 0; }
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .slick-dots {
margin-top: 100px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .slick-dots {
margin-top: 0; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-gallery .slick-dots {
display: none; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs-block {
min-height: 120px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs-block {
display: none; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs {
display: none; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .slick-list {
margin: 0 -9px; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .slick-slide {
margin: 0 9px; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .slick-slide:focus {
outline: none; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .slick-slide img {
box-shadow: 0 0 10px 0 rgba(0, 147, 238, 0.2); }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .slick-slide img {
width: 100% !important;
height: auto !important; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item {
width: 84px;
height: 84px;
position: relative; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item {
height: auto; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item.slick-current img {
outline: 3px solid #3399CC; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item img {
width: 100%;
height: auto; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item span {
width: 88px;
height: 88px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 147, 238, 0.31);
display: none; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item span {
right: 0;
margin: 0 auto;
width: 100%;
height: 100%; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item span {
display: none; } }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item:hover span {
display: block; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item:hover span:before {
content: "";
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 21px;
height: 12px;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/slider-eye-icon.png");
background-size: cover;
background-repeat: no-repeat; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .item:hover img {
outline: 3px solid #3399CC; }
.catalog-product-view .product-view-inner .product-img-box .product-image-thumbs .slick-track {
padding: 20px 0; }
.catalog-product-view .product-view-inner .product-img-box .add-to-links {
display: none; }
.catalog-product-view .product-view-inner .product-shop {
margin-top: 8px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-view-inner .product-shop {
width: 100%;
margin-top: 0; } }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-main .product-info {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; } }
.catalog-product-view .product-main .product-price {
font-size: 30px;
font-weight: 600;
display: inline-block;
vertical-align: middle;
color: #0093EE; }
.catalog-product-view .product-main .product-price .label-price {
font-size: 20px; }
@media only screen and (min-width: 771px) {
.catalog-product-view .product-main .product-price .label-price {
font-size: 24px; } }
.catalog-product-view .product-main .product-price .price-box {
display: inline-block; }
.catalog-product-view .product-main .product-price .price-box .price-label {
display: none; }
.catalog-product-view .product-main .product-price .price-box .price-symbol {
margin-left: 10px; }
.catalog-product-view .product-main .product-price .old-price {
position: relative;
display: block;
color: #ff6863;
font-weight: normal;
line-height: 14px;
font-size: 14px; }
.catalog-product-view .product-main .product-price .old-price .price-value {
line-height: 14px;
text-decoration: line-through; }
.catalog-product-view .product-main .availability {
display: inline-block;
vertical-align: middle;
border: 1px solid #0093EE;
color: #0093EE;
font-size: 12px;
line-height: 17px;
padding: 0 3px;
margin: 2px 0 0 10px;
font-weight: 400; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-main .availability {
float: right; } }
.catalog-product-view .product-main .availability.out-of-stock {
color: #666666;
border-color: #666666; }
.catalog-product-view .product-main .product-options {
margin-top: 25px; }
.catalog-product-view .product-main .product-options .product-options__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start; }
.catalog-product-view .product-main .product-options .product-options__item label {
margin-right: 20px; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box {
position: relative;
margin-right: 10px;
height: 30px;
width: 30px; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box label {
display: block;
height: 30px;
width: 30px; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box label span {
border-radius: 50%;
display: block;
height: 20px;
width: 20px;
position: absolute;
left: 0;
top: 0; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box label span:before {
content: '';
position: absolute;
top: -5px;
left: -5px;
width: 30px;
height: 30px;
border: 1px solid #dedede;
border-radius: 50%;
background: transparent; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box:hover label span:before {
border: 1px solid #0093ee; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .color-input-wrapper.active label span:before {
border: 1px solid #0093ee; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box input {
position: absolute;
z-index: -1;
opacity: 0;
margin: 0; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box input + label {
position: relative;
cursor: pointer; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box input + label:before {
content: '';
position: absolute;
top: -5px;
left: -5px;
width: 30px;
height: 30px;
border: 1px solid #dedede;
border-radius: 50%;
background: transparent; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box input:checked + label:before {
border: 1px solid #0093ee; }
.catalog-product-view .product-main .product-options .product-options__item .colors-inner .input-box input:focus + label:before {
border: 1px solid #0093ee; }
.catalog-product-view .product-main .product-options-bottom .price-box {
display: none; }
.catalog-product-view .product-main .product-options-bottom .add-to-cart {
display: inline-block;
vertical-align: middle;
margin-right: 12px; }
.catalog-product-view .product-main .product-options-bottom .add-to-cart .btn-quick-order-pdp {
background: #fff;
border: 2px solid #0093EE; }
.catalog-product-view .product-main .product-options-bottom .add-to-cart .btn-quick-order-pdp:hover {
background: #0093EE; }
.catalog-product-view .product-main .product-options-bottom .add-to-cart .button {
width: 100px;
height: 40px;
line-height: 40px;
font-size: 14px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-main .product-options-bottom .add-to-cart .button {
line-height: 34px;
height: 34px; } }
.catalog-product-view .product-main .product-options-bottom .product-quantity {
margin: 20px 0 31px 0; }
.catalog-product-view .product-main .product-options-bottom .add-to-links {
display: inline-block;
vertical-align: middle; }
.catalog-product-view .product-main .product-options-bottom .add-to-links li {
display: inline-block;
vertical-align: middle;
width: 37px;
height: 40px; }
.catalog-product-view .product-main .product-options-bottom a {
text-indent: -9999px;
width: 40px;
height: 40px;
display: block; }
.catalog-product-view .product-main .product-options-bottom a span {
display: none; }
.catalog-product-view .product-main .product-options-bottom a.compare, .catalog-product-view .product-main .product-options-bottom a.wishlist-action {
position: relative; }
.catalog-product-view .product-main .product-options-bottom a.compare:before, .catalog-product-view .product-main .product-options-bottom a.wishlist-action:before {
font-family: "secur";
font-size: 21px;
line-height: 21px;
color: #c0c0c0;
position: absolute;
text-indent: 0;
top: 10px;
left: 7px; }
.catalog-product-view .product-main .product-options-bottom a.compare:hover:before, .catalog-product-view .product-main .product-options-bottom a.wishlist-action:hover:before {
color: #0093EE; }
.catalog-product-view .product-main .product-options-bottom a.compare:before {
content: "\e91e"; }
.catalog-product-view .product-main .product-options-bottom a.wishlist-action:before {
content: "\e913"; }
.catalog-product-view .product-main .add-to-block {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 30px 0; }
.catalog-product-view .product-main .add-to-block .add-to-cart {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-right: 12px;
flex-wrap: wrap; }
.catalog-product-view .product-main .add-to-block .add-to-cart .btn-quick-order-pdp {
background: #fff;
border: 1px solid #0093EE;
color: #0093EE; }
.catalog-product-view .product-main .add-to-block .add-to-cart .btn-quick-order-pdp:hover {
background: #0093EE;
color: #fff; }
.catalog-product-view .product-main .add-to-block .add-to-cart .button {
padding: 0 15px;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-right: 10px; }
.catalog-product-view .product-main .add-to-block .add-to-cart .button:last-child {
margin-right: 0; }
@media only screen and (max-width: 900px) {
.catalog-product-view .product-main .add-to-block .add-to-cart .button {
margin-bottom: 10px; } }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-main .add-to-block .add-to-cart .button {
margin-bottom: 0;
line-height: 34px;
height: 34px; } }
.catalog-product-view .product-main .add-to-block .add-to-links li {
display: inline-block;
vertical-align: middle;
width: 37px;
height: 40px; }
.catalog-product-view .product-main .add-to-block a {
text-indent: -9999px;
width: 40px;
height: 40px;
display: block; }
.catalog-product-view .product-main .add-to-block a span {
display: none; }
.catalog-product-view .product-main .add-to-block a.compare, .catalog-product-view .product-main .add-to-block a.wishlist-action {
position: relative; }
.catalog-product-view .product-main .add-to-block a.compare:before, .catalog-product-view .product-main .add-to-block a.wishlist-action:before {
font-family: "secur";
font-size: 21px;
line-height: 21px;
color: #c0c0c0;
position: absolute;
text-indent: 0;
top: 10px;
left: 7px; }
.catalog-product-view .product-main .add-to-block a.compare:hover:before, .catalog-product-view .product-main .add-to-block a.wishlist-action:hover:before {
color: #0093EE; }
.catalog-product-view .product-main .add-to-block a.compare.inCompare:before, .catalog-product-view .product-main .add-to-block a.compare.remove-from-wishlist:before, .catalog-product-view .product-main .add-to-block a.wishlist-action.inCompare:before, .catalog-product-view .product-main .add-to-block a.wishlist-action.remove-from-wishlist:before {
color: #0093EE; }
.catalog-product-view .product-main .add-to-block a.compare:before {
content: "\e91e"; }
.catalog-product-view .product-main .add-to-block a.wishlist-action:before {
content: "\e913"; }
.catalog-product-view .product-main .short-description .std {
margin-bottom: 20px; }
.catalog-product-view .product-main .short-description .std > span {
display: block; }
.catalog-product-view .product-main .short-description .std.hidden {
max-height: 230px;
overflow: hidden; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-main .short-description .std.hidden {
max-height: 240px; } }
.catalog-product-view .product-main .short-description .show-more {
color: #0093EE;
border-bottom: 1px dotted #0093EE;
cursor: pointer;
display: inline-block; }
.catalog-product-view .product-main .short-description li {
list-style: none;
margin: 0 0 10px 17px;
font-size: 14px;
line-height: 24px;
position: relative; }
.catalog-product-view .product-main .short-description li:before {
border-radius: 50%;
content: "";
background: #0093EE;
display: inline-block;
position: absolute;
height: 5px;
width: 5px;
left: -16px;
top: 9px; }
.catalog-product-view .product-main .short-additional {
background-color: #f6f8f9;
padding: 30px;
margin: 30px 0 28px; }
@media only screen and (max-width: 1170px) {
.catalog-product-view .product-main .short-additional {
padding: 20px 20px 0 20px; } }
.catalog-product-view .product-main .short-additional .notes {
columns: 2; }
@media only screen and (max-width: 1170px) {
.catalog-product-view .product-main .short-additional .notes {
columns: 1; } }
.catalog-product-view .product-main .short-additional .notes li {
margin-bottom: 20px;
color: #0093EE; }
.catalog-product-view .product-main .short-additional .notes li img {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
width: 20px;
height: 20px; }
.catalog-product-view .product-main .action-description {
color: #ff0000;
font-size: 14px;
line-height: 24px;
margin-bottom: 25px; }
.catalog-product-view .product-main .product-colors,
.catalog-product-view .product-main .product-quantity {
height: 24px;
margin: 20px 0; }
.catalog-product-view .product-main .product-colors label,
.catalog-product-view .product-main .product-quantity label {
display: inline-block;
vertical-align: middle;
margin-right: 15px; }
.catalog-product-view .product-main .product-colors .color-one {
display: inline-block;
vertical-align: middle; }
.catalog-product-view .product-main .product-colors .color-one .input {
display: none; }
.catalog-product-view .product-main .product-quantity .plus {
border: 1px solid #ccc;
display: inline-block;
vertical-align: middle;
height: 30px;
padding: 4px 1px;
position: absolute;
width: 80px;
margin: -5px -2px; }
.catalog-product-view .product-main .product-quantity .plus, .catalog-product-view .product-main .product-quantity .plus * {
background-clip: border-box; }
.catalog-product-view .product-main .product-quantity .plus input[type="text"] {
width: 18px;
margin: 0 5px;
text-align: center;
border: none;
padding: 2px 0 0 0;
height: 20px; }
.catalog-product-view .product-main .product-quantity .plus .in, .catalog-product-view .product-main .product-quantity .plus .de {
cursor: pointer;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
text-align: center;
font: 20px/20px 'Open-Sans', sans-serif;
text-decoration: none;
position: relative; }
.catalog-product-view .product-main .product-quantity .plus .in:hover, .catalog-product-view .product-main .product-quantity .plus .de:hover {
opacity: 1; }
.catalog-product-view .product-main .product-quantity .plus .de:before {
content: "\e901";
font-family: "secur";
font-size: 11px;
line-height: 14px;
color: #b0b0b0;
position: absolute;
text-indent: 0;
top: 4px;
left: 6px; }
.catalog-product-view .product-main .product-quantity .plus .in:before {
content: "\e904";
font-family: "secur";
font-size: 11px;
line-height: 14px;
color: #b0b0b0;
position: absolute;
text-indent: 0;
top: 4px;
left: 6px; }
.catalog-product-view .product-main .product-quantity .plus .inactive {
opacity: 0.3;
cursor: default; }
.catalog-product-view .product-main .product-actions {
position: relative; }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner {
position: absolute;
right: 30px;
top: 0px; }
@media only screen and (max-width: 1170px) {
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner {
top: -50px;
right: 10px; } }
@media only screen and (max-width: 991px) {
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner {
position: relative;
top: auto;
right: auto; } }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge {
position: relative;
padding-left: 95px; }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge p {
color: #0093EE;
font-size: 20px;
line-height: 26px;
padding-top: 8px; }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge span {
color: #0093EE;
display: block;
font-size: 16px;
line-height: 18px;
margin-bottom: 7px; }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge label {
color: #000;
display: block;
font-size: 14px;
line-height: 18px; }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge:before {
content: '';
background: #fff;
display: block;
border-radius: 50%;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
position: absolute;
left: 14px;
top: -5px;
height: 65px;
width: 65px; }
@media only screen and (max-width: 991px) {
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge:before {
left: 0; } }
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge:after {
content: '';
display: block;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/warranty-logo.png");
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 27px;
top: 10px;
height: 39px;
width: 38px; }
@media only screen and (max-width: 991px) {
.catalog-product-view .product-main .product-actions .product-warranty-badge-inner .product-warranty-badge:after {
left: 13px; } }
.catalog-product-view .product-collateral-wrap {
background-color: #f6f8f9;
margin-top: 65px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-collateral-wrap {
background: #fff;
margin-top: 0; } }
.catalog-product-view .product-collateral-wrap .tabs-container {
max-width: 1170px;
margin: 0 auto;
padding: 0 30px; }
.catalog-product-view .product-collateral-wrap .tabs-container .tab > li:not(:first-of-type) {
display: none; }
@media only screen and (max-width: 1240px) {
.catalog-product-view .product-collateral-wrap .tabs-container {
padding: 30px; } }
@media only screen and (max-width: 768px) {
.catalog-product-view .product-collateral-wrap .tabs-container {
padding: 0 10px; } }
.catalog-product-view .product-collateral-wrap .tabs-menu {
padding: 55px 0 0 0;
border-bottom: 1px solid #d8d9da;
margin: 0 auto 35px; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li {
float: left;
margin-right: 44px;
margin-bottom: -3px;
padding: 18px 1px;
font-size: 16px;
line-height: 15px;
font-weight: normal;
color: #0093EE; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li > a {
color: #0093EE; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li:last-child {
margin-right: 0; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li.current {
border-bottom: 4px solid #0093EE; }
@media only screen and (max-width: 1240px) {
.catalog-product-view .product-collateral-wrap .tabs-menu {
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
margin-top: 20px;
padding: 0;
border-bottom: none; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li {
display: block;
float: none;
text-align: center;
margin: 0;
background-color: #ffffff;
font-size: 15px;
border-bottom: 1px solid #ddd;
padding: 0; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li a {
display: block;
padding: 8px 20px; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li:last-child {
border-bottom-color: transparent; }
.catalog-product-view .product-collateral-wrap .tabs-menu > li.current {
border: 1px solid #0093EE; } }
.catalog-product-view .product-collateral-wrap .tabs-menu:after {
content: '';
display: table;
clear: both; }
.catalog-product-view .product-collateral-wrap .tab .tab-content {
line-height: 1.7; }
.catalog-product-view .product-collateral-wrap .tab .tab-content p {
line-height: 1.7; }
.catalog-product-view .product-collateral-wrap .tab .tab-content > ul li {
list-style: none;
margin: 0 0 10px 17px;
font-size: 14px;
line-height: 24px;
position: relative; }
.catalog-product-view .product-collateral-wrap .tab .tab-content > ul li:before {
content: "•";
color: #0093EE;
font-size: 26px;
line-height: 10px;
display: inline-block;
position: absolute;
width: 14px;
margin-left: 0;
left: -16px;
top: 7px; }
.catalog-product-view .product-collateral-wrap .tab .tab-content iframe {
max-width: 100%; }
.catalog-product-view .product-collateral-wrap .tab .tab-content#specifications .block-product-specifications {
margin-top: 46px; }
.catalog-product-view .product-collateral-wrap .tab .tab-content#specifications .block-product-specifications .section .title-section {
cursor: pointer;
color: #0093EE;
font-size: 16px;
width: max-content; }
.catalog-product-view .product-collateral-wrap .tab .tab-content#specifications .block-product-specifications .section .title-section:hover {
border-bottom: 1px dotted #0093EE; }
.catalog-product-view .product-collateral-wrap .tab .tab-content#specifications .block-product-specifications .section .title-section:after {
content: "\e900";
font-family: "secur";
font-size: 9px;
color: #0093EE;
position: relative;
transition: transform 0.1s; }
.catalog-product-view .product-collateral-wrap .tab .tab-content#specifications .block-product-specifications .section.active .title-section:after {
display: inline-block;
transform: rotate(180deg);
padding-left: 10px;
vertical-align: middle; }
.catalog-product-view .product-collateral-wrap .tab .tab-content#components .block-product-components {
margin-top: 51px; }
.catalog-product-view .product-collateral-wrap .tabs h4 {
font-weight: bold;
margin: 10px 0;
font-size: 14px; }
.catalog-product-view .product-collateral-wrap .tabs h4:after {
display: none;
margin: 10px 0;
color: #2A2A2A;
font-weight: 600; }
.catalog-product-view .product-collateral-wrap .tabs .item-group-specifications {
margin-bottom: 18px; }
.catalog-product-view .product-collateral-wrap .tabs .item-group-specifications:last-child {
margin-bottom: 0; }
.catalog-product-view .product-collateral-wrap .tabs .item-group-specifications > .title {
font-weight: bold;
margin: 10px 0;
font-size: 14px; }
.catalog-product-view .product-collateral-wrap .tabs .block-attribute-specifications {
margin: 0 0 20px;
display: none;
overflow: hidden; }
.catalog-product-view .product-collateral-wrap .tabs .block-attribute-specifications.visible {
display: block; }
.catalog-product-view .product-collateral-wrap .tabs .block-attribute-specifications ul li:nth-child(odd) {
background-color: #ecedee; }
.catalog-product-view .product-collateral-wrap .tabs .item-attribute-specifications {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start; }
.catalog-product-view .product-collateral-wrap .tabs .item-attribute-specifications .title {
width: 55%;
margin-right: auto; }
.catalog-product-view .product-collateral-wrap .tabs .item-attribute-specifications .value {
width: 42%; }
.catalog-product-view .product-collateral-wrap .tabs .item-attribute-specifications .title,
.catalog-product-view .product-collateral-wrap .tabs .item-attribute-specifications .value {
padding: 11px 19px 10px 19px;
word-break: break-word; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader {
color: gray;
list-style: none;
max-width: 800px; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader li {
padding: 20px 0;
list-style: none;
border-bottom: 1px solid #ddd;
margin: 0 !important; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader li:last-child {
border-bottom: none; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader li:first-child {
margin-top: 0; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader li:before {
display: none !important; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .prod-attach {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .attach-img {
flex-shrink: 0;
display: inline-block;
vertical-align: middle;
margin-right: 20px; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .attach-img img {
display: none; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .attach-img:before {
content: "";
display: inline-block;
vertical-align: middle;
color: #666666;
width: 25px;
height: 30px;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/pdf-icon-pdp.png");
background-size: cover;
background-repeat: no-repeat; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .attach-title {
color: #2A2A2A;
display: inline-block;
border-bottom: 1px dotted #2A2A2A; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .attach-title:hover {
border-bottom-color: transparent; }
.catalog-product-view .product-collateral-wrap .tabs .fileuploader .block-product-compatible .title {
font-weight: bold;
margin: 10px 0;
font-size: 14px; }
.catalog-product-view .product-collateral-wrap .print-page {
padding: 30px 0;
clear: both; }
.catalog-product-view .product-collateral-wrap button.print-it {
color: #0093EE;
border: none;
background: transparent;
position: relative;
padding-left: 32px; }
.catalog-product-view .product-collateral-wrap button.print-it > span {
border-bottom: 1px dotted #0093EE; }
.catalog-product-view .product-collateral-wrap button.print-it:before {
content: "\e92f";
font-family: "secur";
font-size: 21px;
line-height: 21px;
color: #0093EE;
position: absolute;
left: 0;
top: 0; }
.catalog-product-view .switch-view-header {
max-width: 1170px;
margin: 10px auto 0;
padding: 0 30px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .switch-view-header {
padding: 0 10px; } }
.catalog-product-view .switch-view-header .switch-view {
display: inline-block;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
cursor: pointer; }
.catalog-product-view .switch-view-header .switch-view span {
border-bottom: 1px dotted transparent;
display: inline-block; }
@media only screen and (max-width: 770px) {
.catalog-product-view .switch-view-header .switch-view {
font-size: 24px;
line-height: 28px; } }
.catalog-product-view .switch-view-header .switch-view.active {
color: #0093EE;
cursor: default; }
@media only screen and (max-width: 770px) {
.catalog-product-view .switch-view-header .switch-view.active {
color: #000; } }
.catalog-product-view .switch-view-header .switch-view.active span {
border-bottom: 1px dotted #0093EE;
display: inline-block; }
@media only screen and (max-width: 770px) {
.catalog-product-view .switch-view-header .switch-view.active span {
border-bottom: 1px dotted transparent; } }
.catalog-product-view .switch-view-header .switch-view:after {
content: '/';
color: #2A2A2A;
display: inline-block;
margin: 0 10px; }
.catalog-product-view .switch-view-header .switch-view:last-child:after {
display: none; }
@media only screen and (max-width: 770px) {
.catalog-product-view .switch-view-header .switch-view#topprodcut {
display: block !important; }
.catalog-product-view .switch-view-header .switch-view#topprodcut:after {
display: none; }
.catalog-product-view .switch-view-header .switch-view#accessories, .catalog-product-view .switch-view-header .switch-view#upsells {
display: none !important; } }
.catalog-product-view .switch-view-header:before {
content: ''; }
@media only screen and (max-width: 770px) {
.catalog-product-view .switch-view-block .switch-topproduct {
display: block !important; }
.catalog-product-view .switch-view-block .switch-accessories,
.catalog-product-view .switch-view-block .switch-upsells {
display: none !important; } }
.catalog-product-view .block-product-compatible > .title {
font-size: 32px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 300; }
@media only screen and (max-width: 770px) {
.catalog-product-view .block-product-compatible > .title {
font-size: 24px;
line-height: 28px;
margin-bottom: 0; } }
.catalog-product-view .block-product-components {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start; }
@media only screen and (max-width: 991px) {
.catalog-product-view .block-product-components {
flex-wrap: wrap;
justify-content: center; } }
.catalog-product-view .block-product-components:after {
content: '';
display: table;
clear: both; }
.catalog-product-view .block-product-components .block-content {
order: 0;
width: calc(100% - 590px);
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start; }
@media only screen and (max-width: 991px) {
.catalog-product-view .block-product-components .block-content {
order: 1;
width: 100%; } }
.catalog-product-view .block-product-components .product-img-box {
order: 1;
width: 550px;
padding: 0;
margin: -30px 0 0 40px; }
@media only screen and (max-width: 991px) {
.catalog-product-view .block-product-components .product-img-box {
order: 0;
margin: 0 0 40px 0;
width: 100%;
text-align: center;
padding: 0; }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider {
display: inline-block; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider {
width: 250px; } }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider {
width: 500px; }
@media only screen and (max-width: 640px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider {
width: 100%; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider {
position: relative; } }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-list {
margin: 0 -20px; }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-list .slick-track {
padding: 20px 0; }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-list .slick-track .item {
margin: 10px 20px 0 20px;
text-align: center; }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-list .slick-track .item img {
display: inline-block;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
max-width: 100%;
height: 100%; }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev,
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next {
display: inline-block;
position: relative;
top: auto;
cursor: pointer; }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev,
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next {
background: #0093EE;
border-radius: 50%;
height: 23px;
width: 23px;
z-index: 10; } }
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev:after,
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #ddd;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev:after,
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next:after {
font-size: 14px;
line-height: 14px; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev:hover:after,
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next:hover:after {
color: #fff; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev {
position: absolute;
top: calc(50% - 12px);
left: 5px;
margin: 0; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-prev:after {
color: #fff;
content: "\e901";
left: 7px;
top: 5px; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next {
position: absolute;
top: calc(50% - 12px);
right: 5px;
margin: 0; } }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .tabs-product-slider .product-image-gallery .slick-slider-next:after {
color: #fff;
content: "\e904";
right: 7px;
top: 5px; } }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block {
margin: 0 -9px -9px; }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block {
display: none; } }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .slick-slide {
margin: 0 9px; }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .slick-slide:focus {
outline: none; }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .slick-slide img {
box-shadow: 0 0 10px 0 rgba(0, 147, 238, 0.2); }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .slick-slide img {
width: 100% !important;
height: auto !important; } }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item {
width: 84px;
height: 84px;
position: relative; }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item {
height: auto; } }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item.slick-current img {
outline: 3px solid #3399CC; }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item img {
width: 100%; }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item span {
width: 88px;
height: 88px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 147, 238, 0.31);
display: none; }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item span {
width: 100%;
height: 100%;
bottom: 0;
right: 0; } }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item:hover span {
display: block; }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item:hover span:before {
content: "";
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 21px;
height: 12px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAMCAYAAACNzvbFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA89pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTlGN0IyRThERTBGRTMxMUEyMEVGMTVDNUNEODA4MTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTNEQkVFMkNBQkVEMTFFOUEzMjlCM0NGRURDNUQ5OUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTNEQkVFMkJBQkVEMTFFOUEzMjlCM0NGRURDNUQ5OUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzg5YzA5ZTYtYzE1NS00ZDRkLWJkMTgtNWI4YzllNmYyZGY1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTQzOWY3NDYtYTg4Mi0xMTdjLTliYWItYWM2NWQxYTc4YWFlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TcFzdAAAAPVJREFUeNqMk7EOgkAMhkFGd0yUVQcTXYyPoYsvoi9EIrrq4COYMOmik67qhKsuAjn/S4qWswhNvpC7tj9p7q+tlLKEqIMJGIEhcOk+AnuwASvwlJotLcpwwBRE6hsvcCRidh9RrWNo5ESbIFT5mIMGq3FBYNSE1Psj2gZXo3jBCvtEdl4atRfS+Ih6gmDC/u6ze59NlRo9WqOViZoj6zhRc0/IdSl3FnJbnatZctj0Tf7kVGGuYPy0wviJML5X9lABe5hByUPdQKeqpQKyUVbTIJtVshQ3/8wwf0zGP9AiZHEvMr9dsqZjYU13tKZr8JCa3wIMACXIq3KNrUIfAAAAAElFTkSuQmCC"); }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .item:hover img {
outline: 3px solid #3399CC; }
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block .slick-track {
padding: 20px 0; }
@media only screen and (max-width: 480px) {
.catalog-product-view .block-product-components .product-img-box .product-image-thumbs-block {
position: relative; } }
.catalog-product-view .block-product-components .product-components {
width: 100%;
margin-bottom: 30px; }
.catalog-product-view .block-product-components .product-components li {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
padding: 20px 0;
border-bottom: 1px solid #ddd; }
.catalog-product-view .block-product-components .product-components li:after {
content: '';
display: table;
clear: both; }
.catalog-product-view .block-product-components .product-components li:first-child {
padding-top: 0; }
.catalog-product-view .block-product-components .product-components li:last-child {
border-bottom-color: transparent;
padding-bottom: 0; }
.catalog-product-view .block-product-components .product-components .img {
flex-shrink: 0;
margin-right: 30px; }
.catalog-product-view .block-product-components .product-components .img img {
width: 80px;
height: 80px;
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2); }
.catalog-product-view .block-product-components .product-components .title {
padding-right: 15px; }
.catalog-product-view .block-product-components .product-components .quantity {
flex-shrink: 0;
margin-left: auto; }
@media only screen and (max-width: 770px) {
.catalog-product-view .block-product-components .product-img-box,
.catalog-product-view .block-product-components .product-components {
width: 100%;
margin-bottom: 30px;
padding: 0; } }
.catalog-product-view .product-slider-nav {
margin-top: 20px; }
.catalog-product-view .product-slider-nav,
.catalog-product-view .product-list-navs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center; }
.catalog-product-view .product-slider-nav .slick-dots,
.catalog-product-view .product-list-navs .slick-dots {
text-align: center;
order: 1; }
.catalog-product-view .product-slider-nav .slick-dots li,
.catalog-product-view .product-list-navs .slick-dots li {
display: inline-block;
margin: 5px 0; }
.catalog-product-view .product-slider-nav .slick-dots li.slick-active button,
.catalog-product-view .product-list-navs .slick-dots li.slick-active button {
height: 4px;
background: #0093ee;
position: relative;
top: -1px; }
.catalog-product-view .product-slider-nav .slick-dots button,
.catalog-product-view .product-list-navs .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #ddd;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-slider-nav .slick-dots button,
.catalog-product-view .product-list-navs .slick-dots button {
width: 25px; } }
.catalog-product-view .product-slider-nav .slick-prev.icon-prev,
.catalog-product-view .product-slider-nav .slick-next.icon-next,
.catalog-product-view .product-list-navs .slick-prev.icon-prev,
.catalog-product-view .product-list-navs .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: auto;
cursor: pointer;
background-color: transparent; }
.catalog-product-view .product-slider-nav .slick-prev.icon-prev:after,
.catalog-product-view .product-slider-nav .slick-next.icon-next:after,
.catalog-product-view .product-list-navs .slick-prev.icon-prev:after,
.catalog-product-view .product-list-navs .slick-next.icon-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #ddd;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
.catalog-product-view .product-slider-nav .slick-prev.icon-prev:hover:after,
.catalog-product-view .product-slider-nav .slick-next.icon-next:hover:after,
.catalog-product-view .product-list-navs .slick-prev.icon-prev:hover:after,
.catalog-product-view .product-list-navs .slick-next.icon-next:hover:after {
color: #0093EE; }
.catalog-product-view .product-slider-nav .slick-prev.icon-prev,
.catalog-product-view .product-list-navs .slick-prev.icon-prev {
left: auto;
position: relative;
order: 0;
margin-right: 20px; }
.catalog-product-view .product-slider-nav .slick-prev.icon-prev:after,
.catalog-product-view .product-list-navs .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
.catalog-product-view .product-slider-nav .slick-next.icon-next,
.catalog-product-view .product-list-navs .slick-next.icon-next {
position: relative;
left: auto;
order: 2;
margin-left: 20px; }
.catalog-product-view .product-slider-nav .slick-next.icon-next:after,
.catalog-product-view .product-list-navs .slick-next.icon-next:after {
content: "\e905";
right: 0; }
.catalog-product-view .product-img-box .product-slider-nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center; }
.catalog-product-view .product-img-box .product-slider-nav .slick-dots {
text-align: center;
order: 1; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-dots {
display: none !important; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-dots li {
display: inline-block;
margin: 5px 0; }
.catalog-product-view .product-img-box .product-slider-nav .slick-dots li.slick-active button {
height: 4px;
background: #0093ee;
position: relative;
top: -1px; }
.catalog-product-view .product-img-box .product-slider-nav .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #ddd;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-dots button {
width: 25px; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev,
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: auto;
cursor: pointer;
background-color: transparent; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev,
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next {
background: #0093EE;
border-radius: 50%;
height: 23px;
width: 23px; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev:after,
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #ddd;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev:after,
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next:after {
font-size: 14px;
line-height: 14px; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev:hover:after,
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next:hover:after {
color: #0093EE; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev:hover:after,
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next:hover:after {
color: #fff; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev {
left: auto;
position: relative;
order: 0;
margin-right: 20px; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev {
position: absolute;
top: calc(50% - 12px);
left: 5px;
margin: 0; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-prev.icon-prev:after {
color: #fff;
content: "\e901";
left: 7px;
top: 5px; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next {
position: relative;
left: auto;
order: 2;
margin-left: 20px; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next {
position: absolute;
top: calc(50% - 12px);
right: 5px;
margin: 0; } }
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next:after {
content: "\e905";
right: 0; }
@media only screen and (max-width: 480px) {
.catalog-product-view .product-img-box .product-slider-nav .slick-next.icon-next:after {
color: #fff;
content: "\e904";
right: 7px;
top: 5px; } }
.catalog-product-view .slick-dots {
text-align: center;
height: 10px; }
.catalog-product-view .slick-dots li {
display: inline-block;
margin: 5px 0; }
.catalog-product-view .slick-dots li.slick-active button {
height: 4px;
background: #0093ee;
position: relative;
top: -1px; }
.catalog-product-view .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #ddd;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
.catalog-product-view .slick-dots button {
width: 25px; } }
.catalog-product-view .slick-prev.icon-prev,
.catalog-product-view .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: 20px;
cursor: pointer;
background-color: transparent; }
.catalog-product-view .slick-prev.icon-prev:after,
.catalog-product-view .slick-next.icon-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #ddd;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
@media only screen and (max-width: 480px) {
.catalog-product-view .slick-prev.icon-prev:hover, .catalog-product-view .slick-prev.icon-prev:focus,
.catalog-product-view .slick-next.icon-next:hover,
.catalog-product-view .slick-next.icon-next:focus {
color: #fff; } }
.catalog-product-view .slick-prev.icon-prev:hover:after, .catalog-product-view .slick-prev.icon-prev:focus:after,
.catalog-product-view .slick-next.icon-next:hover:after,
.catalog-product-view .slick-next.icon-next:focus:after {
color: #0093EE; }
@media only screen and (max-width: 480px) {
.catalog-product-view .slick-prev.icon-prev:hover:after, .catalog-product-view .slick-prev.icon-prev:focus:after,
.catalog-product-view .slick-next.icon-next:hover:after,
.catalog-product-view .slick-next.icon-next:focus:after {
color: #fff; } }
.catalog-product-view .slick-prev.icon-prev {
left: calc(50% - 130px);
position: relative; }
.catalog-product-view .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
.catalog-product-view .slick-next.icon-next {
position: relative;
left: calc(50% + 80px); }
.catalog-product-view .slick-next.icon-next:after {
content: "\e905";
right: 0; }
@media only screen and (max-width: 770px) {
.catalog-product-view .tos-wrapper .tos-slider .tos-slide img {
height: auto; } }
.social-wrap {
text-align: center;
position: relative;
margin: 33px auto 0 auto;
width: 100%;
color: #b0b0b0; }
@media only screen and (max-width: 770px) {
.social-wrap {
margin: 5px auto 15px auto; } }
.social-wrap > span {
padding-right: 6px; }
.social-wrap a {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin: 0 3px;
border-radius: 100%; }
.social-wrap a:hover {
opacity: .7; }
.social-wrap .fb-ic,
.popup-quickorder-wrap .fb-ic {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYuOTk5LDEzLjg5NmgtMS45NjJjMCwzLjExLDAsNi45NCwwLDYuOTRIMTIuMTNjMCwwLDAtMy43OTIsMC02Ljk0aC0xLjM4M3YtMi40NTJoMS4zODNWOS44NTcNCgljMC0xLjEzNiwwLjU0My0yLjkxMiwyLjkzMy0yLjkxMmwyLjE1MywwLjAwOXYyLjM4MWMwLDAtMS4zMDksMC0xLjU2MywwYy0wLjI1NSwwLTAuNjE3LDAuMTI1LTAuNjE3LDAuNjY4djEuNDQxaDIuMjE2DQoJTDE2Ljk5OSwxMy44OTZ6Ii8+DQo8L3N2Zz4NCg==) no-repeat center #3a5897 !important; }
.social-wrap .tw-ic,
.popup-quickorder-wrap .tw-ic {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkuNTY2LDExLjA1OWMwLjAwNiwwLjEyMiwwLjAwOSwwLjI0NCwwLjAwOSwwLjM2OGMwLDMuNzY2LTIuODg5LDguMTA5LTguMTcyLDguMTA5DQoJYy0xLjYyMywwLTMuMTMyLTAuNDcxLTQuNDAzLTEuMjhjMC4yMjYsMC4wMjUsMC40NTQsMC4wMzksMC42ODUsMC4wMzljMS4zNDcsMCwyLjU4NC0wLjQ1NCwzLjU2Ny0xLjIxOQ0KCWMtMS4yNTYtMC4wMjQtMi4zMTctMC44NDgtMi42ODItMS45NzljMC4xNzUsMC4wMzIsMC4zNTUsMC4wNTEsMC41NCwwLjA1MWMwLjI2MiwwLDAuNTE2LTAuMDM2LDAuNzU2LTAuMQ0KCWMtMS4zMTItMC4yNjMtMi4zMDQtMS40MTQtMi4zMDQtMi43OTVjMC0wLjAxMiwwLTAuMDI0LDAtMC4wMzZjMC4zODgsMC4yMTQsMC44MzEsMC4zNDEsMS4zMDEsMC4zNTYNCgljLTAuNzcxLTAuNTEtMS4yNzctMS4zODQtMS4yNzctMi4zNzJjMC0wLjUyMiwwLjE0Mi0xLjAxMiwwLjM4OS0xLjQzM2MxLjQxNiwxLjcyNSwzLjUzMywyLjg1OSw1LjkyLDIuOTc4DQoJYy0wLjA0OS0wLjIwOS0wLjA3NC0wLjQyNi0wLjA3NC0wLjY0OWMwLTEuNTc0LDEuMjg2LTIuODQ5LDIuODczLTIuODQ5YzAuODI1LDAsMS41NzIsMC4zNDYsMi4wOTYsMC44OTkNCgljMC42NTQtMC4xMjcsMS4yNjktMC4zNjUsMS44MjQtMC42OTJjLTAuMjE1LDAuNjY2LTAuNjcsMS4yMjQtMS4yNjMsMS41NzdjMC41ODEtMC4wNjgsMS4xMzUtMC4yMjIsMS42NDktMC40NDgNCglDMjAuNjE1LDEwLjE1NiwyMC4xMjcsMTAuNjU3LDE5LjU2NiwxMS4wNTl6Ii8+DQo8L3N2Zz4NCg==) no-repeat center #54aced !important; }
.social-wrap .vk-ic,
.popup-quickorder-wrap .vk-ic {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0idmtfMV8iIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMC40MTksMTYuODE2YzEuNDAyLDEuMjkxLDEuNjk0LDEuOTE0LDEuNzM3LDEuOTk2YzAuNTgxLDAuOTUyLTAuNjM4LDEuMDI5LTAuNjM4LDEuMDI5DQoJbC0yLjMzOCwwLjAzM2MwLDAtMC41MDQsMC4wOTUtMS4xNjEtMC4zNTJjLTAuODczLTAuNTk1LTEuNjk5LTIuMTQzLTIuMzQyLTEuOTM4Yy0wLjY0OSwwLjIwNS0wLjYyOSwxLjU5Ni0wLjYyOSwxLjU5Ng0KCXMwLjAwNSwwLjItMC4xNDQsMC4zNTdjLTAuMTYzLDAuMTcxLTAuNDc2LDAuMTA0LTAuNDc2LDAuMTA0aC0xLjA0NWMwLDAtMi4zMDgsMC4yMzktNC4zMzktMS44NjJjLTIuMjExLTIuMjg2LTQuMTctNi43OC00LjE3LTYuNzgNCglzLTAuMTExLTAuMjcyLDAuMDEtMC40MTljMC4xMzktMC4xNjIsMC41MTMtMC4xNTcsMC41MTMtMC4xNTdsMi41LTAuMDFjMCwwLDAuMjM1LDAuMDQzLDAuNDAzLDAuMTYyDQoJYzAuMTM5LDAuMTA1LDAuMjE2LDAuMjk1LDAuMjE2LDAuMjk1czAuNDAzLDEuMDE0LDAuOTQsMS45MjljMS4wNDIsMS43OTEsMS41MjYsMi4xODEsMS44ODEsMS45OTENCgljMC41MTgtMC4yOCwwLjM2NS0yLjUyOCwwLjM2NS0yLjUyOHMwLjAxLTAuODE5LTAuMjYzLTEuMTgxYy0wLjIwNi0wLjI4LTAuNjAxLTAuMzY3LTAuNzczLTAuMzg1DQoJYy0wLjE0NS0wLjAxOSwwLjA4Ni0wLjM0NCwwLjM4OC0wLjQ5MWMwLjQ1MS0wLjIxOCwxLjI0My0wLjIyOCwyLjE4My0wLjIxOGMwLjczLDAuMDA0LDAuOTQxLDAuMDUyLDEuMjI0LDAuMTE4DQoJYzAuODY1LDAuMjA1LDAuNTcxLDEuMDA1LDAuNTcxLDIuOTE1YzAsMC42MTQtMC4xMTEsMS40NzYsMC4zMzIsMS43NjJjMC4xOTIsMC4xMiwwLjY2MiwwLjAyLDEuODMzLTEuOTU3DQoJYzAuNTUyLTAuOTM0LDAuOTY5LTIuMDMzLDAuOTY5LTIuMDMzczAuMDkxLTAuMTk1LDAuMjMxLTAuMjgyYzAuMTQ0LTAuMDg1LDAuMzQtMC4wNTcsMC4zNC0wLjA1N2wyLjYzLTAuMDE4DQoJYzAsMCwwLjc5MS0wLjA5LDAuOTIxLDAuMjYyYzAuMTM0LDAuMzcxLTAuMjk4LDEuMjM3LTEuMzczLDIuNjU2QzE5LjE1MiwxNS42ODcsMTguOTU1LDE1LjQ2OSwyMC40MTksMTYuODE2eiIvPg0KPC9zdmc+DQo=) no-repeat center #0081cc !important; }
.social-wrap .ok-ic,
.popup-quickorder-wrap .ok-ic {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ib2QiPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNC4wMjEsNC40M2MyLjY3MiwwLDQuODM4LDIuMTQ5LDQuODM4LDQuOHMtMi4xNjYsNC44LTQuODM4LDQuOHMtNC44MzctMi4xNDktNC44MzctNC44DQoJCVMxMS4zNSw0LjQzLDE0LjAyMSw0LjQzeiBNMTQuMDIxLDExLjU5MmMxLjMxNSwwLDIuMzgtMS4wNTcsMi4zOC0yLjM2MnMtMS4wNjYtMi4zNjItMi4zOC0yLjM2MmMtMS4zMTQsMC0yLjM4LDEuMDU3LTIuMzgsMi4zNjINCgkJUzEyLjcwNywxMS41OTIsMTQuMDIxLDExLjU5MnoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTguMzIyLDE2Ljc5N2MtMS4wMjgsMC42NTUtMi40MzgsMC45MDMtMy4zNTksMC45OTdsMC43NywwLjc2NGwyLjg1MSwyLjgyOQ0KCQljMC40MzMsMC40MywwLjQzMywxLjEyNywwLDEuNTU3bC0wLjEzMSwwLjEzYy0wLjQzMywwLjQzLTEuMTM2LDAuNDMtMS41NjksMGMtMC43MjUtMC43MTktMS43NjktMS43NTUtMi44NTEtMi44MjlsLTIuODUxLDIuODI5DQoJCWMtMC40MzMsMC40My0xLjEzNSwwLjQzLTEuNTY5LDBsLTAuMTMxLTAuMTNjLTAuNDMzLTAuNDMtMC40MzMtMS4xMjcsMC0xLjU1N2MwLjcyNS0wLjcxOSwxLjc2OS0xLjc1NSwyLjg1MS0yLjgyOWwwLjc2OC0wLjc2Mg0KCQljLTAuOTItMC4wOTItMi4zNDUtMC4zMzktMy4zODItMWMtMS4yMTQtMC43NzMtMS43NTItMS4yMzItMS4yNzYtMi4xODFjMC4yNzMtMC41NDQsMS4wMy0wLjk5NywyLjAzNS0wLjIxMQ0KCQljMS4zNTksMS4wNjIsMy41NDEsMS4wNjIsMy41NDEsMS4wNjJzMi4xODMsMCwzLjU0MS0xLjA2MmMxLjAwNS0wLjc4NiwxLjc2Mi0wLjMzMywyLjAzNSwwLjIxMQ0KCQlDMjAuMDc0LDE1LjU2NSwxOS41MzYsMTYuMDI0LDE4LjMyMiwxNi43OTd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center #ffa300 !important; }
.social-wrap .gp-ic,
.popup-quickorder-wrap .gp-ic {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iZ3AiPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjEuMDAzLDkuOTczIDE5LjA5OCw5Ljk3MyAxOS4wOTgsMTEuODYxIDE4LjE0NiwxMS44NjEgMTguMTQ2LDkuOTczIDE2LjI0Miw5Ljk3MyAxNi4yNDIsOS4wMjggDQoJCTE4LjE0Niw5LjAyOCAxOC4xNDYsNy4xMzkgMTkuMDk4LDcuMTM5IDE5LjA5OCw5LjAyOCAyMS4wMDMsOS4wMjggCSIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNS4wNzYsMTAuMjI2YzAsMC45MDYtMC41MDUsMS42MzUtMS4yMTksMi4xODhjLTAuNjk4LDAuNTQxLTAuODI5LDAuNzY3LTAuODI5LDEuMjI3DQoJCWMwLDAuMzkyLDAuODMzLDAuOTc1LDEuMjE2LDEuMjZjMS4zMzMsMC45OTIsMS42MDMsMS42MTcsMS42MDMsMi44NTdjMCwxLjU0OS0xLjY4MSwzLjA4Ny00LjQxNSwzLjA4Nw0KCQljLTIuMzk5LDAtNC40MjMtMC45NjctNC40MjMtMi41MTZjMC0xLjU3MSwxLjY3OS0zLjIxLDQuMDc3LTMuMjFjMC4yNjIsMCwwLjUwMS0wLjAwNywwLjc0OS0wLjAwNw0KCQljLTAuMzI4LTAuMzE1LTAuNTkzLTAuNTg5LTAuNTkzLTEuMDY3YzAtMC4yODUsMC4wOTEtMC41NTYsMC4yMTktMC43OTljLTAuMTMsMC4wMDktMC4yNjMsMC4wMTctMC40LDAuMDE3DQoJCWMtMS45NywwLTMuMTE4LTEuMzc0LTMuMTE4LTMuMDk2YzAtMS42ODYsMS43NDYtMy4yMiwzLjg0MS0zLjIyYzEuMDgsMCw0LjEyOCwwLDQuMTI4LDBsLTAuOTIyLDAuOTYyaC0xLjA4NA0KCQlDMTQuNjcsOC4zNDUsMTUuMDc2LDkuMjM5LDE1LjA3NiwxMC4yMjZ6IE0xMS4xNjEsNy42MTVjLTEuMTEyLTAuMDMyLTEuODU5LDEuMDc3LTEuNjY2LDIuNTI2DQoJCWMwLjE5MSwxLjQ1MSwxLjI0OSwyLjQ2MywyLjM2MiwyLjQ5N2MxLjExMiwwLjAzMiwxLjc1Mi0wLjkwMSwxLjU2LTIuMzUxQzEzLjIyNiw4LjgzOCwxMi4yNzMsNy42NDksMTEuMTYxLDcuNjE1eiBNMTEuNjI5LDE1LjYwNQ0KCQljLTEuNjU4LTAuMDE5LTMuMDYzLDEuMDM4LTMuMDYzLDIuMjY1YzAsMS4yNSwxLjE5OCwyLjI5MiwyLjg1NSwyLjI5MmMyLjMzMSwwLDMuMTQzLTAuOTc3LDMuMTQzLTIuMjI5DQoJCWMwLTAuMTUxLTAuMDE5LTAuMjk5LTAuMDUzLTAuNDQxYy0wLjE4My0wLjcwNy0wLjkwOC0xLjA5Ni0xLjgwOS0xLjcxN0MxMi4zNzYsMTUuNjcsMTIuMDE1LDE1LjYwOSwxMS42MjksMTUuNjA1eiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center #dc4e41 !important; }
@media only screen and (max-width: 480px) {
#popup-quickorder.popup-window {
width: 280px;
margin-left: -140px;
padding: 20px 25px; } }
/* Custom fonts */
@font-face {
font-family: 'GothaPro';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.eot") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.otf") format("opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.ttf") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProLig.svg#GothaProLig") format("svg");
font-style: normal;
font-weight: 300; }
@font-face {
font-family: 'GothaPro';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProReg.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProReg.eot") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProReg.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProReg.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProReg.ttf") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProReg.svg#GothaProReg") format("svg");
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'GothaPro';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProMed.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProMed.eot") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProMed.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProMed.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProMed.ttf") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProMed.svg#GothaProMed") format("svg");
font-style: normal;
font-weight: 500; }
@font-face {
font-family: 'GothaPro';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBol.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBol.eot") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBol.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBol.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBol.ttf") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBol.svg#GothaProBol") format("svg");
font-style: normal;
font-weight: 700; }
@font-face {
font-family: 'GothaPro';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBla.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBla.eot") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBla.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBla.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBla.ttf") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/GothaProBla.svg#GothaProBla") format("svg");
font-style: normal;
font-weight: 800; }
@font-face {
font-family: 'MyriadProRegular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/MyriadProRegular.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/MyriadProRegular.eot") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/MyriadProRegular.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/MyriadProRegular.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/MyriadProRegular.ttf") format("truetype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/MyriadProRegular.svg#MyriadProRegular") format("svg"); }
@font-face {
font-family: 'montserrat_blackregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-black.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-black.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-black.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-black.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-black.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserratbold';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-bold.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-bold.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-bold.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-bold.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserrat_extraboldregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extrabold.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extrabold.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extrabold.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extrabold.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extrabold.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserrat_extralightregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extralight.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extralight.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extralight.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extralight.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-extralight.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserrat_lightregular';
src: url("https://secur.ua/skin/frontend/secur/v1/css/montserrat-light.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/css/montserrat-light.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/css/montserrat-light.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/css/montserrat-light.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/css/montserrat-light.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserrat_mediumregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-medium.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-medium.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-medium.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-medium.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-medium.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserratregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-regular.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-regular.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-regular.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-regular.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserrat_semiboldregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-semibold.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-semibold.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-semibold.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-semibold.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-semibold.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'montserrat_thinregular';
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-thin.eot");
src: url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-thin.eot?#iefix") format("embedded-opentype"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-thin.woff2") format("woff2"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-thin.woff") format("woff"), url("https://secur.ua/skin/frontend/secur/v1/fonts/montserrat/montserrat-thin.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@media only screen and (max-width: 770px) {
body[class*='category-montaj-'] .breadcrumbs,
body[class*='-montaj-'].category-level-4 .breadcrumbs,
.category-kompleksnyye-resheniya .breadcrumbs {
display: block;
padding: 0 10px;
margin-top: 0; }
body[class*='category-montaj-'] .breadcrumbs li a,
body[class*='category-montaj-'] .breadcrumbs li strong,
body[class*='-montaj-'].category-level-4 .breadcrumbs li a,
body[class*='-montaj-'].category-level-4 .breadcrumbs li strong,
.category-kompleksnyye-resheniya .breadcrumbs li a,
.category-kompleksnyye-resheniya .breadcrumbs li strong {
line-height: 1; } }
@media only screen and (min-width: 771px) {
body[class*='category-montaj-'] .breadcrumbs,
body[class*='-montaj-'].category-level-4 .breadcrumbs,
.category-kompleksnyye-resheniya .breadcrumbs {
padding: 0 15px;
max-width: 1140px; } }
body[class*='category-montaj-'] .category-title,
body[class*='-montaj-'].category-level-4 .category-title,
.category-kompleksnyye-resheniya .category-title {
padding: 35px 15px;
text-transform: uppercase;
margin: 0 auto;
max-width: 1140px;
width: 100%; }
@media only screen and (min-width: 771px) {
body[class*='category-montaj-'] .category-title,
body[class*='-montaj-'].category-level-4 .category-title,
.category-kompleksnyye-resheniya .category-title {
padding: 40px 15px 15px; } }
body[class*='category-montaj-'] .category-title h1,
body[class*='-montaj-'].category-level-4 .category-title h1,
.category-kompleksnyye-resheniya .category-title h1 {
font-size: 16px;
font-weight: 300;
margin-bottom: 40px; }
@media only screen and (min-width: 771px) {
body[class*='category-montaj-'] .category-title h1,
body[class*='-montaj-'].category-level-4 .category-title h1,
.category-kompleksnyye-resheniya .category-title h1 {
font-size: 32px;
margin-bottom: 20px; } }
body[class*='category-montaj-'] .count-products,
body[class*='category-montaj-'] .active-filters.top-listing,
body[class*='category-montaj-'] ul.child-categories,
body[class*='-montaj-'].category-level-4 .count-products,
body[class*='-montaj-'].category-level-4 .active-filters.top-listing,
body[class*='-montaj-'].category-level-4 ul.child-categories,
.category-kompleksnyye-resheniya .count-products,
.category-kompleksnyye-resheniya .active-filters.top-listing,
.category-kompleksnyye-resheniya ul.child-categories {
display: none; }
body[class*='category-montaj-'] .cms-slider-nav,
body[class*='-montaj-'].category-level-4 .cms-slider-nav,
.category-kompleksnyye-resheniya .cms-slider-nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-top: 39px;
position: relative; }
@media only screen and (max-width: 479px) {
body[class*='category-montaj-'] .cms-slider-nav,
body[class*='-montaj-'].category-level-4 .cms-slider-nav,
.category-kompleksnyye-resheniya .cms-slider-nav {
margin: 0; } }
body[class*='category-montaj-'] .cms-slider-nav .slick-dots,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-dots,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-dots {
text-align: center;
order: 1;
height: 10px; }
body[class*='category-montaj-'] .cms-slider-nav .slick-dots li,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-dots li,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-dots li {
display: inline-block;
margin: 5px 0; }
body[class*='category-montaj-'] .cms-slider-nav .slick-dots li.slick-active button,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-dots li.slick-active button,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-dots li.slick-active button {
height: 4px;
background: #0093EE;
position: relative;
top: -1px; }
body[class*='category-montaj-'] .cms-slider-nav .slick-dots button,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-dots button,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #E3E3E4;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
body[class*='category-montaj-'] .cms-slider-nav .slick-dots button,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-dots button,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-dots button {
width: 25px; } }
body[class*='category-montaj-'] .cms-slider-nav .slick-prev.icon-prev,
body[class*='category-montaj-'] .cms-slider-nav .slick-next.icon-next,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-prev.icon-prev,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-next.icon-next,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-prev.icon-prev,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: auto;
cursor: pointer;
background-color: transparent; }
body[class*='category-montaj-'] .cms-slider-nav .slick-prev.icon-prev:after,
body[class*='category-montaj-'] .cms-slider-nav .slick-next.icon-next:after,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-prev.icon-prev:after,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-next.icon-next:after,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-prev.icon-prev:after,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-next.icon-next:after {
content: "";
font-family: "secur";
font-size: 18px;
color: #ddd;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
body[class*='category-montaj-'] .cms-slider-nav .slick-prev.icon-prev:hover:after,
body[class*='category-montaj-'] .cms-slider-nav .slick-next.icon-next:hover:after,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-prev.icon-prev:hover:after,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-next.icon-next:hover:after,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-prev.icon-prev:hover:after,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-next.icon-next:hover:after {
color: #0093EE; }
body[class*='category-montaj-'] .cms-slider-nav .slick-prev.icon-prev,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-prev.icon-prev,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-prev.icon-prev {
left: auto;
position: relative;
order: 0;
margin-right: 20px; }
@media only screen and (max-width: 479px) {
body[class*='category-montaj-'] .cms-slider-nav .slick-prev.icon-prev,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-prev.icon-prev,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-prev.icon-prev {
position: absolute;
top: calc(50% - 12px);
left: 5px;
margin: 0; } }
body[class*='category-montaj-'] .cms-slider-nav .slick-prev.icon-prev:after,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-prev.icon-prev:after,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
body[class*='category-montaj-'] .cms-slider-nav .slick-next.icon-next,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-next.icon-next,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-next.icon-next {
position: relative;
left: auto;
order: 2;
margin-left: 20px; }
@media only screen and (max-width: 479px) {
body[class*='category-montaj-'] .cms-slider-nav .slick-next.icon-next,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-next.icon-next,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-next.icon-next {
position: absolute;
top: calc(50% - 12px);
right: 5px;
margin: 0; } }
body[class*='category-montaj-'] .cms-slider-nav .slick-next.icon-next:after,
body[class*='-montaj-'].category-level-4 .cms-slider-nav .slick-next.icon-next:after,
.category-kompleksnyye-resheniya .cms-slider-nav .slick-next.icon-next:after {
content: "\e905";
right: 0; }
body[class*='category-montaj-'] .mark,
body[class*='-montaj-'].category-level-4 .mark,
.category-kompleksnyye-resheniya .mark {
position: relative;
padding-left: 30px; }
body[class*='category-montaj-'] .mark:before,
body[class*='-montaj-'].category-level-4 .mark:before,
.category-kompleksnyye-resheniya .mark:before {
content: '\e93b';
font-family: 'secur';
font-size: 18px;
line-height: 1;
color: #0093EE;
position: absolute;
top: 0;
left: 0; }
@media only screen and (min-width: 771px) {
body[class*='category-montaj-'] .mark:before,
body[class*='-montaj-'].category-level-4 .mark:before,
.category-kompleksnyye-resheniya .mark:before {
top: 0;
left: 0; } }
body[class*='category-montaj-'] span.select2-container.select2-container--default,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default {
display: block;
width: 100% !important; }
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-results__option[aria-selected=true],
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-results__option[aria-selected=true],
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
background: none;
color: #999999; }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection {
height: 34px;
border: none;
color: #999999;
text-shadow: 0 0 0 #999999;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 14px;
border-radius: 0; }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection__arrow,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection__arrow,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection__arrow {
height: 100%;
width: 40px;
top: 0;
right: 0;
text-align: center; }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection__arrow b,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection__arrow b,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection__arrow b {
display: none; }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection__arrow:after,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection__arrow:after,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection__arrow:after {
content: '\e900';
font-family: 'secur';
font-size: 6px;
color: #999999;
display: block;
transition: all 0.25s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(0, -50%); }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection__rendered,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection__rendered,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection__rendered {
line-height: 34px;
padding: 0 40px 0 15px;
color: #999999;
text-shadow: 0 0 0 #999999;
font-size: 12px; }
@media only screen and (min-width: 980px) {
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection__rendered,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection__rendered,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection__rendered {
font-size: 14px; } }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection__rendered:focus,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection__rendered:focus,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection__rendered:focus {
outline: none;
border: none; }
body[class*='category-montaj-'] span.select2-container.select2-container--default span.select2-selection--single:focus,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default span.select2-selection--single:focus,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default span.select2-selection--single:focus {
outline: none;
border: none; }
body[class*='category-montaj-'] span.select2-container.select2-container--default.select2-container--open,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default.select2-container--open,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default.select2-container--open {
width: auto !important; }
body[class*='category-montaj-'] span.select2-container.select2-container--default.select2-container--open span.select2-selection__arrow:after,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default.select2-container--open span.select2-selection__arrow:after,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default.select2-container--open span.select2-selection__arrow:after {
transform: translate(0, -50%) rotate(180deg); }
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-dropdown,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-dropdown,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-dropdown {
border: none;
z-index: 2;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
border-radius: 0; }
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-dropdown ul.select2-results__options,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-dropdown ul.select2-results__options,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-dropdown ul.select2-results__options {
height: 50px;
overflow: hidden; }
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-dropdown li.select2-results__option,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-dropdown li.select2-results__option,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-dropdown li.select2-results__option {
padding: 3px 15px;
font-size: 12px;
line-height: 19px;
transition: color 0.25s;
color: #999999;
text-shadow: 0 0 0 #999999; }
@media only screen and (min-width: 980px) {
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-dropdown li.select2-results__option,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-dropdown li.select2-results__option,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-dropdown li.select2-results__option {
font-size: 14px; } }
body[class*='category-montaj-'] span.select2-container.select2-container--default .select2-dropdown li.select2-results__option:hover,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .select2-dropdown li.select2-results__option:hover,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .select2-dropdown li.select2-results__option:hover {
cursor: pointer;
background: transparent;
color: #0093EE; }
body[class*='category-montaj-'] span.select2-container.select2-container--default .ps-scrollbar-y,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .ps-scrollbar-y,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .ps-scrollbar-y {
min-height: inherit; }
body[class*='category-montaj-'] span.select2-container.select2-container--default .ps-scrollbar-y-rail,
body[class*='-montaj-'].category-level-4 span.select2-container.select2-container--default .ps-scrollbar-y-rail,
.category-kompleksnyye-resheniya span.select2-container.select2-container--default .ps-scrollbar-y-rail {
border-color: #C4C4C4;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
body[class*='category-montaj-'] input[type="checkbox"] + label,
body[class*='-montaj-'].category-level-4 input[type="checkbox"] + label,
.category-kompleksnyye-resheniya input[type="checkbox"] + label {
display: block;
position: relative;
font-size: 10px;
line-height: 14px;
cursor: pointer;
padding-left: 20px;
color: #999999; }
body[class*='category-montaj-'] input[type="checkbox"] + label:before,
body[class*='-montaj-'].category-level-4 input[type="checkbox"] + label:before,
.category-kompleksnyye-resheniya input[type="checkbox"] + label:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #0093EE;
top: 0;
left: 0; }
body[class*='category-montaj-'] input[type="checkbox"]:checked + label:after,
body[class*='-montaj-'].category-level-4 input[type="checkbox"]:checked + label:after,
.category-kompleksnyye-resheniya input[type="checkbox"]:checked + label:after {
content: '\e910';
position: absolute;
font-family: "secur";
width: 12px;
height: 12px;
color: #ffffff;
font-size: 12px;
line-height: 1;
background: #0093EE;
top: 0;
left: 0;
text-align: center; }
body[class*='category-montaj-'] .form-popup,
body[class*='-montaj-'].category-level-4 .form-popup,
.category-kompleksnyye-resheniya .form-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body[class*='category-montaj-'] .form-popup .overlay,
body[class*='-montaj-'].category-level-4 .form-popup .overlay,
.category-kompleksnyye-resheniya .form-popup .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body[class*='category-montaj-'] .form-popup .form-order-specialist,
body[class*='-montaj-'].category-level-4 .form-popup .form-order-specialist,
.category-kompleksnyye-resheniya .form-popup .form-order-specialist {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 20px);
max-width: 375px; }
body[class*='category-montaj-'] .form-popup.open,
body[class*='-montaj-'].category-level-4 .form-popup.open,
.category-kompleksnyye-resheniya .form-popup.open {
display: block; }
body[class*='category-montaj-'] .btn-order,
body[class*='-montaj-'].category-level-4 .btn-order,
.category-kompleksnyye-resheniya .btn-order {
background: #0093EE;
border: none;
-webkit-appearance: none;
outline: none;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-align: center;
padding: 11px 15px;
min-width: 220px;
text-transform: uppercase;
width: 100%; }
@media only screen and (min-width: 600px) {
body[class*='category-montaj-'] .btn-order,
body[class*='-montaj-'].category-level-4 .btn-order,
.category-kompleksnyye-resheniya .btn-order {
width: auto; } }
body[class*='category-montaj-'] .about_us_seo,
.category-kompleksnyye-resheniya .about_us_seo {
display: none; }
body[class*='-montaj-'].category-level-4 .col-main,
body[class*='-montaj-'].category-level-4 .amshopby-page-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
body[class*='-montaj-'].category-level-4 .category-title {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
body[class*='-montaj-'].category-level-4 .category-title h1 {
margin-bottom: 4px; }
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0 auto;
max-width: 1140px;
padding: 0 10px 23px 10px; }
@media only screen and (min-width: 771px) {
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo {
padding: 0 15px 50px 15px; } }
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo h2 {
padding-bottom: 0;
color: #2A2A2A;
font-size: 14px;
line-height: 18px;
font-weight: 700;
margin-bottom: 20px;
padding-top: 22px; }
@media only screen and (min-width: 771px) {
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo h2 {
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
font-weight: 500; } }
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo p {
color: #2A2A2A;
font-size: 12px;
line-height: 18px;
padding-bottom: 14px; }
@media only screen and (min-width: 771px) {
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo p {
font-size: 14px;
line-height: 24px; } }
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo img {
margin: 10px 0.5% 15px 0.5%;
max-width: 100%;
width: 48%; }
@media only screen and (min-width: 771px) {
body[class*='-montaj-'].category-level-4 .main-container .about_us_seo img {
width: auto; } }
body[class*='-montaj-'].category-level-4 .block-form {
background: #F6F8F9;
margin-bottom: -20px; }
.cms-content-wrap {
margin: 0 auto;
max-width: 1140px;
padding: 0 10px; }
@media only screen and (min-width: 771px) {
.cms-content-wrap {
padding: 0 15px; } }
.mounting-title, .install_equipment .cms-features-box .left-side .cms-title, .mounting-clients .cms-title {
font-size: 16px;
line-height: 23px;
margin-bottom: 30px;
text-transform: uppercase;
color: #2A2A2A; }
@media only screen and (min-width: 771px) {
.mounting-title, .install_equipment .cms-features-box .left-side .cms-title, .mounting-clients .cms-title {
font-size: 24px;
margin-bottom: 37px; } }
@media only screen and (min-width: 771px) {
.desktop-hide {
display: none !important; } }
@media only screen and (max-width: 770px) {
.mobile-hide {
display: none !important; } }
/*-----form-----*/
.form-order-specialist .input-box,
.submit-application-form .input-box {
margin-bottom: 10px; }
.form-order-specialist .input-box.hasError .error,
.submit-application-form .input-box.hasError .error {
display: block; }
.form-order-specialist label,
.submit-application-form label {
display: block; }
.form-order-specialist input[type=tel],
.form-order-specialist input[type=text],
.form-order-specialist textarea,
.form-order-specialist select,
.submit-application-form input[type=tel],
.submit-application-form input[type=text],
.submit-application-form textarea,
.submit-application-form select {
border: none;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 14px;
padding: 10px 15px;
color: #999999; }
@media only screen and (min-width: 980px) {
.form-order-specialist input[type=tel],
.form-order-specialist input[type=text],
.form-order-specialist textarea,
.form-order-specialist select,
.submit-application-form input[type=tel],
.submit-application-form input[type=text],
.submit-application-form textarea,
.submit-application-form select {
font-size: 14px; } }
.form-order-specialist input[type=tel]:focus,
.form-order-specialist input[type=text]:focus,
.form-order-specialist textarea:focus,
.form-order-specialist select:focus,
.submit-application-form input[type=tel]:focus,
.submit-application-form input[type=text]:focus,
.submit-application-form textarea:focus,
.submit-application-form select:focus {
outline: none; }
.form-order-specialist input[type=tel]::placeholder,
.form-order-specialist input[type=text]::placeholder,
.form-order-specialist textarea::placeholder,
.form-order-specialist select::placeholder,
.submit-application-form input[type=tel]::placeholder,
.submit-application-form input[type=text]::placeholder,
.submit-application-form textarea::placeholder,
.submit-application-form select::placeholder {
color: #999999;
text-shadow: 0 0 0 #999999; }
.form-order-specialist input[type=tel],
.form-order-specialist input[type=text],
.submit-application-form input[type=tel],
.submit-application-form input[type=text] {
height: 34px;
-webkit-appearance: none;
border-radius: 0; }
.form-order-specialist textarea,
.submit-application-form textarea {
resize: none;
height: 82px; }
@media only screen and (min-width: 980px) {
.form-order-specialist textarea,
.submit-application-form textarea {
margin-bottom: 18px; } }
.form-order-specialist select:focus,
.submit-application-form select:focus {
outline: none; }
.form-order-specialist label,
.submit-application-form label {
border: none;
outline: none; }
.form-order-specialist .error,
.submit-application-form .error {
font-size: 10px;
color: #FF6863;
font-weight: 500;
line-height: 1.5;
display: none; }
.form-order-specialist .btn-submit,
.submit-application-form .btn-submit {
width: 100%;
background: #0093EE;
color: #ffffff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
outline: none;
-webkit-appearance: none;
height: 34px;
line-height: 34px;
margin-bottom: 8px;
display: block;
border: 1px solid #0093EE;
transition: all 0.25s; }
.form-order-specialist .btn-submit:hover,
.submit-application-form .btn-submit:hover {
cursor: pointer;
background: transparent;
color: #0093EE; }
.form-order-specialist {
background: #ffffff;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
padding: 21px 15px; }
@media only screen and (min-width: 771px) {
.form-order-specialist {
width: 375px;
padding: 21px 30px 32px; } }
.form-order-specialist .form-title {
font-size: 14px;
line-height: 20px;
color: #0093EE;
font-weight: 500;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase; }
@media only screen and (min-width: 980px) {
.form-order-specialist .form-title {
font-size: 16px;
line-height: 22px;
max-width: 285px;
margin: 0 auto 15px; } }
.form-order-specialist .form-fields {
padding-bottom: 5px; }
.form-order-specialist .check-box.hasError label {
color: #FF6863; }
.form-order-specialist .check-box.hasError label:before {
border: 1px solid #FF6863; }
.form-order-specialist .btn-close,
.form-calculator .btn-close {
color: #999999;
position: absolute;
right: 0;
top: 0;
font-size: 10px;
padding: 10px;
z-index: 2; }
@media only screen and (min-width: 600px) {
.form-order-specialist .btn-close,
.form-calculator .btn-close {
right: 5px;
padding: 15px; } }
.form-order-specialist .btn-close:hover,
.form-calculator .btn-close:hover {
cursor: pointer; }
.submit-application-form {
padding: 30px 7px; }
.submit-application-form .form-title {
display: none; }
.submit-application-form .title {
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 21px; }
@media only screen and (min-width: 771px) {
.submit-application-form .title {
font-size: 24px;
line-height: 30px;
text-align: center;
margin-bottom: 27px; } }
.submit-application-form form {
padding: 0 10px; }
@media only screen and (min-width: 600px) {
.submit-application-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
max-width: 850px;
margin: 0 auto; } }
.submit-application-form .form-fields {
padding-bottom: 8px; }
@media only screen and (min-width: 600px) {
.submit-application-form .form-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; } }
@media only screen and (min-width: 600px) {
.submit-application-form .form-fields .input-box {
width: 100%;
margin-right: 28px; } }
@media only screen and (min-width: 600px) {
.submit-application-form .form-fields .textarea {
display: none; } }
@media only screen and (min-width: 600px) {
.submit-application-form .btn-submit {
min-width: 158px;
max-width: 158px; } }
.order-specialist-message {
padding: 35px 0;
display: none; }
.order-specialist-message .message {
font-size: 14px;
line-height: 20px;
color: #0093EE;
font-weight: 500;
text-align: center;
text-transform: uppercase; }
@media only screen and (min-width: 980px) {
.order-specialist-message .message {
font-size: 16px;
line-height: 22px; } }
/*----- banner -----*/
.mounting-banner {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 55px; }
@media only screen and (max-width: 479px) {
.mounting-banner {
background-image: none !important; } }
.mounting-banner .banner-content {
margin: 0 -10px;
padding: 45px 10px 35px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
@media only screen and (min-width: 480px) {
.mounting-banner .banner-content {
background-image: none !important;
margin: 0;
padding: 45px 0 35px; } }
@media only screen and (min-width: 771px) {
.mounting-banner .banner-content {
padding: 80px 0 98px; } }
.mounting-banner .banner-content .title {
text-transform: uppercase;
font-weight: 500; }
@media only screen and (max-width: 770px) {
.mounting-banner .banner-content .title {
font-size: 20px;
line-height: 28px;
margin-bottom: 36px;
max-width: 450px; } }
@media only screen and (min-width: 771px) {
.mounting-banner .banner-content .title {
font-size: 32px;
line-height: 48px;
margin-bottom: 52px;
max-width: 700px; } }
.mounting-banner .block-info {
margin-bottom: 47px; }
.mounting-banner .block-info p {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
position: relative;
padding-left: 27px;
margin-bottom: 3px; }
@media only screen and (min-width: 771px) {
.mounting-banner .block-info p {
font-size: 18px;
padding-left: 44px;
margin-bottom: 8px; } }
.mounting-banner .block-info .icon {
font-size: 18px;
line-height: 1;
color: #0093EE;
display: inline-block;
position: absolute;
left: 0;
top: 0; }
@media only screen and (min-width: 771px) {
.mounting-banner .block-info .icon {
font-size: 24px;
left: 7px; } }
.mounting-banner .block-info .icon.icon-standard {
font-size: 14px;
top: 3px; }
@media only screen and (min-width: 771px) {
.mounting-banner .block-info .icon.icon-standard {
font-size: 19px; } }
/*------advantages----*/
.mounting-advantages {
margin-bottom: 35px; }
@media only screen and (min-width: 771px) {
.mounting-advantages {
margin-bottom: 13px; } }
@media only screen and (min-width: 480px) {
.mounting-advantages .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.mounting-advantages .item {
padding: 3px 20px 15px;
margin-bottom: 19px;
display: block;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); }
@media only screen and (min-width: 480px) {
.mounting-advantages .item {
width: calc(50% - 10px); } }
@media only screen and (min-width: 771px) {
.mounting-advantages .item {
width: calc(100%/3 - 10px);
margin-bottom: 45px;
max-width: 331px; } }
@media only screen and (min-width: 980px) {
.mounting-advantages .item {
padding: 10px 25px 30px;
height: 211px; } }
.mounting-advantages .item .icon {
font-size: 32px;
line-height: 40px;
color: #0093EE;
display: block;
text-align: center;
font-weight: 500; }
@media only screen and (min-width: 480px) {
.mounting-advantages .item .icon {
min-height: 50px; } }
@media only screen and (min-width: 980px) {
.mounting-advantages .item .icon {
font-size: 60px;
line-height: 74px;
min-height: 80px; } }
.mounting-advantages .item .icon.icon-quality-standards {
font-size: 40px;
margin-bottom: 7px; }
@media only screen and (min-width: 480px) {
.mounting-advantages .item .icon.icon-quality-standards {
margin-bottom: 0; } }
@media only screen and (min-width: 980px) {
.mounting-advantages .item .icon.icon-quality-standards {
font-size: 73px; } }
.mounting-advantages .item .icon.icon-licenses {
font-size: 30px; }
@media only screen and (min-width: 980px) {
.mounting-advantages .item .icon.icon-licenses {
font-size: 58px; } }
.mounting-advantages .item .text {
font-size: 12px;
line-height: 16px;
color: #000000;
text-shadow: 0 0 0 #000000;
text-align: center;
max-width: 217px;
margin: 0 auto;
display: block; }
@media only screen and (min-width: 980px) {
.mounting-advantages .item .text {
font-size: 16px;
line-height: 22px; } }
/*-----mounting-list-----*/
.mounting-list {
margin-bottom: 45px; }
@media only screen and (min-width: 980px) {
.mounting-list {
margin-bottom: 40px; } }
@media only screen and (min-width: 600px) {
.mounting-list .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.mounting-list .item {
padding: 9px 10px 9px 7px;
background: #F6F8F9;
margin-bottom: 12px;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
transition: all 0.25s; }
.mounting-list .item:hover {
cursor: pointer;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35); }
.mounting-list .item:hover .text {
color: #0093EE; }
@media only screen and (min-width: 600px) {
.mounting-list .item {
width: 49%; } }
@media only screen and (min-width: 980px) {
.mounting-list .item {
width: 24%;
padding: 10px 23px;
margin-bottom: 20px; } }
.mounting-list .item span {
display: block; }
.mounting-list .item .icon {
font-size: 20px;
color: #0093EE;
margin: auto 16px auto 0;
width: 32px;
text-align: center; }
@media only screen and (min-width: 980px) {
.mounting-list .item .icon {
font-size: 22px;
width: 34px;
margin: auto 7px auto 0; } }
.mounting-list .item .text {
font-size: 12px;
line-height: 20px;
font-weight: 500;
color: #000000;
margin: auto 0;
text-transform: uppercase; }
@media only screen and (min-width: 980px) {
.mounting-list .item .text {
max-width: 145px;
text-align: center;
line-height: 22px; } }
/*----- install_equipment -----*/
.install_equipment {
margin-bottom: 50px; }
.install_equipment .cms-features-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.install_equipment .cms-features-box .left-side {
width: 66.5%;
margin-right: 2%; }
@media only screen and (max-width: 979px) {
.install_equipment .cms-features-box .left-side {
width: 100%;
margin-right: 0; } }
.install_equipment .cms-features-box .left-side .cms-title {
margin-bottom: 25px; }
@media only screen and (min-width: 980px) {
.install_equipment .cms-features-box .left-side .cms-title {
margin-bottom: 35px; } }
.install_equipment .cms-features-box .left-side .cms-features-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 20px; }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin: 0 4% 20px 0;
width: 43%; }
@media only screen and (max-width: 979px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item {
width: 48%; } }
@media only screen and (max-width: 599px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item {
width: 100%; } }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(2n) {
width: 53%;
margin-right: 0; }
@media only screen and (max-width: 979px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(2n) {
width: 48%; } }
@media only screen and (max-width: 599px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(2n) {
width: 100%; } }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(5), .install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(6) {
margin-bottom: 0; }
@media only screen and (max-width: 599px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item:nth-child(5) {
margin-bottom: 20px; } }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-title {
font-size: 12px;
text-transform: uppercase;
color: #2A2A2A;
font-weight: 500;
transition: color 0.25s; }
@media only screen and (min-width: 771px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-title {
font-size: 14px; } }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-title:hover {
color: #0093EE; }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon {
flex-shrink: 0;
margin-right: 25px; }
@media only screen and (max-width: 599px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon {
margin-right: 15px; } }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon:before {
content: '';
background-size: cover;
background-repeat: no-repeat;
display: block;
height: 64px;
width: 64px; }
@media only screen and (max-width: 599px) {
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon:before {
height: 38px;
width: 38px; } }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.flat:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-flat-icon.png"); }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.company:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-company-icon.png"); }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.house:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-house-icon.png"); }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.plant:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-plant-icon.png"); }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.office:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-office-icon.png"); }
.install_equipment .cms-features-box .left-side .cms-features-list .cms-feature-item .feature-icon.vip-objects:before {
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/cms/cms-vipobjects-icon.png"); }
.install_equipment .cms-features-box .right-side {
width: 31.5%; }
@media only screen and (max-width: 979px) {
.install_equipment .cms-features-box .right-side {
display: none; } }
.install_equipment .cms-features-box .right-side .image-inner {
background-size: cover;
background-repeat: no-repeat;
height: 100%; }
/*----- mounting-how-order -----*/
.mounting-how-order {
background: #F6F8F9;
padding: 30px 0 25px;
margin-bottom: 45px; }
@media only screen and (min-width: 771px) {
.mounting-how-order {
padding: 43px 0 30px;
margin-bottom: 55px; } }
.mounting-how-order .mounting-title, .mounting-how-order .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-how-order .cms-title, .mounting-how-order .mounting-clients .cms-title, .mounting-clients .mounting-how-order .cms-title {
margin-bottom: 34px; }
@media only screen and (min-width: 771px) {
.mounting-how-order .mounting-title, .mounting-how-order .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-how-order .cms-title, .mounting-how-order .mounting-clients .cms-title, .mounting-clients .mounting-how-order .cms-title {
margin-bottom: 43px; } }
.mounting-how-order .list {
counter-reset: list; }
@media only screen and (min-width: 480px) {
.mounting-how-order .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.mounting-how-order .item-list {
position: relative;
padding-left: 29px;
margin-bottom: 22px; }
@media only screen and (min-width: 480px) {
.mounting-how-order .item-list {
width: calc(100% / 2);
margin-bottom: 40px;
padding-right: 25px; } }
@media only screen and (min-width: 600px) {
.mounting-how-order .item-list {
width: calc(100% / 3); } }
@media only screen and (min-width: 980px) {
.mounting-how-order .item-list {
width: calc(100% / 6);
padding-top: 14px; } }
.mounting-how-order .item-list:nth-last-child(1):after {
display: none; }
.mounting-how-order .item-list:before {
content: counter(list) "";
counter-increment: list;
position: absolute;
left: 0;
top: -24px;
font-size: 70px;
line-height: 1;
color: rgba(0, 147, 238, 0.1);
font-weight: 700; }
@media only screen and (min-width: 1200px) {
.mounting-how-order .item-list:before {
font-size: 100px; } }
@media only screen and (min-width: 980px) {
.mounting-how-order .item-list:after {
content: "\e948";
font-family: 'secur';
position: absolute;
right: 0;
top: 4px;
font-size: 9px;
line-height: 1;
color: #BEBEBE; } }
@media only screen and (min-width: 1200px) {
.mounting-how-order .item-list:after {
right: 0px;
top: 22px; } }
.mounting-how-order .item-list .name,
.mounting-how-order .item-list .descr {
font-size: 12px;
max-width: 235px;
line-height: 18px; }
@media only screen and (min-width: 600px) {
.mounting-how-order .item-list .name,
.mounting-how-order .item-list .descr {
max-width: 150px; } }
@media only screen and (min-width: 771px) {
.mounting-how-order .item-list .name,
.mounting-how-order .item-list .descr {
font-size: 16px;
line-height: 22px; } }
.mounting-how-order .item-list .name {
font-weight: 600; }
@media only screen and (min-width: 1200px) {
.mounting-how-order .item-list .name {
margin-bottom: 12px; } }
.mounting-how-order .responsibility {
padding-top: 20px; }
@media only screen and (min-width: 600px) {
.mounting-how-order .responsibility {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0; } }
.mounting-how-order .responsibility .img {
margin: 0 -10px 20px -10px; }
@media only screen and (min-width: 600px) {
.mounting-how-order .responsibility .img {
margin: 0 0 20px 0;
max-width: 375px; } }
.mounting-how-order .responsibility .img img {
width: 100%; }
@media only screen and (min-width: 600px) {
.mounting-how-order .responsibility .descr {
padding-left: 20px;
flex-grow: 1; } }
.mounting-how-order .responsibility .descr p {
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
padding-left: 24px; }
@media only screen and (min-width: 771px) {
.mounting-how-order .responsibility .descr p {
font-size: 14px;
margin-bottom: 16px;
padding-left: 31px; } }
/*----- mounting-features -----*/
.mounting-features {
margin-bottom: 55px; }
@media only screen and (min-width: 980px) {
.mounting-features {
margin-bottom: 0; } }
@media only screen and (min-width: 600px) {
.mounting-features .mounting-title, .mounting-features .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-features .cms-title, .mounting-features .mounting-clients .cms-title, .mounting-clients .mounting-features .cms-title {
text-align: center; } }
@media only screen and (min-width: 980px) {
.mounting-features .mounting-title, .mounting-features .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-features .cms-title, .mounting-features .mounting-clients .cms-title, .mounting-clients .mounting-features .cms-title {
margin-bottom: 50px; } }
.mounting-features .wrap-inner {
background-repeat: no-repeat;
background-position: 50% 35%;
background-size: 96px; }
@media only screen and (max-width: 599px) {
.mounting-features .wrap-inner {
background: none !important; } }
@media only screen and (min-width: 480px) {
.mounting-features .wrap-inner {
background-size: 145px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center; } }
@media only screen and (min-width: 771px) {
.mounting-features .wrap-inner {
background-size: 220px;
background-position: 50% 40%; } }
@media only screen and (min-width: 980px) {
.mounting-features .wrap-inner {
background-size: 370px;
background-position: 50% 34%; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info {
width: 50%; } }
.mounting-features .block-info .descr {
font-size: 12px;
line-height: 15px;
margin: auto 0; }
@media only screen and (min-width: 600px) {
.mounting-features .block-info .descr {
max-width: 220px;
min-height: 50px; } }
@media only screen and (min-width: 771px) {
.mounting-features .block-info .descr {
font-size: 16px;
line-height: 20px;
min-height: 100px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info .descr {
min-height: 137px; } }
.mounting-features .block-info .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px; }
@media only screen and (min-width: 980px) {
.mounting-features .block-info .item {
margin-bottom: 0; } }
.mounting-features .block-info .icon {
position: relative;
width: 32px;
min-width: 32px;
height: 32px;
background: #0093EE;
border-radius: 50%;
text-align: center; }
@media only screen and (max-width: 599px) {
.mounting-features .block-info .icon {
margin-right: 10px; } }
@media only screen and (min-width: 771px) {
.mounting-features .block-info .icon {
width: 66px;
min-width: 66px;
height: 66px; } }
.mounting-features .block-info .icon:before {
font-size: 17px;
line-height: 32px;
color: #ffffff; }
@media only screen and (min-width: 771px) {
.mounting-features .block-info .icon:before {
font-size: 36px;
line-height: 66px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .item {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .item:nth-child(1) {
padding-right: 20px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.left .item:nth-child(1) {
padding-right: 127px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .item:nth-child(2) {
padding-right: 75px; } }
@media only screen and (min-width: 771px) {
.mounting-features .block-info.left .item:nth-child(2) {
padding-right: 100px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.left .item:nth-child(2) {
padding-right: 213px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .item:nth-child(3) {
padding-right: 75px; } }
@media only screen and (min-width: 771px) {
.mounting-features .block-info.left .item:nth-child(3) {
padding-right: 100px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.left .item:nth-child(3) {
padding-right: 213px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .item:nth-child(4) {
padding-right: 20px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.left .item:nth-child(4) {
padding-right: 127px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .icon {
margin-left: 15px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.left .icon {
margin-left: 27px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.left .descr {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
text-align: right; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.right .item:nth-child(1) {
padding-left: 20px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.right .item:nth-child(1) {
padding-left: 127px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.right .item:nth-child(2) {
padding-left: 75px; } }
@media only screen and (min-width: 771px) {
.mounting-features .block-info.right .item:nth-child(2) {
padding-left: 100px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.right .item:nth-child(2) {
padding-left: 213px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.right .item:nth-child(3) {
padding-left: 75px; } }
@media only screen and (min-width: 771px) {
.mounting-features .block-info.right .item:nth-child(3) {
padding-left: 100px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.right .item:nth-child(3) {
padding-left: 213px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.right .item:nth-child(4) {
padding-left: 20px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.right .item:nth-child(4) {
padding-left: 127px; } }
@media only screen and (min-width: 600px) {
.mounting-features .block-info.right .icon {
margin-right: 15px; } }
@media only screen and (min-width: 980px) {
.mounting-features .block-info.right .icon {
margin-right: 27px; } }
/*----- mounting-online-calculation -----*/
.mounting-online-calculation {
background: #F6F8F9;
margin-bottom: 35px; }
@media only screen and (min-width: 771px) {
.mounting-online-calculation {
margin-bottom: 60px; } }
.mounting-online-calculation .title {
font-size: 14px;
line-height: 22px;
color: #000;
margin-bottom: 12px;
font-weight: 500; }
@media only screen and (min-width: 600px) {
.mounting-online-calculation .title {
font-size: 20px;
line-height: 30px; } }
@media only screen and (min-width: 771px) {
.mounting-online-calculation .title {
font-size: 32px;
line-height: 40px;
margin-bottom: 15px; } }
.mounting-online-calculation .descr {
font-size: 12px;
line-height: 18px;
margin-bottom: 15px; }
@media only screen and (min-width: 600px) {
.mounting-online-calculation .descr {
font-size: 14px;
line-height: 20px;
margin-bottom: 32px; } }
@media only screen and (min-width: 771px) {
.mounting-online-calculation .descr {
font-size: 18px;
line-height: 26px; } }
@media only screen and (max-width: 770px) {
.mounting-online-calculation .calculation-wrap {
background-image: none !important; } }
@media only screen and (min-width: 771px) {
.mounting-online-calculation .calculation-wrap {
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 45%; } }
.mounting-online-calculation .content-box {
padding: 20px 0 28px; }
@media only screen and (min-width: 600px) {
.mounting-online-calculation .content-box {
padding: 35px 0 25px; } }
@media only screen and (min-width: 771px) {
.mounting-online-calculation .content-box {
width: 55%;
min-height: 385px;
padding: 66px 20px 66px 0; } }
.mounting-online-calculation .img-box {
margin-bottom: 15px; }
.mounting-online-calculation .img-box img {
width: 100%; }
@media only screen and (min-width: 600px) {
.mounting-online-calculation .img-box {
margin-bottom: 35px; } }
@media only screen and (min-width: 771px) {
.mounting-online-calculation .img-box {
display: none; } }
.mounting-online-calculation .btn-order {
min-width: 242px; }
@media only screen and (min-width: 600px) {
.mounting-online-calculation .btn-order {
margin: 0 auto;
display: block; } }
@media only screen and (min-width: 771px) {
.mounting-online-calculation .btn-order {
margin: 0; } }
.calculator {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 6;
display: none; }
.calculator.open {
display: block; }
.calculator .radio-box {
display: block; }
.calculator .radio-box input[type="radio"],
.calculator .radio-box input[type="checkbox"] {
opacity: 0;
visibility: hidden;
height: 0;
width: 0;
display: none; }
.calculator .radio-box input[type="radio"] + label,
.calculator .radio-box input[type="checkbox"] + label {
padding-left: 25px;
position: relative;
display: block;
font-size: 14px;
line-height: 22px;
color: #000;
text-shadow: 0 0 0 #000; }
@media only screen and (min-width: 771px) {
.calculator .radio-box input[type="radio"] + label,
.calculator .radio-box input[type="checkbox"] + label {
font-size: 16px;
line-height: 20px; } }
.calculator .radio-box input[type="radio"] + label:before,
.calculator .radio-box input[type="checkbox"] + label:before {
content: '';
display: block;
position: absolute;
top: calc(50% - 8px);
left: 0;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #0093EE;
background: #ffffff;
box-sizing: border-box; }
.calculator .radio-box input[type="radio"]:checked + label:after,
.calculator .radio-box input[type="checkbox"]:checked + label:after {
content: '';
display: block;
position: absolute;
top: calc(50% - 4px);
left: 4px;
width: 8px;
height: 8px;
background: #0093EE;
border-radius: 50%;
box-sizing: border-box; }
.calculator .radio-box input[type="radio"]:checked + label:before,
.calculator .radio-box input[type="checkbox"]:checked + label:before {
border: 2px solid #0093EE; }
.calculator label {
font-size: 12px;
line-height: 22px;
color: #000;
text-shadow: 0 0 0 #000; }
@media only screen and (min-width: 771px) {
.calculator label {
font-size: 16px;
line-height: 20px; } }
.calculator label:hover {
cursor: pointer; }
.calculator textarea {
width: 100%;
background: rgba(0, 147, 238, 0.05);
border: none;
outline: none;
padding: 10px;
height: 42px;
resize: vertical; }
@media only screen and (min-width: 771px) {
.calculator textarea {
height: 48px; } }
.calculator .input-box label {
display: block; }
@media only screen and (min-width: 771px) {
.calculator .input-box label {
margin-bottom: 6px; } }
.calculator .input-box input[type=text],
.calculator .input-box input[type=number] {
width: 100%;
background: rgba(0, 147, 238, 0.05);
border: none;
outline: none;
padding: 10px;
height: 42px; }
@media only screen and (min-width: 771px) {
.calculator .input-box input[type=text],
.calculator .input-box input[type=number] {
height: 48px; } }
.calculator .input-form {
margin-bottom: 22px; }
.calculator .input-form label {
display: block;
margin-bottom: 10px; }
.calculator .input-form input[type=text] {
border: none;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 14px;
padding: 10px 15px;
color: #999999;
height: 34px;
-webkit-appearance: none;
border-radius: 0; }
@media only screen and (min-width: 980px) {
.calculator .input-form input[type=text] {
font-size: 14px; } }
.calculator .input-form input[type=text]:focus {
outline: none; }
.calculator .input-form input[type=text]::placeholder {
font-size: 14px; }
.calculator .input-form input[type=text].error {
border: 1px solid #FF6863; }
.calculator .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6); }
.calculator .modal-wrapper {
position: absolute;
width: 100%;
height: 100%;
max-width: 806px;
left: 50%;
transform: translate(-50%, 0); }
.calculator .form-calculator {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translate(0, -50%);
background: #ffffff;
padding: 33px 15px;
max-height: 100%;
overflow-y: auto; }
@media only screen and (min-width: 771px) {
.calculator .form-calculator {
padding: 42px 15px; } }
.calculator .form-title {
text-align: center;
color: #373737;
text-shadow: 0 0 0 #373737;
font-size: 12px;
line-height: 18px;
font-weight: 500;
margin-bottom: 25px; }
@media only screen and (min-width: 771px) {
.calculator .form-title {
font-size: 14px;
line-height: 26px; } }
.calculator .header-request {
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin-bottom: 15px;
text-shadow: 0 0 0 #2A2A2A; }
@media only screen and (min-width: 771px) {
.calculator .header-request {
font-size: 18px; } }
.calculator .progress-bar-wrap {
padding-right: 40px;
position: relative; }
.calculator .progress-bar {
height: 10px;
background: #F6F8F9; }
.calculator .progress-bar_fill {
height: 100%;
background: #0093EE;
width: 0;
-webkit-transition: width 400ms linear;
transition: width 400ms linear; }
.calculator .counter {
display: block;
position: absolute;
right: 0;
top: -3px;
line-height: 1; }
.calculator .counter span {
display: inline-block;
color: #0093EE;
font-size: 14px;
font-weight: 500; }
.calculator .modal-header {
margin-bottom: 35px; }
@media only screen and (min-width: 771px) {
.calculator .modal-header {
max-width: 585px;
margin: 0 auto 28px; } }
.calculator .modal-header.hidden {
display: none; }
.calculator .modal-content[data-step="1"] .button-prev {
display: none; }
@media only screen and (min-width: 600px) {
.calculator .modal-content[data-step="1"] .modal-footer {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; } }
.calculator .modal-body {
display: none;
margin-bottom: 25px; }
@media only screen and (min-width: 771px) {
.calculator .modal-body {
max-width: 585px;
margin: 0 auto 37px; } }
.calculator .modal-body.active {
display: block; }
.calculator .modal-body .request {
display: none; }
.calculator .modal-body.last {
margin-bottom: 0; }
@media only screen and (min-width: 771px) {
.calculator .modal-body.last {
max-width: 660px; } }
.calculator .btn {
outline: none;
border: 1px solid #0093EE;
text-transform: uppercase;
width: 100%;
text-align: center;
height: 42px; }
@media only screen and (min-width: 600px) {
.calculator .btn {
max-width: 268px;
height: 48px; } }
.calculator .button-prev {
background: transparent;
color: #0093EE; }
@media only screen and (max-width: 599px) {
.calculator .button-prev {
margin-top: 10px; } }
.calculator .button-next {
background: #0093EE;
color: #ffffff; }
@media only screen and (max-width: 599px) {
.calculator .button-next {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1; } }
@media only screen and (max-width: 599px) {
.calculator .grid-items {
height: 335px;
padding-right: 20px;
overflow: hidden; } }
@media only screen and (min-width: 600px) {
.calculator .grid-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.calculator .grid-items .item {
background: rgba(0, 147, 238, 0.05);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 13px 16px 11px 8px;
margin-bottom: 10px; }
@media only screen and (min-width: 600px) {
.calculator .grid-items .item {
width: calc(50% - 9px);
padding: 12px 14px 12px 11px;
margin-bottom: 18px; } }
.calculator .grid-items .item:hover {
cursor: pointer; }
.calculator .grid-items .item .col {
margin: auto 0;
width: calc(100% - 110px); }
.calculator .grid-items .item .img {
height: 77px;
width: 110px;
overflow: hidden; }
@media only screen and (min-width: 771px) {
.calculator .grid-items .item .img {
width: 87px;
height: 74px; } }
.calculator .grid-items .item .img img {
width: 100%;
height: auto; }
.calculator .grid-items .last-item {
width: 100%; }
.calculator .radio-box.row {
background: rgba(0, 147, 238, 0.05);
padding: 14px 15px 14px 15px;
margin-bottom: 14px; }
.calculator .double-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.calculator .double-col .input-box {
width: calc(50% - 7px); }
@media only screen and (max-width: 599px) {
.calculator .content-inner {
height: 305px;
padding-right: 20px;
overflow: hidden; } }
.calculator .modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 600px) {
.calculator .modal-footer {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media only screen and (min-width: 771px) {
.calculator .modal-footer {
max-width: 585px;
margin: 0 auto; } }
.calculator .modal-footer.hidden {
display: none; }
@media only screen and (min-width: 600px) {
.calculator .last-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px; } }
.calculator .block-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px; }
@media only screen and (min-width: 600px) {
.calculator .block-message {
max-width: 260px;
margin-bottom: 0; } }
@media only screen and (max-width: 599px) {
.calculator .block-message .content {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
text-align: center;
position: relative;
top: -33px;
width: calc(100% + 30px);
left: -15px;
background: rgba(0, 147, 238, 0.05);
padding: 13px 13px 26px;
margin-bottom: 10px; } }
.calculator .block-message .message {
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-shadow: 0 0 0 #2A2A2A;
margin-bottom: 6px; }
.calculator .block-message .note {
line-height: 22px;
font-weight: 500; }
@media only screen and (max-width: 599px) {
.calculator .block-message .img {
height: 163px; } }
@media only screen and (min-width: 600px) {
.calculator .block-message .img {
margin-bottom: 10px; } }
.calculator .block-message .img img {
width: auto;
height: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
display: block; }
@media only screen and (max-width: 599px) {
.calculator .block-message .img img {
margin: 0 auto; } }
@media only screen and (min-width: 600px) {
.calculator .block-info {
max-width: 340px;
padding-left: 20px; } }
.calculator .block-info .title {
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin-bottom: 18px; }
@media only screen and (min-width: 771px) {
.calculator .block-info .title {
line-height: 22px;
margin-bottom: 34px; } }
.calculator .block-info .note {
font-size: 10px;
line-height: 14px;
color: #999999; }
.calculator .block-info button {
margin-bottom: 6px;
width: 100%;
font-size: 12px;
font-weight: 500; }
@media only screen and (max-width: 770px) {
.calculator .block-info button {
margin-bottom: 6px; } }
@media only screen and (min-width: 771px) {
.calculator .block-info button {
padding: 0;
height: 34px; } }
.calculator .ps-container.ps-active-y > .ps-scrollbar-y-rail {
background: #F6F8F9;
border: none; }
@media only screen and (max-width: 599px) {
.calculator .ps-container > .ps-scrollbar-y-rail {
display: block;
height: 100%;
background: #F6F8F9;
border: none; } }
.calculator .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background: #9A9A9A; }
.calculator .form-calculator.form-calculator-skud .block-message .img, .calculator .form-calculator.form-calculator-alarm-system .block-message .img {
height: auto; }
.calculator .form-calculator.form-calculator-skud .block-message .img img, .calculator .form-calculator.form-calculator-alarm-system .block-message .img img {
width: 100%;
max-width: 360px;
height: auto; }
@media only screen and (max-width: 599px) {
.calculator .form-calculator.form-calculator-alarm-system .double-col {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.calculator .form-calculator.form-calculator-alarm-system .double-col .input-box {
margin-bottom: 10px; }
@media only screen and (max-width: 599px) {
.calculator .form-calculator.form-calculator-alarm-system .double-col .input-box {
width: 100%; } }
.calculator-success-message {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 6;
display: none; }
.calculator-success-message .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6); }
.calculator-success-message .wrap {
position: absolute;
width: 100%;
max-width: 515px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
padding: 33px 25px; }
@media only screen and (min-width: 771px) {
.calculator-success-message .wrap {
padding: 45px 40px; } }
.calculator-success-message .title {
text-shadow: 0 0 0 #2A2A2A; }
.calculator-success-message .note {
font-size: 12px;
line-height: 24px;
font-weight: 500;
margin-bottom: 5px; }
@media only screen and (min-width: 771px) {
.calculator-success-message .note {
font-size: 14px; } }
/*----- mounting-prices -----*/
.mounting-prices {
margin-bottom: 50px; }
@media only screen and (min-width: 771px) {
.mounting-prices .mounting-title, .mounting-prices .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-prices .cms-title, .mounting-prices .mounting-clients .cms-title, .mounting-clients .mounting-prices .cms-title {
margin-bottom: 48px; } }
.mounting-prices table {
border-collapse: collapse;
width: 100%; }
.mounting-prices tr:nth-child(odd) {
background-color: #F6F8F9; }
.mounting-prices tr .sum {
width: 65px; }
@media only screen and (min-width: 771px) {
.mounting-prices tr .sum {
width: 280px; } }
.mounting-prices th, .mounting-prices td {
padding: 11px 15px 11px 10px; }
@media only screen and (min-width: 771px) {
.mounting-prices th, .mounting-prices td {
padding: 16px 15px 10px 31px; } }
.mounting-prices th span {
color: #0093EE;
font-size: 12px;
line-height: 17px;
text-transform: uppercase;
font-weight: 500; }
@media only screen and (min-width: 771px) {
.mounting-prices th span {
font-size: 16px;
line-height: 20px; } }
.mounting-prices td span {
font-size: 12px;
line-height: 15px;
font-weight: 500;
display: inline-block; }
@media only screen and (max-width: 479px) {
.mounting-prices td span.symbol {
display: block; } }
@media only screen and (min-width: 771px) {
.mounting-prices td span.symbol {
text-transform: uppercase;
margin-left: 5px; } }
/*----- our-works -----*/
.mounting-our-works {
margin-bottom: 45px; }
@media only screen and (min-width: 771px) {
.mounting-our-works {
margin-bottom: 30px; } }
.mounting-our-works .mounting-title, .mounting-our-works .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-our-works .cms-title, .mounting-our-works .mounting-clients .cms-title, .mounting-clients .mounting-our-works .cms-title {
margin-bottom: 23px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .mounting-title, .mounting-our-works .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-our-works .cms-title, .mounting-our-works .mounting-clients .cms-title, .mounting-clients .mounting-our-works .cms-title {
margin-bottom: 48px; } }
@media only screen and (min-width: 771px) {
.mounting-our-works .our-work-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.mounting-our-works .our-work-tabs {
width: 100%;
margin-bottom: 25px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .our-work-tabs {
width: 225px; } }
@media only screen and (min-width: 1200px) {
.mounting-our-works .our-work-tabs {
width: 300px; } }
.mounting-our-works .tab-title {
font-weight: 500;
font-size: 14px;
margin-bottom: 9px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .tab-title {
font-size: 16px;
line-height: 1;
margin-bottom: 20px; } }
@media only screen and (min-width: 771px) {
.mounting-our-works .our-work-content {
width: calc(100% - 225px); } }
@media only screen and (min-width: 1200px) {
.mounting-our-works .our-work-content {
width: calc(100% - 300px); } }
.mounting-our-works .item-content {
display: none; }
.mounting-our-works .item-content.active {
display: block; }
.mounting-our-works .item-tab .name {
padding: 6px 5px 5px;
display: block;
font-size: 14px;
line-height: 17px;
transition: color 0.25s; }
.mounting-our-works .item-tab .name:hover {
cursor: pointer; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-tab .name {
font-size: 16px;
line-height: 20px;
padding: 3px 5px 6px; } }
.mounting-our-works .item-tab .icon {
width: 16px;
line-height: 1;
display: inline-block;
margin-right: 7px;
color: #0093EE; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-tab .icon {
margin-right: 14px;
position: relative;
top: 2px; } }
.mounting-our-works .item-tab .icon img {
width: 100%;
height: auto;
display: block; }
.mounting-our-works .item-tab.active .name {
color: #0093EE; }
@media only screen and (min-width: 600px) {
.mounting-our-works .item-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.mounting-our-works .item-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 18px 15px 16px 17px;
background: #ffffff;
filter: drop-shadow(0px 4px 4px rgba(0, 147, 238, 0.25));
margin-bottom: 16px; }
@media only screen and (min-width: 600px) {
.mounting-our-works .item-list .item {
width: 49%; } }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .item {
padding: 0; } }
@media only screen and (min-width: 980px) {
.mounting-our-works .item-list .item {
width: calc(33.33% - 15px);
margin-bottom: 30px; } }
.mounting-our-works .item-list .img {
width: 116px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .img {
width: 100%;
margin-bottom: 10px; } }
.mounting-our-works .item-list .img img {
display: block;
width: 100%; }
.mounting-our-works .item-list .content {
width: calc(100% - 116px);
padding-left: 8px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .content {
width: 100%; } }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .content {
padding: 0 15px 17px 15px;
text-align: center; } }
.mounting-our-works .item-list .category-name {
font-size: 12px;
line-height: 14px;
color: #0093EE;
display: block;
margin-bottom: 10px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .category-name {
margin-bottom: 8px; } }
.mounting-our-works .item-list .item-title {
font-weight: 500;
text-shadow: 0 0 0 #2A2A2A;
font-size: 14px;
line-height: 20px;
margin-bottom: 5px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .item-title {
font-size: 16px;
line-height: 22px; } }
.mounting-our-works .item-list .descr {
font-size: 12px;
line-height: 16px; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .descr {
font-size: 14px;
line-height: 20px; } }
.mounting-our-works .item-list .more {
border: 1px solid #0093EE;
color: #0093EE;
font-size: 14px;
line-height: 17px;
padding: 6px;
display: block;
width: 100%;
text-align: center;
margin-top: 14px;
transition: all 0.25s; }
.mounting-our-works .item-list .more:hover {
background: #0093EE;
color: #ffffff;
cursor: pointer; }
@media only screen and (min-width: 771px) {
.mounting-our-works .item-list .more {
max-width: 162px;
margin: 0 auto 17px; } }
/*------- typical-solution -----*/
.mounting-typical-solution {
background: #F6F8F9;
padding: 30px 0 40px;
margin-bottom: 43px; }
@media only screen and (min-width: 771px) {
.mounting-typical-solution {
padding: 50px 0 42px;
margin-bottom: 50px; } }
@media only screen and (min-width: 771px) {
.mounting-typical-solution .mounting-title, .mounting-typical-solution .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-typical-solution .cms-title, .mounting-typical-solution .mounting-clients .cms-title, .mounting-clients .mounting-typical-solution .cms-title {
margin-bottom: 45px; } }
@media only screen and (min-width: 771px) {
.mounting-typical-solution .mounting-title.center, .mounting-typical-solution .install_equipment .cms-features-box .left-side .center.cms-title, .install_equipment .cms-features-box .left-side .mounting-typical-solution .center.cms-title, .mounting-typical-solution .mounting-clients .center.cms-title, .mounting-clients .mounting-typical-solution .center.cms-title {
text-align: center; } }
.mounting-typical-solution .banner-wrap {
position: relative;
overflow: hidden;
margin-bottom: 40px; }
.mounting-typical-solution .banner-wrap img {
width: 100%; }
.mounting-typical-solution .banner-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 599px) {
.mounting-typical-solution .banner-desktop {
display: none; } }
@media only screen and (min-width: 600px) {
.mounting-typical-solution .banner-mobile {
display: none; } }
.mounting-typical-solution .img-left {
position: relative;
width: 59.2%; }
.mounting-typical-solution .img-left:before {
content: '';
width: 100vw;
height: 100%;
top: 0;
right: 0;
position: absolute;
background: rgba(0, 0, 0, 0.3); }
.mounting-typical-solution .img-right {
position: relative;
width: 40.8%; }
.mounting-typical-solution .img-right:after {
content: '';
width: 100vw;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: #EEEEEE;
right: 0;
z-index: 0; }
.mounting-typical-solution .img-right img {
z-index: 1;
position: relative; }
.mounting-typical-solution .top-products {
margin-bottom: 30px; }
.mounting-typical-solution ul.products-grid div.slick-track {
padding: 10px 0 !important; }
.mounting-typical-solution ul.products-grid li.item .price-and-add {
display: flex;
width: 100%;
justify-content: space-between;
margin-top: 9px; }
.mounting-typical-solution ul.products-grid li.item .price-and-add .label-price {
color: #0093EE;
font-weight: 600;
margin: auto 2px auto 0; }
@media only screen and (max-width: 479px) {
.mounting-typical-solution ul.products-grid li.item .price-and-add .label-price {
font-size: 12px; } }
.mounting-typical-solution ul.products-grid li.item .price-and-add .price-box {
margin: auto 2px auto 0;
padding: 0; }
@media only screen and (max-width: 479px) {
.mounting-typical-solution ul.products-grid li.item .price-and-add .price-box .regular-price .price-symbol {
font-size: 12px;
margin-left: 2px; } }
@media only screen and (min-width: 480px) {
.mounting-typical-solution ul.products-grid li.item .price-and-add .price-box .regular-price .price-symbol {
font-size: 14px;
margin-left: 2px; } }
.mounting-typical-solution ul.products-grid li.item .price-and-add .button {
padding: 0 1px; }
.mounting-typical-solution .btn-wrap a {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #0093EE;
background: #ffffff;
padding: 7px 15px;
display: block;
border: 1px solid #0093EE;
text-align: center;
transition: all 0.25s; }
@media only screen and (min-width: 480px) {
.mounting-typical-solution .btn-wrap a {
max-width: 162px;
margin: 0 auto; } }
.mounting-typical-solution .btn-wrap a:hover {
color: #ffffff;
background: #0093EE; }
/*----- clients -----*/
.mounting-clients {
margin-bottom: 50px; }
.mounting-clients .client-box-inner {
padding-bottom: 10px; }
.mounting-clients .cms-title-box {
padding: 10px 20px; }
.mounting-clients .cms-title {
margin-bottom: 15px; }
.mounting-clients .cms-client-slider .slick-list .slider-item .image-box {
padding: 20px; }
@media only screen and (max-width: 480px) {
.mounting-clients .cms-client-slider .slick-list .slider-item .image-box {
text-align: center; } }
.mounting-clients .cms-client-slider .slick-list .slider-item .image-box .image-box-inner {
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
-moz-box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2);
box-shadow: 0px 0px 15px 5px rgba(0, 147, 238, 0.2); }
@media only screen and (max-width: 480px) {
.mounting-clients .cms-client-slider .slick-list .slider-item .image-box .image-box-inner {
max-width: 130px;
margin: 0 auto; } }
.mounting-clients .cms-client-slider .slick-list .slider-item .image-box .image-box-inner img {
width: 100%; }
/*----- reviews -----*/
.mounting-reviews {
margin-bottom: 54px; }
@media only screen and (min-width: 980px) {
.mounting-reviews {
margin-bottom: 45px; } }
.mounting-reviews .mounting-title, .mounting-reviews .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-reviews .cms-title, .mounting-reviews .mounting-clients .cms-title, .mounting-clients .mounting-reviews .cms-title {
margin-bottom: 35px; }
@media only screen and (min-width: 771px) {
.mounting-reviews .mounting-title, .mounting-reviews .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-reviews .cms-title, .mounting-reviews .mounting-clients .cms-title, .mounting-clients .mounting-reviews .cms-title {
margin-bottom: 27px; } }
@media only screen and (min-width: 771px) {
.mounting-reviews .reviews-slider {
margin: 0 -10px; } }
.mounting-reviews .reviews-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 10px; }
.mounting-reviews .slider-item {
margin-bottom: 10px;
height: auto; }
@media only screen and (min-width: 771px) {
.mounting-reviews .slider-item {
margin-bottom: 15px; } }
.mounting-reviews .item-inner {
background: #F6F8F9;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
padding: 32px 20px 12px 42px;
position: relative;
margin: 0 10px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media only screen and (min-width: 771px) {
.mounting-reviews .item-inner {
padding: 20px 25px 25px 82px; } }
.mounting-reviews .item-inner:before {
content: '\e93c';
font-family: 'secur';
font-size: 24px;
line-height: 1;
color: #0093EE;
position: absolute;
top: 15px;
left: 25px; }
@media only screen and (max-width: 770px) {
.mounting-reviews .item-inner:before {
display: none; } }
.mounting-reviews .item-inner .text {
font-size: 12px;
line-height: 18px;
margin-bottom: 10px; }
@media only screen and (min-width: 771px) {
.mounting-reviews .item-inner .text {
font-size: 14px;
line-height: 24px;
margin-bottom: 16px; } }
.mounting-reviews .item-inner .date {
font-size: 10px; }
@media only screen and (min-width: 771px) {
.mounting-reviews .item-inner .date {
font-size: 14px; } }
.mounting-reviews .item-inner .name {
color: #0093EE;
font-size: 12px; }
@media only screen and (min-width: 771px) {
.mounting-reviews .item-inner .name {
font-size: 14px; } }
/*----- certificates -----*/
.mounting-certificates {
margin-bottom: 64px; }
@media only screen and (min-width: 980px) {
.mounting-certificates {
margin-bottom: 45px; } }
.mounting-certificates .mounting-title, .mounting-certificates .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-certificates .cms-title, .mounting-certificates .mounting-clients .cms-title, .mounting-clients .mounting-certificates .cms-title {
margin-bottom: 36px; }
@media only screen and (min-width: 980px) {
.mounting-certificates .mounting-title, .mounting-certificates .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-certificates .cms-title, .mounting-certificates .mounting-clients .cms-title, .mounting-clients .mounting-certificates .cms-title {
margin-bottom: 40px; } }
.mounting-certificates .certificates-slider {
margin-bottom: 20px; }
@media only screen and (min-width: 980px) {
.mounting-certificates .certificates-slider {
margin: 0 -10px; } }
@media only screen and (min-width: 980px) {
.mounting-certificates .slider-item {
margin-bottom: 20px; } }
@media only screen and (min-width: 980px) {
.mounting-certificates .item-inner {
padding: 0 10px; } }
.mounting-certificates .item-inner img {
margin: 0 auto;
max-width: 62%; }
@media only screen and (min-width: 980px) {
.mounting-certificates .item-inner img {
max-width: 100%; } }
/*----- block with order-form -----*/
.mounting-order-form {
margin-bottom: 60px; }
.mounting-order-form .wrap-inner {
background: #F6F8F9;
margin: 0 -10px;
padding: 0 10px 40px; }
@media only screen and (min-width: 771px) {
.mounting-order-form .wrap-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 25px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media only screen and (min-width: 980px) {
.mounting-order-form .wrap-inner {
padding: 55px;
filter: drop-shadow(2px 2px 20px rgba(0, 147, 238, 0.25)); } }
.mounting-order-form .left {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 96px;
padding: 30px 15px 0 15px;
height: 305px;
margin-bottom: 22px; }
@media only screen and (min-width: 771px) {
.mounting-order-form .left {
width: calc(100% - 334px);
padding: 0 15px 0 0;
background-size: 145px;
height: auto;
min-height: 270px; } }
@media only screen and (min-width: 980px) {
.mounting-order-form .left {
background-size: 230px;
max-width: 550px;
padding: 25px 0 0 0;
margin: 0;
min-height: 330px; } }
@media only screen and (min-width: 771px) {
.mounting-order-form .right {
margin: auto 0; } }
.mounting-order-form .block-info {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.mounting-order-form .block-info .item {
width: 45%; }
@media only screen and (max-width: 770px) {
.mounting-order-form .block-info .item {
display: none; }
.mounting-order-form .block-info .item:nth-child(1), .mounting-order-form .block-info .item:nth-child(2), .mounting-order-form .block-info .item:nth-child(3) {
display: block; }
.mounting-order-form .block-info .item:nth-child(2) {
margin: auto auto 0;
order: 1;
width: 50%; } }
@media only screen and (min-width: 771px) and (max-width: 979px) {
.mounting-order-form .block-info .item:nth-child(3), .mounting-order-form .block-info .item:nth-child(4) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: flex-end; } }
@media only screen and (min-width: 979px) {
.mounting-order-form .block-info .item {
width: 35%; } }
.mounting-order-form .block-info .number {
color: #0093EE;
font-size: 22px;
line-height: 1;
font-weight: 500;
margin-bottom: 7px; }
@media only screen and (min-width: 979px) {
.mounting-order-form .block-info .number {
font-size: 32px;
margin-bottom: 10px; } }
.mounting-order-form .block-info .descr {
text-transform: uppercase;
font-size: 10px;
line-height: 16px;
font-weight: 500;
max-width: 180px;
margin: 0 auto; }
@media only screen and (min-width: 979px) {
.mounting-order-form .block-info .descr {
font-size: 12px;
line-height: 20px; } }
.mounting-order-form .block-info .number,
.mounting-order-form .block-info .descr {
text-align: center; }
/*----- seo -----*/
.mounting-seo .mounting-title, .mounting-seo .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-seo .cms-title, .mounting-seo .mounting-clients .cms-title, .mounting-clients .mounting-seo .cms-title {
margin-bottom: 25px; }
@media only screen and (min-width: 771px) {
.mounting-seo .mounting-title, .mounting-seo .install_equipment .cms-features-box .left-side .cms-title, .install_equipment .cms-features-box .left-side .mounting-seo .cms-title, .mounting-seo .mounting-clients .cms-title, .mounting-clients .mounting-seo .cms-title {
margin-bottom: 31px; } }
.mounting-seo .img-right {
float: right;
margin: 20px 0 20px 20px; }
.mounting-seo .article {
margin-bottom: 50px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article {
margin-bottom: 83px; } }
.mounting-seo .article h4 {
font-size: 14px;
line-height: 22px;
font-weight: 700;
margin-bottom: 18px;
padding-top: 10px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article h4 {
line-height: 24px;
margin-bottom: 14px;
padding-top: 25px; } }
.mounting-seo .article p {
font-size: 12px;
line-height: 18px;
margin-bottom: 20px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article p {
font-size: 14px;
line-height: 24px;
margin-bottom: 15px; } }
.mounting-seo .article ul {
padding-left: 20px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article ul {
margin-bottom: 20px; } }
.mounting-seo .article ul li {
position: relative;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article ul li {
font-size: 14px;
line-height: 24px;
margin-bottom: 8px; } }
.mounting-seo .article ul li:before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: #0093EE;
position: absolute;
top: 6px;
left: -12px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article ul li:before {
top: 9px;
left: -18px; } }
.mounting-seo .article .mark:before {
top: 12px; }
@media only screen and (min-width: 771px) {
.mounting-seo .article .mark:before {
top: 28px; } }
/*# sourceMappingURL=styles.css.map */
/*
jQuery Touch Optimized Sliders "R"Us
Core CSS
*/
.tos-noanimation {
-webkit-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-o-transition-property: none !important;
transition-property: none !important; }
.tos-fastanimation {
-webkit-transition-duration: 0.2s !important;
-moz-transition-duration: 0.2s !important;
-ms-transition-duration: 0.2s !important;
-o-transition-duration: 0.2s !important;
transition-duration: 0.2s !important;
-webkit-transition-timing-function: ease-out !important;
-moz-transition-timing-function: ease-out !important;
-ms-transition-timing-function: ease-out !important;
-o-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important; }
.tos-wrapper {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
display: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden; }
.tos-wrapper.tos-opened {
display: block; }
.tos-wrapper.tos-opening {
opacity: 1; }
.tos-wrapper.tos-fixed {
background-color: black;
position: fixed;
top: 0;
left: 0;
z-index: 9000; }
.tos-wrapper.tos-inline {
position: relative; }
.tos-slider {
white-space: nowrap;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: relative; }
.tos-wrapper.tos-fx-slide .tos-slider {
left: 0;
-webkit-transition: left 0s ease;
-moz-transition: left 0s ease;
-ms-transition: left 0s ease;
-o-transition: left 0s ease;
transition: left 0s ease; }
.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider {
position: absolute; }
.tos-wrapper.tos-fx-fade .tos-slider {
opacity: 1;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.tos-uibg {
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
opacity: 0;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1; }
.tos-desktop .tos-wrapper:hover .tos-uibg,
.tos-touch .tos-wrapper.tos-hover .tos-uibg {
opacity: 1; }
.tos-slide {
-webkit-overflow-scrolling: touch;
line-height: 1px;
text-align: center;
box-sizing: border-box;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
.tos-slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px; }
.tos-slide.tos-loading > * {
opacity: 0; }
.tos-slide > * {
opacity: 1;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.tos-slide > * {
vertical-align: middle;
display: inline-block;
height: 100%;
max-width: 100%;
box-sizing: border-box; }
.tos-slide.tos-html > div {
-webkit-overflow-scrolling: touch;
white-space: normal;
text-align: left;
line-height: 1.5; }
.tos-slide.tos-html > div * {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none; }
.tos-wrapper.tos-fill .tos-slide.tos-image > img {
max-height: none;
max-width: none;
min-height: 100%;
min-width: 100%; }
.tos-wrapper.tos-fixed .tos-slide.tos-html > div {
background-color: white;
color: #333333;
box-sizing: border-box;
display: inline-block;
padding: 40px;
overflow: auto; }
.tos-desktop .tos-wrapper.tos-fixed {
background-color: rgba(0, 0, 0, 0.85); }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit .tos-slide {
padding: 20px; }
/*
jQuery Touch Optimized Sliders "R"Us
Buttons addon
*/
.tos-prev,
.tos-next,
.tos-close {
background: black;
border-radius: 3px;
opacity: 0;
display: block;
width: 40px;
position: absolute;
z-index: 1;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.tos-prev,
.tos-next {
height: 80px;
margin-top: -40px;
top: 50%; }
.tos-prev.tos-disabled,
.tos-next.tos-disabled {
cursor: default; }
.tos-prev {
left: 20px; }
.tos-next {
right: 20px; }
.tos-close {
height: 40px;
top: 20px;
right: 20px; }
.tos-desktop .tos-wrapper:hover .tos-prev,
.tos-desktop .tos-wrapper:hover .tos-next,
.tos-desktop .tos-wrapper:hover .tos-close,
.tos-touch .tos-wrapper.tos-hover .tos-prev,
.tos-touch .tos-wrapper.tos-hover .tos-next,
.tos-touch .tos-wrapper.tos-hover .tos-close {
opacity: 0.5; }
.tos-desktop .tos-wrapper:hover .tos-prev:hover,
.tos-desktop .tos-wrapper:hover .tos-next:hover,
.tos-desktop .tos-wrapper:hover .tos-close:hover,
.tos-touch .tos-wrapper.tos-hover .tos-prev:hover,
.tos-touch .tos-wrapper.tos-hover .tos-next:hover,
.tos-touch .tos-wrapper.tos-hover .tos-close:hover {
opacity: 0.9; }
.tos-desktop .tos-wrapper:hover .tos-prev.tos-disabled,
.tos-desktop .tos-wrapper:hover .tos-next.tos-disabled,
.tos-desktop .tos-wrapper:hover .tos-close.tos-disabled,
.tos-touch .tos-wrapper.tos-hover .tos-prev.tos-disabled,
.tos-touch .tos-wrapper.tos-hover .tos-next.tos-disabled,
.tos-touch .tos-wrapper.tos-hover .tos-close.tos-disabled {
opacity: 0.2; }
.tos-prev span,
.tos-next span,
.tos-close span:before,
.tos-close span:after {
content: '';
display: block;
width: 12px;
height: 12px;
margin: -5px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.tos-close span:before,
.tos-close span:after {
width: 6px;
height: 6px;
margin-top: -4px;
margin-left: 0;
margin-right: 0; }
.tos-prev span,
.tos-close span:before {
border-bottom: 3px solid white;
border-left: 3px solid white;
left: 50%; }
.tos-next span,
.tos-close span:after {
border-top: 3px solid white;
border-right: 3px solid white;
right: 50%; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide {
padding-left: 80px;
padding-right: 80px; }
.tos-inline {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
display: inline-block;
margin: 0;
position: relative;
top: auto;
left: auto;
right: auto; }
.tos-inline.tos-prev {
margin-right: -60px; }
.tos-inline.tos-next {
margin-left: -60px; }
.tos-loading .tos-inline {
opacity: 0 !important; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev,
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2); }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev,
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next,
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close {
-webkit-transform: scale(3);
-moz-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3); }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top; }
/*
jQuery Touch Optimized Sliders "R"Us
Caption addon
*/
.tos-caption {
color: white;
text-align: center;
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1; }
.tos-caption:after {
content: '';
display: block;
clear: both; }
.tos-caption > div {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
box-sizing: border-box;
padding: 0 20px;
float: left; }
.tos-caption > div:last-child {
float: right;
margin-right: -2px; }
.tos-desktop .tos-wrapper:hover .tos-caption,
.tos-touch .tos-wrapper.tos-hover .tos-caption {
opacity: 1; }
.tos-wrapper .tos-caption {
line-height: 20px;
font-size: 15px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
height: 40px; }
.tos-wrapper.tos-has-caption .tos-uibg {
height: 100px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide {
padding-bottom: 60px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-caption {
line-height: 40px;
font-size: 30px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
height: 80px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg {
height: 200px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-caption {
line-height: 60px;
font-size: 45px;
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.8);
height: 120px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg {
height: 300px; }
/*
jQuery Touch Optimized Sliders "R"Us
Drag addon
*/
.tos-wrapper.tos-fx-slide .tos-slider {
-webkit-transition-property: left, margin;
-moz-transition-property: left, margin;
-ms-transition-property: left, margin;
-o-transition-property: left, margin;
transition-property: left, margin; }
/*
jQuery Touch Optimized Sliders "R"Us
Pagination addon
*/
.tos-pagination {
text-align: center;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1; }
.tos-pagination a {
display: inline-block; }
.tos-pagination.tos-bullets a {
background-color: rgba(255, 255, 255, 0.2); }
.tos-pagination.tos-bullets a:hover {
background-color: rgba(255, 255, 255, 0.5); }
.tos-pagination.tos-bullets a.tos-selected {
background-color: rgba(255, 255, 255, 0.9); }
.tos-desktop .tos-wrapper:hover .tos-pagination,
.tos-touch .tos-wrapper.tos-hover .tos-pagination {
opacity: 1; }
.tos-wrapper .tos-pagination:before, .tos-wrapper .tos-pagination:after {
content: '';
display: inline-block;
width: 20px;
height: 10px; }
.tos-wrapper.tos-has-bullets .tos-pagination {
height: 30px; }
.tos-wrapper.tos-has-bullets .tos-pagination a {
border-radius: 10px;
width: 10px;
height: 10px;
margin: 0 5px; }
.tos-wrapper.tos-has-bullets .tos-caption {
bottom: 30px; }
.tos-wrapper.tos-has-bullets .tos-uibg {
height: 90px; }
.tos-wrapper.tos-has-bullets.tos-has-caption .tos-uibg {
height: 130px; }
.tos-wrapper.tos-has-thumbnails .tos-pagination {
height: 70px; }
.tos-wrapper.tos-has-thumbnails .tos-pagination a {
background-position: center center;
background-size: cover;
width: 50px;
height: 50px;
margin: 0 5px; }
.tos-selected {
border: 2px solid #2cb1ff; }
.tos-wrapper.tos-has-thumbnails .tos-caption {
bottom: 70px; }
.tos-wrapper.tos-has-thumbnails .tos-uibg {
height: 130px; }
.tos-wrapper.tos-has-thumbnails.tos-has-caption .tos-uibg {
height: 170px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets .tos-slide {
padding-bottom: 50px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets.tos-has-caption .tos-slide {
padding-bottom: 80px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails .tos-slide {
padding-bottom: 20px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide {
padding-bottom: 120px; }
.tos-wrapper.img-border img {
background: #fff;
padding: 0 60px;
box-sizing: content-box; }
@media only screen and (max-width: 768px) {
.tos-wrapper.img-border img {
padding: 0; } }
.tos-slide:nth-child(2) .tos-prev {
opacity: 0.2 !important;
cursor: default; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:before, .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:after {
content: '';
display: inline-block;
width: 40px;
height: 20px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination {
height: 60px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a {
border-radius: 20px;
width: 20px;
height: 20px;
margin: 0 10px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption {
bottom: 60px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg {
height: 180px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg {
height: 260px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination {
height: 140px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a {
background-position: center center;
background-size: cover;
width: 100px;
height: 100px;
margin: 0 10px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption {
bottom: 140px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg {
height: 260px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg {
height: 340px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:before, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:after {
content: '';
display: inline-block;
width: 60px;
height: 30px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination {
height: 90px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a {
border-radius: 30px;
width: 30px;
height: 30px;
margin: 0 15px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption {
bottom: 90px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg {
height: 270px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg {
height: 390px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination {
height: 210px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a {
background-position: center center;
background-size: cover;
width: 150px;
height: 150px;
margin: 0 15px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption {
bottom: 210px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg {
height: 390px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg {
height: 510px; }
/*
jQuery Touch Optimized Sliders "R"Us
Html media
*/
.tos-slide .tos-html {
-webkit-overflow-scrolling: touch; }
/*
jQuery Touch Optimized Sliders "R"Us
Youtube media
*/
.tos-play {
background: black;
opacity: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.tos-play:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%; }
.tos-desktop .tos-wrapper:hover .tos-play,
.tos-touch .tos-wrapper.tos-hover .tos-play {
opacity: 0.5; }
.tos-desktop .tos-wrapper:hover .tos-play:hover,
.tos-touch .tos-wrapper.tos-hover .tos-play:hover {
opacity: 0.9; }
.tos-wrapper .tos-play {
border-radius: 80px;
width: 80px;
height: 80px;
margin: -40px; }
.tos-wrapper .tos-play:after {
border: 20px solid transparent;
border-left-color: white;
border-left-width: 30px;
margin-top: -20px;
margin-left: -10.5px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play {
border-radius: 160px;
width: 160px;
height: 160px;
margin: -80px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play:after {
border: 40px solid transparent;
border-left-color: white;
border-left-width: 60px;
margin-top: -40px;
margin-left: -21px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play {
border-radius: 240px;
width: 240px;
height: 240px;
margin: -120px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play:after {
border: 60px solid transparent;
border-left-color: white;
border-left-width: 90px;
margin-top: -60px;
margin-left: -31.5px; }
.tos-slider-pv-actions {
position: fixed;
left: 50%;
width: 50%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
z-index: 10000;
top: 30px;
background: #fff;
margin-left: -25%; }
.tos-slider-pv-actions .price-box {
margin-right: 30px; }
.tos-slider-pv-actions .price-box .regular-price {
font-size: 22px; }
div.tos-slider .price-box {
padding: 5px 0 0 0; }
div.tos-slider .price-box .special-price,
div.tos-slider .price-box .regular-price {
float: left;
line-height: 40px;
color: #333333;
font-size: 239%;
letter-spacing: -2px;
margin-right: 25px; }
div.tos-slider .price-box .old-price:before {
content: ' ';
display: block;
position: absolute;
left: 9px;
right: 9px;
height: 0;
top: 14px;
border-bottom: 2px solid #ffffff; }
div.tos-slider .price-box .old-price {
float: left;
height: 28px;
background-color: #FF6863;
color: #ffffff;
font-size: 116%;
padding: 0 13px;
line-height: 30px;
position: relative;
margin: 4px 30px 0 0; }
div.tos-slider .price-box .old-price:after {
content: ' ';
display: block;
position: absolute;
top: 0;
right: -11px;
height: 100%;
border-style: solid;
border-width: 14px 0 14px 11px;
border-color: transparent transparent transparent #FF6863; }
div.tos-slider .price-box .special-price .tail,
div.tos-slider .price-box .regular-price .tail {
font-size: 61%;
margin-right: 6px; }
.tos-slider .price-symbol.USD {
margin-right: 7px; }
div.tos-slider .price-box .price-label {
display: none; }
div.tos-slider .add-to-cart button {
height: 45px;
font-size: 166%;
padding: 0 20px; }
/*# sourceMappingURL=jquery.tosrus.all.css.map */
div.amshopby-column {
float: left;
width: 49%;
overflow: hidden;
}
select.amshopby-select {
width: 170px;
}
.amshopby-logo {
padding: 0 10px 10px 0;
float: left;
}
.amshopby-featured {
padding: 5px;
}
.amshopby-link {
padding: 5px 0 0 5px;
}
.amshopby-clearer {
display: block;
clear: both;
overflow: hidden;
}
div.block-layered-nav dd a {
padding: 0 5px 0 0;
display: block;
float: left;
}
.block-layered-nav .amshopby-attr,
.block-layered-nav .amshopby-attr:hover {
padding-left: 15px;
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat;
}
.block-layered-nav .amshopby-attr::before,
.block-layered-nav .amshopby-attr-selected::before {
border-style: none;
}
.block-layered-nav .amshopby-attr-selected,
.block-layered-nav .amshopby-attr-selected:hover {
font-weight: bold;
padding-left: 15px;
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-cb2.gif) left center no-repeat;
}
.block-layered-nav .amshopby-attr-inactive {
pointer-events: none;
color: #666
}
.block-layered-nav dd a img {
float: left;
}
.block-layered-nav .single-choice a.amshopby-attr,
.block-layered-nav .single-choice a.amshopby-attr:hover {
background-image: url(https://secur.ua/skin/frontend/base/default/images/amshopby-rb1.gif);
}
.block-layered-nav .single-choice a.amshopby-attr-selected,
.block-layered-nav .single-choice a.amshopby-attr-selected:hover {
background-image: url(https://secur.ua/skin/frontend/base/default/images/amshopby-rb2.gif);
}
.amshopby-swatch {
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat;
}
.block-layered-nav .amshopby-cat-level-2 {
padding-left: 0;
}
.block-layered-nav .amshopby-cat-level-2.static-2-level {
padding-left: 30px;
}
.block-layered-nav .amshopby-cat-level-3 {
padding-left: 20px;
}
.block-layered-nav .amshopby-cat-selected {
font-weight: bold;
color: black;
text-decoration: none;
cursor: text;
}
.block-layered-nav .amshopby-cat-multi a {
padding-left: 15px;
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat;
}
.block-layered-nav .amshopby-cat-multiselected a,
.block-layered-nav .amshopby-cat-multiselected a:hover {
font-weight: bold;
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-cb2.gif) left center no-repeat;
}
.block-layered-nav span.amshopby-plusminus {
float: left;
display: block;
margin: 5px 0 0;
padding: 0;
width: 15px;
height: 15px;
cursor: pointer;
background: transparent url(https://secur.ua/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat;
}
.block-layered-nav span.minus {
background: transparent url(https://secur.ua/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;
}
.block-layered-nav li:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.main .block-layered-nav.amshopby-collapse-enabled dt {
cursor: pointer;
padding-left: 15px;
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
.block-layered-nav.amshopby-collapse-enabled dt::after {
border-style: none;
}
.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed {
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;
}
.block-layered-nav.amshopby-collapse-enabled .toggle-content .no-display {
display: block;
}
.block-layered-nav .amshopby-slider {
position: relative;
margin: 10px 4px 5px;
z-index: 9;
height: 18px;
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%;
cursor: pointer;
}
.block-layered-nav .amshopby-slider .handle {
margin-left: -4px;
width: 8px;
top: 3px;
height: 14px;
background: transparent url(https://secur.ua/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat;
position: absolute;
cursor: move;
z-index: 2;
}
/*
* Slider labels
*/
.amshopby-slider-price {
color: #798794;
}
.amshopby-slider-price-from {
float: left;
}
.amshopby-slider-price-to {
float: right;
}
.amshopby-slider-handle-right,
.amshopby-slider-handle-left {
position: absolute;
top: 14px;
}
.amshopby-slider-handle-left {
left: 0;
}
.amshopby-slider-handle-right {
right: 0;
}
.amshopby-tooltip {
padding: 2px 5px;
background: #FEC;
border: 1px solid #FAA819;
color: #1F5070;
text-align: left;
width: 200px;
position: absolute;
z-index: 1000;
}
.amshopby-slider-price-range {
text-align: center;
font-size: 0.9em;
}
.amshopby-tooltip-img {
cursor: help;
display: inline;
}
.block-layered-nav,
.amshopby-page-container,
.amshopby-filters-top {
position: relative;
}
.amshopby-overlay {
background-color: #FFFFFF;
height: 100%;
left: 0;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
top: 0;
width: 100%;
z-index: 555;
}
.amshopby-overlay img {
top: 100px;
left: 45%;
display: block;
position: absolute;
}
.amshopby-overlay div {
margin: 0 auto;
display: block;
width: 300px;
height: 200px;
background: url('https://secur.ua/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}
/*
* Advanced Categories
*/
.amshopby-advanced li {
clear: both;
}
.amshopby-advanced .level1 {
padding-left: 20px;
}
.amshopby-advanced .level2 {
padding-left: 30px;
}
.amshopby-advanced .level3 {
padding-left: 40px;
}
.amshopby-advanced .level4 {
padding-left: 50px;
}
.amshopby-advanced li.active > a {
font-weight: bold;
}
.amshopby-cat-toggle.amshopby-cat-toggle-hidden {
display: none;
}
/*
* Slider Bar
*/
.amshopby-slider-bar {
position: absolute;
background: #999;
height: 6px;
top: 6px;
z-index: 1;
}
/*
* Subcategories block
*/
.amshopby-subcategory-image {
overflow: auto;
}
.btn-remove-inline {
background: url('https://secur.ua/skin/frontend/base/default/images/am_btn_remove.gif') no-repeat;
width: 13px;
height: 12px;
margin-left: 4px;
}
.amshopby-hightlighted {
background: yellow;
}
.btn-remove-inline img {
display: inline;
}
.block-layered-nav .amshopby-slider .handle.active {
z-index: 3;
}
.amshopby-slider-ui {
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%;
margin: 10px .4em;
}
.amshopby-slider-ui .ui-slider-handle {
background-color: #f18200;
border: 1px solid #de5400;
box-sizing: border-box;
outline: none;
}
.amshopby-slider-ui .ui-slider-range {
background-color: #999999;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-slider {
cursor: pointer;
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 0.8em;
height: 1.2em;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.2em;
margin-left: -.4em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0.2em;
height: 8px;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.amshopby-narrow-by-list td {
vertical-align: top;
}
input[name^="amshopby"][id$="from"].input-text,
input[name^="amshopby"][id$="to"].input-text {
width: auto;
}
.amshopby-item-top {
max-width: 225px;
min-width: 180px;
display: inline-block;
vertical-align: top;
height: 100%;
}
.amshopby-filters-top .block-content ol {
max-width: 250px;
}
.amshopby-item-top .amshopby-column {
width: auto;
}
.no-display-current,
.no-display {
display: none;
}
.current .no-display-current,
.current td.no-display {
display: block;
}
@media only screen and (max-width: 770px) {
dl#narrow-by-list,
dl#narrow-by-list2 {
padding: 0;
}
.block-layered-nav.amshopby-collapse-enabled .toggle-content dt {
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;
}
.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dt.current {
background: url(https://secur.ua/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
}
.block-layered-nav ol:not(.single-choice) select option[selected] {
color: white;
background-color: rgba(171, 171, 171, 1);
}
.amshopby-apply-button {
width: 180px;
height: 40px;
margin-top: 1em;
}
/**
* All Brands page
*/
.content .ambrands-list {
min-width: 180px;
}
.amshopby-subcategories-wrapper {
position: relative;
box-sizing: unset;
flex-wrap: wrap;
}
.amshopby-subcategories-wrapper:after {
content: '';
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #fff;
z-index: 999;
}
.amshopby-subcategory {
float: left;
height: auto;
width: auto;
padding-right: 5px;
line-height: 50px;
border-bottom: 1px solid #eee;
}
.amshopby-subcategory .am-item {
width: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
text-align: left;
vertical-align: middle;
line-height: 1;
}
.amshopby-subcategory .am-img {
max-width: 100%;
display: block;
float: left;
}
.amshopby-subcategory .am-title {
margin-left: 5px;
padding: 20px 0;
}
.amshopby-subcategories-img {
display: inline;
vertical-align: middle;
}
div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-of-type {
overflow-y: auto;
}
.amshopby-cat-level-1.without-icon {
padding-left: 15px;
}
.v-badge {
position: fixed;
font: 13px/20px Arial;
color: rgb(255, 255, 255);
cursor: pointer;
z-index: 999;
background: rgb(17, 17, 17) none repeat scroll 0% 0%;
padding: 6px 11px 2px;
box-shadow: rgb(0, 0, 0) 0px 0px 3px;
}
.v-badge.badge-bar-v-top{
top: 0;
left: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.v-badge.badge-bar-v-bottom{
bottom: 0;
left: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.v-badge.badge-popup-v-bottom-right{
bottom: 0;
right: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.v-badge.badge-popup-v-bottom-left{
bottom: 0;
left: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.v-badge.badge-popup-v-top-right{
top: 0;
right: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.v-badge.badge-popup-v-top-left{
top: 0;
left: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#m-cookienotice {
overflow: hidden;
color: #444;
z-index: 9999;
font-size: 13px;
}
#m-cookienotice .m-message {
padding: 5px 10px;
}
#m-cookienotice .m-actions {
}
#m-cookienotice .m-button {
margin-top: 10px;
display: inline-block;
border: 1px solid #d4d4d4;
padding: 4px 8px;
text-decoration: none;
border-radius: 2px;
}
#m-cookienotice .m-button.m-accept:before {
content: "\2714";
}
#m-cookienotice .m-button:hover,
#m-cookienotice .m-button:focus {
color: #fff;
}
#m-cookienotice .m-button:active {
}
#message-custom-css {
float: left;
}
#action-custom-css {
float: right;
margin-top: 0;
}
#m-cookienotice.v-bar {
width: 100%;
padding: 5px 0;
}
#m-cookienotice.v-bar .m-actions {
vertical-align: middle;
padding-right: 10px;
text-align: center;
}
/*#m-cookienotice.v-bar.v-top { position: relative; }*/
#m-cookienotice.v-bar.v-top {
position: absolute;
top: 0;
}
#m-cookienotice.v-bar.v-bottom {
position: fixed;
bottom: 0;
}
#m-cookienotice.v-box {
position: fixed;
max-width: 350px;
border-radius: 3px;
margin: 10px;
}
#m-cookienotice.v-box .m-actions {
float: left;
margin: 5px 10px;
}
#m-cookienotice.v-box.v-top-left {
top: 0;
left: 0;
}
#m-cookienotice.v-box.v-top-right {
top: 0;
right: 0;
}
#m-cookienotice.v-box.v-center {
top: 35%;
right: 40%;
}
#m-cookienotice.v-box.v-bottom-left {
bottom: 0;
left: 0;
}
#m-cookienotice.v-box.v-bottom-right {
bottom: 0;
right: 0;
}
@media (max-width: 980px) {
#message-custom-css {
float: left;
}
#action-custom-css {
float: right;
margin-top: 0;
}
}
/* RWD */
@media (max-width: 360px) {
#m-cookienotice.v-box {
width: 100% !important;
padding: 5px 0 0;
position: fixed;
bottom: 0 !important;
top: auto !important;
max-width: 100%;
margin: 0;
border-radius: 0;
border-right: 0;
border-left: 0;
border-bottom: 0;
}
#m-cookienotice.v-box .m-actions {
vertical-align: middle;
width: 100%;
padding-right: 10px;
text-align: left;
}
#m-cookienotice .m-actions {
float: left;
margin: 5px 10px;
}
#m-cookienotice.v-bar .m-actions {
width: auto;
}
}
/* Skin - Yellow Alert */
/* Skin - Dark Clean */
#m-cookienotice.v-dark-clean {
color: #fff;
border-color: #55575f !important;
}
#m-cookienotice.v-dark-clean .m-button {
color: #fff;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
border-color: #3072b3;
border-bottom-color: #2a65a0;
}
#m-cookienotice.v-dark-clean .m-button:hover,
#m-cookienotice.v-dark-clean .m-button:focus {
background-color: #3678a0;
background-image: linear-gradient(#68abdc, #387cb3);
}
/* Skin - Custom Colors */
#m-cookienotice.v-custom-css {
color: #fff;
border-color: #55575f !important;
}
#m-cookienotice.v-custom-css .m-button {
color: #fff;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
border-color: #3072b3;
border-bottom-color: #2a65a0;
}
#m-cookienotice.v-custom-css .m-button:hover,
#m-cookienotice.v-custom-css .m-button:focus {
background-color: #3678a0;
background-image: linear-gradient(#68abdc, #387cb3);
}
/* Skin - Minimalist */
#m-cookienotice.v-minimalist {
color: #2c2c2c;
border-color: #e0e0e0 !important;
font-size: 11px;
font-family: Verdana;
}
#m-cookienotice.v-bar.v-minimalist {
padding: 2px 0;
}
#m-cookienotice.v-box.v-minimalist {
width: 260px;
}
#m-cookienotice.v-box.v-minimalist .m-actions {
margin: 5px;
}
#m-cookienotice.v-box.v-minimalist .m-message {
padding: 5px;
}
#m-cookienotice.v-minimalist .m-button {
padding: 3px 6px;
}
/* fonts */
/* variables */
/* mixin */
/* breakpoint */
.block-catalog-layer-view {
font-family: "Montserrat", sans-serif; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view {
margin: 30px 0;
box-shadow: 0 7px 15px 0 rgba(0, 147, 238, 0.2); } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view {
padding: 10px; } }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view .filter-title {
padding: 15px 20px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view .filter-title {
padding: 10px 0; } }
.block-catalog-layer-view .filter-title h2 {
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
text-shadow: 0 0 0 #000;
display: inline-block;
line-height: 1.42;
vertical-align: middle;
letter-spacing: -0.1px; }
.block-catalog-layer-view .trigger-filters {
color: #0093ee;
font-size: 14px;
font-weight: 500;
text-transform: lowercase;
cursor: pointer; }
.block-catalog-layer-view .trigger-filters:before {
content: "\e902";
display: inline-block;
font-size: 10px;
line-height: 2;
font-family: "secur"; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view .trigger-filters {
display: none; } }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view .active-filters {
display: none; } }
.block-catalog-layer-view dl.filters {
padding-bottom: 40px;
border-top: 1px solid #ddd; }
.block-catalog-layer-view dl.filters dt {
position: relative; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters dt {
padding: 20px 25px 10px 20px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters dt {
display: flex;
justify-content: space-between;
padding: 20px 0 10px 0; } }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters dt:first-child {
padding: 13px 20px 8px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters dt:first-child {
padding: 13px 0 8px; } }
.block-catalog-layer-view dl.filters dt h3 {
font-size: 12px;
letter-spacing: 0;
color: #0093ee;
line-height: 21px;
display: inline;
text-transform: uppercase; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters dt .info-popover {
display: inline-block;
position: absolute;
width: 15px;
height: 15px;
top: 25px;
right: 10px;
vertical-align: middle; } }
.block-catalog-layer-view dl.filters dt .info-popover:hover:before {
color: #0093ee; }
.block-catalog-layer-view dl.filters dt .info-popover:hover span {
display: block; }
.block-catalog-layer-view dl.filters dt .info-popover:before {
content: 'i';
display: block;
width: 14px;
height: 14px;
color: #0093ee;
font: 400 normal 10px/15px 'GothaPro', sans-serif;
border: 1px solid;
text-align: center;
border-radius: 50%;
cursor: pointer; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters dt .info-popover:before {
position: absolute; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters dt .info-popover:before {
position: relative;
top: 50%;
left: 0;
transform: translateY(-50%); } }
.block-catalog-layer-view dl.filters dt .info-popover span {
display: none;
padding: 15px 20px;
background-color: #fff;
border: 1px solid #b0b0b0;
z-index: 1;
box-shadow: 2px 2px 6px #b0b0b0;
font-style: normal;
font-size: 14px;
letter-spacing: -0.7px;
line-height: 1.71;
color: #000; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters dt .info-popover span {
left: 14px;
position: absolute;
width: 300px;
top: 14px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters dt .info-popover span {
position: absolute;
left: 50%;
transform: translate(-50%, 50%);
width: 95%;
top: 5px; } }
.block-catalog-layer-view dl.filters dt > div.sidebar-header {
display: flex;
flex-direction: row; }
.block-catalog-layer-view dl.filters dt > div.sidebar-header > div:first-child {
margin-right: .5rem; }
.block-catalog-layer-view dl.filters dt > div.sidebar-header > div:first-child button.toggle-visibility {
width: 1rem;
height: 1rem;
line-height: 0;
color: #0093ee;
background: none;
border: 0; }
.block-catalog-layer-view dl.filters dt > div.sidebar-header > div:first-child button.toggle-visibility > i {
font-size: 15px; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters dd ul {
padding: 0 10px 0 20px; } }
.block-catalog-layer-view dl.filters dd li:not(:last-child) {
padding-bottom: 9px; }
.block-catalog-layer-view dl.filters dd .range-filter {
padding: 0 20px 12px;
border-bottom: 1px solid #ddd; }
.block-catalog-layer-view dl.filters dd .range-filter .controller-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.block-catalog-layer-view dl.filters dd .range-filter .controller-filter label {
width: 49%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.block-catalog-layer-view dl.filters dd .range-filter .controller-filter label .label {
width: 30%; }
.block-catalog-layer-view dl.filters dd .range-filter .controller-filter label input[type="text"] {
width: 70%; }
.block-catalog-layer-view dl.filters dd.hidden {
display: none; }
.block-catalog-layer-view dl.filters input[type="checkbox"] {
display: none; }
.block-catalog-layer-view dl.filters input[type="checkbox"] + label {
display: block;
font-weight: 400;
position: relative;
color: #666;
text-shadow: 0 0 0 #666;
font-size: 12px;
cursor: pointer; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters input[type="checkbox"] + label {
min-height: 16px;
line-height: 16px;
padding-left: 26px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters input[type="checkbox"] + label {
min-height: 25px;
line-height: 25px;
padding-left: 35px; } }
.block-catalog-layer-view dl.filters input[type="checkbox"] + label span {
color: #999999; }
.block-catalog-layer-view dl.filters input[type="checkbox"] + label:hover {
color: #0093ee; }
.block-catalog-layer-view dl.filters input[type="checkbox"] + label:hover span {
color: #0093ee; }
.block-catalog-layer-view dl.filters input[type="checkbox"] + label:before {
content: ' ';
display: block;
position: absolute;
border: 1px solid #ddd;
background-color: #fff;
top: 0;
left: 0; }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters input[type="checkbox"] + label:before {
width: 16px;
height: 16px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters input[type="checkbox"] + label:before {
width: 25px;
height: 25px; } }
.block-catalog-layer-view dl.filters input[type="checkbox"]:checked + label {
color: #0093ee; }
.block-catalog-layer-view dl.filters input[type="checkbox"]:checked + label:before {
border-color: #0093ee;
background-color: #0093ee; }
.block-catalog-layer-view dl.filters input[type="checkbox"]:checked + label:after {
content: '';
top: 50%;
position: absolute;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%); }
@media only screen and (min-width: 771px) {
.block-catalog-layer-view dl.filters input[type="checkbox"]:checked + label:after {
left: 4px;
width: 6px;
height: 10px; } }
@media only screen and (max-width: 770px) {
.block-catalog-layer-view dl.filters input[type="checkbox"]:checked + label:after {
left: 7px;
width: 8px;
height: 11px; } }
.block-catalog-layer-view dl.filters .priceLimits {
padding-top: 0;
color: #333;
text-shadow: 0 0 0 #333;
text-transform: uppercase;
font-weight: 400;
font-size: 95%;
letter-spacing: -1px; }
.block-catalog-layer-view dl.filters .priceLimits:after {
content: ' ';
display: table;
clear: both; }
.block-catalog-layer-view dl.filters .priceLimits .price-from {
float: left; }
.block-catalog-layer-view dl.filters .priceLimits .price-to {
float: right; }
@media only screen and (min-width: 771px) {
.active-filters {
padding: 0 15px; } }
.active-filters .sidebar-title {
padding: 33px 10px 0 30px;
text-transform: uppercase;
font-size: 103%;
font-weight: 700;
letter-spacing: -1px;
color: #666;
line-height: 18px; }
.active-filters .clear-filters {
display: inline-block;
padding: 3px 30px 3px 10px;
border-radius: 25px;
border: 1px solid #d5d5d5;
font-family: "Montserrat", sans-serif;
color: #010101;
font-size: 14px;
line-height: 1.42;
font-weight: 400;
position: relative; }
.active-filters .clear-filters:after {
content: "\e90c";
display: inline-block;
font-size: 10px;
line-height: 2;
font-family: "secur";
color: #999999;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%); }
@media only screen and (min-width: 771px) {
.active-filters .clear-filters {
margin-right: 10px;
margin-bottom: 10px; } }
@media only screen and (max-width: 770px) {
.active-filters .clear-filters {
margin-right: 5px;
margin-bottom: 10px; } }
.active-filters .clear-all-filters > a {
font-family: "Montserrat", sans-serif;
color: #0093ee;
font-size: 14px;
font-weight: 400;
line-height: 1.42;
border-bottom: 1px dotted #0093ee; }
.c-filter {
border-bottom: 1px solid #E3E7E8; }
@media only screen and (min-width: 771px) {
.c-filter > * {
padding: 10px 20px; } }
@media only screen and (max-width: 770px) {
.c-filter > * {
padding: 10px 0; } }
.c-filter__actions {
border-top: 1px solid #E3E7E8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.c-filter__actions > *:not(:last-child) {
margin-right: 1rem; }
.c-filter__slider-values {
padding-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.c-labelled-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #000000; }
.c-labelled-input__label {
font-weight: 400; }
.c-labelled-input > *:not(input) {
margin-top: .1em;
width: 30%; }
.c-labelled-input input {
width: 70%;
height: 25px;
padding-top: .3em;
padding-bottom: .3em;
font-size: 14px;
color: #383A3F;
text-align: center;
border: 1px solid #d5d5d5;
margin-right: .5rem;
margin-left: .5rem;
font-weight: 400; }
.c-multi-slider__range {
-webkit-appearance: none;
background: transparent;
width: 100%;
z-index: 1; }
.c-multi-slider__range::-moz-focus-outer {
border: 0; }
.c-multi-slider__range:focus {
outline: 0; }
.c-multi-slider__range::-moz-range-track {
height: 3px;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
background: transparent;
border: 0;
border-radius: 0; }
.c-multi-slider__range::-moz-range-thumb {
background: #0093ee;
border-radius: 15px;
height: 15px;
width: 15px;
-webkit-transition: .1s color;
-o-transition: .1s color;
transition: .1s color;
border: 0; }
.c-multi-slider__range::-moz-range-thumb:hover, .c-multi-slider__range::-moz-range-thumb:active {
background: #0093ee; }
.c-multi-slider__range::-webkit-slider-runnable-track {
height: 3px;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
background: transparent;
border: 0;
border-radius: 0; }
.c-multi-slider__range::-webkit-slider-thumb {
background: #0093ee;
border-radius: 15px;
height: 15px;
width: 15px;
-webkit-transition: .1s color;
-o-transition: .1s color;
transition: .1s color;
-webkit-appearance: none;
margin-top: -6.5px;
z-index: 1; }
.c-multi-slider__range::-webkit-slider-thumb:hover, .c-multi-slider__range::-webkit-slider-thumb:active {
background: #0093ee; }
.c-multi-slider__range--background {
z-index: -1; }
.c-multi-slider__range--background::-webkit-slider-runnable-track {
background: var(--range-track-gradient); }
.c-multi-slider__range--background::-moz-range-track {
background: var(--range-track-gradient); }
.c-multi-slider {
--range-bg-color: #E3E7E8;
--range-fg-color: #0093ee;
position: relative; }
.c-multi-slider > * {
position: absolute;
top: 0;
left: 0;
margin: 0; }
.productlanding-page-view .block-catalog-layer-view .filter-title {
color: #000; }
.productlanding-page-view .block-catalog-layer-view dl.filters {
border: none; }
.productlanding-page-view .block-catalog-layer-view dl.filters dt h3 {
font-size: 12px;
letter-spacing: 0;
color: #0093ee;
line-height: 21px;
display: inline;
text-transform: uppercase; }
.productlanding-page-view .block-catalog-layer-view dl.filters dt:first-child {
padding: 13px 20px 8px; }
.productlanding-page-view .block-catalog-layer-view dl.filters dd .subcategories {
border-bottom: 1px solid #ddd;
padding-bottom: 14px; }
.productlanding-page-view .block-catalog-layer-view dl.filters dd ul li a {
color: #000;
line-height: 24px; }
.productlanding-page-view .block-catalog-layer-view dl.filters dd ul li a:hover {
color: #0093ee; }
.productlanding-page-view .block-catalog-layer-view dl.filters dd:only-of-type .subcategories {
border-bottom: none; }
@media only screen and (max-width: 770px) {
.c-filter .c-filter__slider-values {
justify-content: flex-start; }
.c-filter .c-filter__slider-values .c-labelled-input .c-labelled-input__input {
border-radius: 0;
width: 80px; } }
/*# sourceMappingURL=catalogfilter.css.map */
@-ms-viewport {
width: device-width; }
body {
overflow-y: scroll;
-ms-overflow-style: scrollbar; }
#sidebar-cart {
position: fixed;
right: 0;
top: 140px;
z-index: 6; }
@media only screen and (max-width: 480px) {
#sidebar-cart {
left: 0;
padding: 0 20px; } }
#sidebar-cart .sidebar-cart-item {
background: #fff;
width: 400px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition: 0.5s linear;
margin-right: -400px;
opacity: 0; }
@media only screen and (max-width: 480px) {
#sidebar-cart .sidebar-cart-item {
width: 100%;
margin: 0 auto; } }
#sidebar-cart .sidebar-cart-item .sdi-title {
color: #fff;
background-color: #0093EE;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-weight: 500; }
#sidebar-cart .sidebar-cart-item .sdi-title:before {
content: ' ';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDIxIDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE5LjY3MSwxaC0zLjgwOWMtMC4xNywwLTAuMzE1LDAuMTE5LTAuMzQ5LDAuMjg1TDE0Ljk0NCw0LjA5DQoJYy0wLjA0Mi0wLjAxNy0wLjA4OC0wLjAyOC0wLjEzNi0wLjAyOEgxLjY0NGMtMC4xMTYsMC0wLjIyNCwwLjA1Ni0wLjI5MSwwLjE1QzEuMjg2LDQuMzA3LDEuMjY5LDQuNDI4LDEuMzA3LDQuNTM3bDIuMjYxLDYuNDA4DQoJYzAuMDUsMC4xNDIsMC4xODUsMC4yMzgsMC4zMzYsMC4yMzhoOS42MDFsLTAuMzQsMS42NzhINS4wODljLTAuODU2LDAtMS41NTIsMC42OTYtMS41NTIsMS41NTJzMC42OTYsMS41NTIsMS41NTIsMS41NTINCglzMS41NTItMC42OTYsMS41NTItMS41NTJjMC0wLjMxLTAuMDkzLTAuNTk3LTAuMjUtMC44MzloNS40NjZjLTAuMTU3LDAuMjQyLTAuMjUsMC41My0wLjI1LDAuODM5YzAsMC44NTYsMC42OTYsMS41NTIsMS41NTIsMS41NTINCglzMS41NTItMC42OTYsMS41NTItMS41NTJjMC0wLjYwMy0wLjM0OS0xLjEyLTAuODUyLTEuMzc3bDIuMjk2LTExLjMyM2gzLjUxN2MwLjE5NywwLDAuMzU2LTAuMTYsMC4zNTYtMC4zNTZTMTkuODY3LDEsMTkuNjcxLDF6DQoJIE0xMy41OTgsMTAuNDdINC4xNTZMMi4xNDcsNC43NzVoMTIuNjU4bC0xLjE1Nyw1LjcwNkMxMy42MzEsMTAuNDc4LDEzLjYxNSwxMC40NywxMy41OTgsMTAuNDd6Ii8+DQo8L3N2Zz4NCg==) no-repeat 5px 0px;
width: 30px;
height: 16px;
display: inline-block; }
#sidebar-cart .sidebar-cart-item .sdi-title .sdi-close {
/*background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY3Jvc3MiPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9IjYxMiwzNi4wMDQgNTc2LjUyMSwwLjYwMyAzMDYsMjcwLjYwOCAzNS40NzgsMC42MDMgMCwzNi4wMDQgMjcwLjUyMiwzMDYuMDExIDAsNTc1Ljk5NyAzNS40NzgsNjExLjM5NyAgICAgIDMwNiwzNDEuNDExIDU3Ni41MjEsNjExLjM5NyA2MTIsNTc1Ljk5NyAzNDEuNDU5LDMwNi4wMTEgICAgIiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat center;*/
background: url(https://secur.ua/skin/frontend/secur/v1/images/ajaxcart/cross-out.png) no-repeat center;
width: 12px;
height: 12px;
display: inline-block;
margin-left: 110px;
cursor: pointer; }
#sidebar-cart .sidebar-cart-item .sdi-content {
padding: 10px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap {
display: flex;
padding-top: 10px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .old-price {
height: 27px;
line-height: 27px;
background-color: #FF6863;
color: #fff;
padding-left: 10px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .old-price .price {
position: relative; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .old-price .price::before {
content: ' ';
display: block;
position: absolute;
left: 0px;
right: 30px;
border-bottom: 1px solid #ffffff;
top: 8px;
width: 100%; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .left {
margin-right: 10px; }
@media only screen and (max-width: 480px) {
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .left {
max-width: 90px;
margin-right: 10px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .left img {
display: block;
max-width: 100%;
height: auto; } }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .item-title {
font-weight: 400;
font-size: 12px;
margin-bottom: 5px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .price-box .regular-price,
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .price-box .special-price {
display: block;
width: 100%;
padding-left: 10px;
float: left;
height: 32px;
line-height: 32px;
font-size: 18px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .price-box .regular-price .tail,
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .price-box .special-price .tail {
font-size: 11px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .button {
height: 32px;
border: 2px solid #0093EE;
color: #0093EE;
cursor: pointer;
text-transform: uppercase;
box-shadow: 0 0 0 transparent;
font: 400 16px "GothaPro", sans-serif;
background-color: #fff;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
display: inline-block;
line-height: 32px;
text-decoration: none;
padding: 0 5px 0 0;
width: 100%;
margin-top: 15px; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .button:before {
content: ' ';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDIxIDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzM2OEJDQiIgc3Ryb2tlPSIjMzY4QkNCIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xOS42NzEsMWgtMy44MDljLTAuMTcsMC0wLjMxNSwwLjExOS0wLjM0OSwwLjI4NUwxNC45NDQsNC4wOQ0KCQkJYy0wLjA0Mi0wLjAxNy0wLjA4OC0wLjAyOC0wLjEzNi0wLjAyOEgxLjY0NGMtMC4xMTYsMC0wLjIyNCwwLjA1Ni0wLjI5MSwwLjE1QzEuMjg2LDQuMzA3LDEuMjY5LDQuNDI4LDEuMzA3LDQuNTM3bDIuMjYxLDYuNDA4DQoJCQljMC4wNSwwLjE0MiwwLjE4NSwwLjIzOCwwLjMzNiwwLjIzOGg5LjYwMWwtMC4zNCwxLjY3OEg1LjA4OWMtMC44NTYsMC0xLjU1MiwwLjY5Ni0xLjU1MiwxLjU1MnMwLjY5NiwxLjU1MiwxLjU1MiwxLjU1Mg0KCQkJczEuNTUyLTAuNjk2LDEuNTUyLTEuNTUyYzAtMC4zMS0wLjA5My0wLjU5Ny0wLjI1LTAuODM5aDUuNDY2Yy0wLjE1NywwLjI0Mi0wLjI1LDAuNTMtMC4yNSwwLjgzOQ0KCQkJYzAsMC44NTYsMC42OTYsMS41NTIsMS41NTIsMS41NTJzMS41NTItMC42OTYsMS41NTItMS41NTJjMC0wLjYwMy0wLjM0OS0xLjEyLTAuODUyLTEuMzc3bDIuMjk2LTExLjMyM2gzLjUxNw0KCQkJYzAuMTk3LDAsMC4zNTYtMC4xNiwwLjM1Ni0wLjM1NlMxOS44NjcsMSwxOS42NzEsMXogTTEzLjU5OCwxMC40N0g0LjE1NkwyLjE0Nyw0Ljc3NWgxMi42NThsLTEuMTU3LDUuNzA2DQoJCQlDMTMuNjMxLDEwLjQ3OCwxMy42MTUsMTAuNDcsMTMuNTk4LDEwLjQ3eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat 5px 0px;
width: 30px;
height: 17px;
display: inline-block; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .button:hover {
color: #fff;
background: #0093EE; }
#sidebar-cart .sidebar-cart-item .sdi-content .product-wrap .right .button:hover:before {
content: ' ';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDIxIDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE5LjY3MSwxaC0zLjgwOWMtMC4xNywwLTAuMzE1LDAuMTE5LTAuMzQ5LDAuMjg1TDE0Ljk0NCw0LjA5DQoJYy0wLjA0Mi0wLjAxNy0wLjA4OC0wLjAyOC0wLjEzNi0wLjAyOEgxLjY0NGMtMC4xMTYsMC0wLjIyNCwwLjA1Ni0wLjI5MSwwLjE1QzEuMjg2LDQuMzA3LDEuMjY5LDQuNDI4LDEuMzA3LDQuNTM3bDIuMjYxLDYuNDA4DQoJYzAuMDUsMC4xNDIsMC4xODUsMC4yMzgsMC4zMzYsMC4yMzhoOS42MDFsLTAuMzQsMS42NzhINS4wODljLTAuODU2LDAtMS41NTIsMC42OTYtMS41NTIsMS41NTJzMC42OTYsMS41NTIsMS41NTIsMS41NTINCglzMS41NTItMC42OTYsMS41NTItMS41NTJjMC0wLjMxLTAuMDkzLTAuNTk3LTAuMjUtMC44MzloNS40NjZjLTAuMTU3LDAuMjQyLTAuMjUsMC41My0wLjI1LDAuODM5YzAsMC44NTYsMC42OTYsMS41NTIsMS41NTIsMS41NTINCglzMS41NTItMC42OTYsMS41NTItMS41NTJjMC0wLjYwMy0wLjM0OS0xLjEyLTAuODUyLTEuMzc3bDIuMjk2LTExLjMyM2gzLjUxN2MwLjE5NywwLDAuMzU2LTAuMTYsMC4zNTYtMC4zNTZTMTkuODY3LDEsMTkuNjcxLDF6DQoJIE0xMy41OTgsMTAuNDdINC4xNTZMMi4xNDcsNC43NzVoMTIuNjU4bC0xLjE1Nyw1LjcwNkMxMy42MzEsMTAuNDc4LDEzLjYxNSwxMC40NywxMy41OTgsMTAuNDd6Ii8+DQo8L3N2Zz4NCg==) no-repeat 5px 0px;
width: 30px;
height: 17px; }
#sidebar-cart .animate-in {
margin-right: 0px;
opacity: 1; }
#sidebar-cart .slideDownUp {
animation-name: slideDownUp;
-webkit-animation-name: slideDownUp;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important; }
@keyframes slideDownUp {
/* 0% {
transform: translateY(0px);
}*/
10% {
transform: translateY(50px); }
100% {
transform: translateY(-600px);
opacity: 0;
display: none; } }
@-webkit-keyframes slideDownUp {
/* 0% {
-webkit-transform: translateY(0px);
}*/
10% {
-webkit-transform: translateY(50px); }
100% {
-webkit-transform: translateY(-600px);
opacity: 0; } }
/*# sourceMappingURL=sidebar.css.map */
/* fonts */
/* variables */
/* mixin */
/* breakpoint */
.product-wrap .badges-container, .product .badges-container, figure .badges-container {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%; }
.product-wrap .badges-container .badges, .product .badges-container .badges, figure .badges-container .badges {
color: #fff;
text-align: left;
height: 30px;
margin-bottom: 10px;
position: relative;
z-index: 2;
width: 140px; }
.product-wrap .badges-container .badges.preview-badge, .product .badges-container .badges.preview-badge, figure .badges-container .badges.preview-badge {
width: 100%;
position: absolute;
top: 0; }
.product-wrap .badges-container .badges:last-child, .product .badges-container .badges:last-child, figure .badges-container .badges:last-child {
margin-bottom: 0; }
.product-wrap .badges-container .badges .badge-inner, .product .badges-container .badges .badge-inner, figure .badges-container .badges .badge-inner {
position: absolute;
z-index: 2;
width: 100%;
height: 30px;
padding-left: 15px; }
.product-wrap .badges-container .badges .badge-inner.badge-preview-badge img, .product .badges-container .badges .badge-inner.badge-preview-badge img, figure .badges-container .badges .badge-inner.badge-preview-badge img {
position: absolute;
width: 60px !important;
height: 60px !important;
margin: 0 !important;
padding: 0;
right: 4px;
top: 4px; }
.product-wrap .badges-container .badges .badge-inner.badge-preview-badge__present img, .product .badges-container .badges .badge-inner.badge-preview-badge__present img, figure .badges-container .badges .badge-inner.badge-preview-badge__present img {
position: absolute;
right: 23px;
top: 63px;
width: 24px !important;
margin: 0 !important;
padding: 0; }
.product-wrap .badges-container .badges .badge-try, .product .badges-container .badges .badge-try, figure .badges-container .badges .badge-try {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 20px 0 20px;
border-color: #FF6863 transparent transparent transparent;
position: absolute;
right: -20px;
z-index: 1; }
.product-wrap .badges-container .badges.badge-action .badge-inner, .product .badges-container .badges.badge-action .badge-inner, figure .badges-container .badges.badge-action .badge-inner {
background-color: #FF6863; }
.product-wrap .badges-container .badges.badge-action .badge-inner .badge-title, .product .badges-container .badges.badge-action .badge-inner .badge-title, figure .badges-container .badges.badge-action .badge-inner .badge-title {
color: black; }
.product-wrap .badges-container .badges.badge-action.badge-top-sales .badge-inner, .product .badges-container .badges.badge-action.badge-top-sales .badge-inner, figure .badges-container .badges.badge-action.badge-top-sales .badge-inner {
background: #8FDA49; }
.product-wrap .badges-container .badges.badge-action.badge-top-sales .badge-inner .badge-title, .product .badges-container .badges.badge-action.badge-top-sales .badge-inner .badge-title, figure .badges-container .badges.badge-action.badge-top-sales .badge-inner .badge-title {
color: black; }
.product-wrap .badges-container .badges.badge-action.badge-top-sales .badge-try, .product .badges-container .badges.badge-action.badge-top-sales .badge-try, figure .badges-container .badges.badge-action.badge-top-sales .badge-try {
border-color: #8FDA49 transparent transparent transparent; }
.product-wrap .badges-container .badges.badge-action.badge-sale .badge-inner, .product .badges-container .badges.badge-action.badge-sale .badge-inner, figure .badges-container .badges.badge-action.badge-sale .badge-inner {
background: #F7DF01; }
.product-wrap .badges-container .badges.badge-action.badge-sale .badge-inner .badge-title, .product .badges-container .badges.badge-action.badge-sale .badge-inner .badge-title, figure .badges-container .badges.badge-action.badge-sale .badge-inner .badge-title {
color: black; }
.product-wrap .badges-container .badges.badge-action.badge-sale .badge-try, .product .badges-container .badges.badge-action.badge-sale .badge-try, figure .badges-container .badges.badge-action.badge-sale .badge-try {
border-color: #F7DF01 transparent transparent transparent; }
.product-wrap .badges-container .badge-new, .product .badges-container .badge-new, figure .badges-container .badge-new {
width: 100px;
background-color: #00BCFF; }
.product-wrap .badges-container .badge-title, .product .badges-container .badge-title, figure .badges-container .badge-title {
color: #ffffff;
font: 400 13px/32px "GothaPro", sans-serif;
text-transform: uppercase;
box-sizing: border-box;
padding: 0 7px; }
.product-img-box {
position: relative; }
.product-img-box .badge-title {
color: #ffffff;
font: 400 13px/32px "GothaPro", sans-serif;
text-transform: uppercase;
box-sizing: border-box;
padding: 0 7px; }
.product-img-box .badges-container {
position: absolute;
left: 0;
top: 20px;
z-index: 2;
width: 400px; }
@media only screen and (max-width: 770px) {
.product-img-box .badges-container {
left: calc((100% - 400px) / 2);
top: 15px; } }
@media only screen and (max-width: 450px) {
.product-img-box .badges-container {
max-width: 100%;
left: 0; } }
.product-img-box .badges {
display: block;
color: #fff;
text-align: left;
height: 30px;
margin-bottom: 10px;
position: relative;
z-index: 2;
width: 140px; }
.product-img-box .badges.preview-badge {
width: 100%;
top: 0;
height: fit-content;
position: absolute; }
.product-img-box .badges:last-child {
margin-bottom: 0; }
.product-img-box .badges .badge-inner {
position: absolute;
z-index: 2;
width: 100%;
height: 30px;
padding-left: 15px; }
.product-img-box .badges .badge-inner.badge-preview-badge img {
position: absolute;
right: 5px;
top: 5px;
width: 70px;
height: 70px; }
@media only screen and (max-width: 450px) {
.product-img-box .badges .badge-inner.badge-preview-badge img {
width: 60px;
height: 60px; } }
.product-img-box .badges .badge-inner.badge-preview-badge__present img {
position: absolute;
top: 80px;
right: 27px;
width: 27px; }
@media only screen and (max-width: 450px) {
.product-img-box .badges .badge-inner.badge-preview-badge__present img {
right: 23px;
top: 70px;
width: 24px;
height: 28px; } }
.product-img-box .badges .badge-try {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 20px 0 20px;
border-color: #FF6863 transparent transparent transparent;
position: absolute;
right: -20px;
z-index: 1; }
.product-img-box .badges.badge-action .badge-inner {
background-color: #FF6863; }
.product-img-box .badges.badge-action .badge-inner .badge-title {
color: black; }
.product-img-box .badges.badge-action.badge-top-sales .badge-inner {
background: #8FDA49; }
.product-img-box .badges.badge-action.badge-top-sales .badge-inner .badge-title {
color: black; }
.product-img-box .badges.badge-action.badge-top-sales .badge-try {
border-color: #8FDA49 transparent transparent transparent; }
.product-img-box .badges.badge-action.badge-sale .badge-inner {
background: #F7DF01; }
.product-img-box .badges.badge-action.badge-sale .badge-inner .badge-title {
color: black; }
.product-img-box .badges.badge-action.badge-sale .badge-try {
border-color: #F7DF01 transparent transparent transparent; }
.autocomplete-image .badges {
position: absolute;
top: 0;
right: 0;
height: 16px;
text-transform: uppercase;
color: #ffffff;
padding: 0 3px; }
.autocomplete-image .badges .badge-title {
font-size: 60%;
line-height: 16px;
vertical-align: middle;
display: block; }
.autocomplete-image .badges.badge-new {
background-color: #00BCFF; }
.autocomplete-image .badges.badge-action {
background-color: #FF6863; }
.news-index-view .popular-items .product-wrap .badge-new, .blog-post-view .popular-items .product-wrap .badge-new {
left: 0 !important; }
.news-index-view .popular-items .product-wrap .badge-action, .blog-post-view .popular-items .product-wrap .badge-action {
right: 64% !important;
padding: 0 7px !important; }
@media only screen and (max-width: 640px) {
.product-wrap .badges {
height: 20px;
margin-bottom: 5px;
width: 100px; }
.product-wrap .badges .badge-inner {
height: 20px;
padding-left: 10px; }
.product-wrap .badges .badge-inner .badge-title {
font: 400 10px/20px "GothaPro", sans-serif; }
.product-wrap .badges .badge-try {
content: '';
border-width: 20px 10px 0 10px;
right: -10px; }
.product-img-box .badges-container {
top: 15px; }
.product-img-box .badges {
height: 20px;
margin-bottom: 5px;
width: 100px; }
.product-img-box .badges .badge-inner {
height: 20px;
padding-left: 10px; }
.product-img-box .badges .badge-inner .badge-title {
font: 400 10px/20px "GothaPro", sans-serif; }
.product-img-box .badges .badge-try {
content: '';
border-width: 20px 10px 0 10px;
right: -10px; } }
/*# sourceMappingURL=badges.css.map */
/*! jQuery UI - v1.12.1 - 2019-04-09
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
/*# sourceMappingURL=slick.css.map */
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
height: 13px; }
div.pp_default .pp_top .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) -78px -93px no-repeat; }
div.pp_default .pp_top .pp_middle {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite_x.png) top left repeat-x; }
div.pp_default .pp_top .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) -112px -93px no-repeat; }
div.pp_default .pp_content .ppt {
color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px; }
div.pp_default .pp_content_container .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px; }
div.pp_default .pp_next:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer; }
div.pp_default .pp_previous:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer; }
div.pp_default .pp_expand {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px; }
div.pp_default .pp_expand:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer; }
div.pp_default .pp_contract {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px; }
div.pp_default .pp_contract:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer; }
div.pp_default .pp_close {
width: 30px;
height: 30px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer; }
div.pp_default .pp_gallery ul li a {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaa; }
div.pp_default .pp_social {
margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
position: static;
left: auto; }
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height: 30px;
width: 30px; }
div.pp_default .pp_nav .pp_pause {
background-position: -51px -29px; }
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
width: 20px;
margin: 4px 0 0; }
div.pp_default a.pp_arrow_next {
left: 52px;
background-position: -82px -3px; }
div.pp_default .pp_content_container .pp_details {
margin-top: 5px; }
div.pp_default .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative; }
div.pp_default .pp_nav .currentTextHolder {
font-family: Georgia;
font-style: italic;
color: #999;
font-size: 11px;
left: 75px;
line-height: 25px;
position: absolute;
top: 2px;
margin: 0;
padding: 0 0 0 10px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
opacity: 0.7; }
div.pp_default .pp_description {
font-size: 11px;
font-weight: 700;
line-height: 14px;
margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) -78px -127px no-repeat; }
div.pp_default .pp_bottom .pp_middle {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite_x.png) bottom left repeat-x; }
div.pp_default .pp_bottom .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/sprite.png) -112px -127px no-repeat; }
div.pp_default .pp_loaderIcon {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/default/loader.gif) center center no-repeat; }
div.light_rounded .pp_top .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; }
div.light_rounded .pp_top .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; }
div.light_rounded .pp_next:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor: pointer; }
div.light_rounded .pp_previous:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer; }
div.light_rounded .pp_expand {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer; }
div.light_rounded .pp_expand:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer; }
div.light_rounded .pp_contract {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer; }
div.light_rounded .pp_contract:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer; }
div.light_rounded .pp_close {
width: 75px;
height: 22px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer; }
div.light_rounded .pp_nav .pp_play {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px; }
div.light_rounded .pp_nav .pp_pause {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px; }
div.light_rounded .pp_arrow_previous {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; }
div.light_rounded .pp_arrow_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; }
div.light_rounded .pp_bottom .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; }
div.light_rounded .pp_bottom .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; }
div.dark_rounded .pp_top .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; }
div.dark_rounded .pp_top .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; }
div.dark_rounded .pp_content_container .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; }
div.dark_rounded .pp_content_container .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; }
div.dark_rounded .pp_next:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
cursor: pointer; }
div.dark_rounded .pp_previous:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer; }
div.dark_rounded .pp_expand {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer; }
div.dark_rounded .pp_expand:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer; }
div.dark_rounded .pp_contract {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer; }
div.dark_rounded .pp_contract:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer; }
div.dark_rounded .pp_close {
width: 75px;
height: 22px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer; }
div.dark_rounded .pp_description {
margin-right: 85px;
color: #fff; }
div.dark_rounded .pp_nav .pp_play {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px; }
div.dark_rounded .pp_nav .pp_pause {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px; }
div.dark_rounded .pp_arrow_previous {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; }
div.dark_rounded .pp_arrow_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; }
div.dark_rounded .pp_bottom .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; }
div.dark_rounded .pp_bottom .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; }
div.dark_rounded .pp_loaderIcon {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
background: #000; }
div.dark_square .pp_description {
color: #fff;
margin: 0 85px 0 0; }
div.dark_square .pp_loaderIcon {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/loader.gif) center center no-repeat; }
div.dark_square .pp_expand {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
cursor: pointer; }
div.dark_square .pp_expand:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
cursor: pointer; }
div.dark_square .pp_contract {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
cursor: pointer; }
div.dark_square .pp_contract:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
cursor: pointer; }
div.dark_square .pp_close {
width: 75px;
height: 22px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
cursor: pointer; }
div.dark_square .pp_nav {
clear: none; }
div.dark_square .pp_nav .pp_play {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px; }
div.dark_square .pp_nav .pp_pause {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px; }
div.dark_square .pp_arrow_previous {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; }
div.dark_square .pp_arrow_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; }
div.dark_square .pp_next:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
cursor: pointer; }
div.dark_square .pp_previous:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
cursor: pointer; }
div.light_square .pp_expand {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
cursor: pointer; }
div.light_square .pp_expand:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
cursor: pointer; }
div.light_square .pp_contract {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
cursor: pointer; }
div.light_square .pp_contract:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
cursor: pointer; }
div.light_square .pp_close {
width: 75px;
height: 22px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
cursor: pointer; }
div.light_square .pp_nav .pp_play {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px; }
div.light_square .pp_nav .pp_pause {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px; }
div.light_square .pp_arrow_previous {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; }
div.light_square .pp_arrow_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; }
div.light_square .pp_next:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor: pointer; }
div.light_square .pp_previous:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor: pointer; }
div.facebook .pp_top .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; }
div.facebook .pp_top .pp_middle {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; }
div.facebook .pp_top .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; }
div.facebook .pp_content_container .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; }
div.facebook .pp_content_container .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; }
div.facebook .pp_expand {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
cursor: pointer; }
div.facebook .pp_expand:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
cursor: pointer; }
div.facebook .pp_contract {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
cursor: pointer; }
div.facebook .pp_contract:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
cursor: pointer; }
div.facebook .pp_close {
width: 22px;
height: 22px;
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
cursor: pointer; }
div.facebook .pp_description {
margin: 0 37px 0 0; }
div.facebook .pp_loaderIcon {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/loader.gif) center center no-repeat; }
div.facebook .pp_arrow_previous {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px; }
div.facebook .pp_arrow_previous.disabled {
background-position: 0 -96px;
cursor: default; }
div.facebook .pp_arrow_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px; }
div.facebook .pp_arrow_next.disabled {
background-position: -32px -96px;
cursor: default; }
div.facebook .pp_nav {
margin-top: 0; }
div.facebook .pp_nav p {
font-size: 15px;
padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
height: 22px;
width: 22px; }
div.facebook .pp_nav .pp_pause {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
height: 22px;
width: 22px; }
div.facebook .pp_next:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/btnNext.png) center right no-repeat;
cursor: pointer; }
div.facebook .pp_previous:hover {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
cursor: pointer; }
div.facebook .pp_bottom .pp_left {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; }
div.facebook .pp_bottom .pp_middle {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; }
div.facebook .pp_bottom .pp_right {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }
div.pp_pic_holder a:focus {
outline: none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500; }
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000; }
.pp_content {
height: 40px;
min-width: 40px; }
* html .pp_content {
width: 40px; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%; }
.pp_content_container .pp_left {
padding-left: 20px; }
.pp_content_container .pp_right {
padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px; }
.pp_description {
display: none;
margin: 0; }
.pp_social {
float: left;
margin: 0; }
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 100px;
overflow: hidden; }
.pp_social .twitter {
float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0; }
.pp_nav p {
float: left;
white-space: nowrap;
margin: 2px 4px; }
.pp_nav .pp_play, .pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px; }
a.pp_arrow_previous, a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px; }
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000; }
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000; }
.pp_gallery div {
float: left;
overflow: hidden;
position: relative; }
.pp_gallery ul {
float: left;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0; }
.pp_gallery ul a {
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden; }
.pp_gallery ul a img {
border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0; }
.pp_gallery li.default a {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px; }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
margin-top: 7px !important; }
a.pp_next {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%; }
a.pp_previous {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%; }
a.pp_expand, a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000; }
a.pp_close {
position: absolute;
right: 0;
top: 0;
display: block;
line-height: 22px;
text-indent: -10000px; }
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
width: 24px;
margin: -12px 0 0 -12px; }
#pp_full_res {
line-height: 1 !important; }
#pp_full_res .pp_inline {
text-align: left; }
#pp_full_res .pp_inline p {
margin: 0 0 15px; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
z-index: 9999;
margin: 0 0 5px 15px; }
div.pp_default .pp_content, div.light_rounded .pp_content {
background-color: #fff; }
div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
color: #000; }
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
border-color: #fff; }
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
position: relative; }
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
background: #fff; }
div.light_rounded .pp_description, div.light_square .pp_description {
margin-right: 85px; }
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
margin-top: 12px !important; }
div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default; }
div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default; }
div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }
div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
background: url(https://secur.ua/skin/frontend/secur/v1/images/igallery/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
color: #c4c4c4; }
div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
color: #fff; }
.pp_top, .pp_bottom {
height: 20px;
position: relative; }
* html .pp_top, * html .pp_bottom {
padding: 0 20px; }
.pp_top .pp_left, .pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px; }
.pp_top .pp_middle, .pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px; }
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
left: 0;
position: static; }
.pp_top .pp_right, .pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px; }
.pp_fade, .pp_gallery li.default a img {
display: none; }
/*# sourceMappingURL=prettyPhoto.css.map */
/* fonts */
/* variables */
/* mixin */
/* breakpoint */
.my-igallery-grid {
background-color: #FAFAFA;
padding-bottom: 80px;
position: relative; }
.my-igallery-grid .item a {
background: url("https://secur.ua/skin/frontend/secur/v1/images/igallery/portfolio-hover.png") no-repeat transparent center center;
display: block; }
.my-igallery-grid .slick-list {
overflow: hidden; }
.my-igallery-grid .slick-slide {
border: 1px solid #D9D9D9; }
.my-igallery-grid button {
color: #0093EE;
display: block;
width: 30px;
height: 30px;
font: 0px/0 a;
border: 1px solid;
border-radius: 50%;
background-color: transparent;
position: absolute;
bottom: 26px; }
.my-igallery-grid button:hover {
color: #A8AEB2; }
.my-igallery-grid button:after {
content: ' ';
display: block;
position: absolute;
border-style: solid;
border-width: 1px 1px 0 0;
width: 9px;
height: 9px;
top: 50%;
left: 50%;
margin: -3px 0 0 -6px; }
.my-igallery-grid button.slick-prev {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 50%;
margin-left: -80px; }
.my-igallery-grid button.slick-next {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 50%;
margin-right: -80px; }
.my-igallery-grid .slick-dots {
font-size: 1.3em;
line-height: 30px;
position: absolute;
bottom: 26px;
right: 50%;
color: #A8AEB2;
margin-right: -20px; }
.my-igallery-grid .slick-dots li:not(.slick-active) {
display: none; }
/*# sourceMappingURL=styles.css.map */
/*# sourceMappingURL=request.css.map */
/*# sourceMappingURL=sociallink.css.map */
/* fonts */
/* variables */
/* mixin */
/* breakpoint */
.list-items-wrap {
padding: 10px 0; }
.popular-items-slider-wrap {
position: relative; }
.product-wrap {
padding-top: 40px; }
.blog-post-view .product-wrap,
.news-index-view .product-wrap {
padding-top: 0; }
.popular-items {
width: 1170px;
margin: 0 auto;
padding: 52px 0 0 0; }
.popular-items h2 {
font: 300 32px "GothaPro", sans-serif;
color: #333333;
padding-bottom: 40px;
text-transform: uppercase; }
.popular-items .list-items {
padding: 0 4px 0 0; }
.popular-items .list-items > li {
box-shadow: 0 0 7px 1px rgba(51, 51, 51, 0.3);
position: relative;
width: 215px;
float: left;
overflow: hidden; }
.popular-items .list-items > li:hover .block-top {
opacity: 1; }
.popular-items .list-items > li:hover button:not(:disabled) {
background-color: #fff;
color: #0093EE;
border-color: #0093EE; }
.popular-items .list-items > li:after {
content: ' ';
display: table;
clear: both; }
.popular-items .list-items > li .label {
position: absolute;
top: 0;
right: 0;
color: #ffffff;
font: 400 16px/32px "GothaPro", sans-serif;
text-transform: uppercase;
height: 32px;
text-align: center; }
.popular-items .list-items > li:not(:last-child) {
margin: 0 18px 0 4px; }
.popular-items .list-items > li img {
display: block;
width: 90%;
height: auto;
margin: 0 auto; }
.popular-items .list-items > li .product-title {
height: 87px;
background-color: #F7F7F7;
padding: 5px 13px 0; }
.popular-items .list-items > li h3 {
max-height: 55px;
min-height: 55px;
line-height: 1.2;
color: #2A2A2A;
text-shadow: 0 0 0 #2A2A2A;
font-size: 85%;
font-weight: 300; }
.popular-items .list-items > li .item-sku {
font-size: 89%;
color: #666666;
text-shadow: 0 0 0 #666666; }
.popular-items .list-items > li .price-box .old-price {
position: absolute;
bottom: 32px;
height: 27px;
line-height: 27px;
font-size: 16px;
background-color: #FF6863;
color: #fff;
left: 0;
right: 0; }
.popular-items .list-items > li .price-box .old-price:after {
content: ' ';
display: table;
clear: both; }
.popular-items .list-items > li .price-box .old-price .price-label {
width: 50%;
float: right;
font-size: 12px;
text-transform: uppercase; }
.popular-items .list-items > li .price-box .old-price .price {
width: 50%;
float: left;
padding-left: 10px;
position: relative; }
.popular-items .list-items > li .price-box .old-price .price:before {
content: ' ';
display: block;
position: absolute;
left: 7px;
right: 30px;
border-bottom: 1px solid #ffffff;
top: 12px; }
.popular-items .list-items > li .price-box .old-price .tail {
font-size: 11px; }
.popular-items .list-items > li .price-box .old-price .price-symbol:after {
content: '\2008'; }
.popular-items .list-items > li .price-box .regular-price, .popular-items .list-items > li .price-box .special-price {
display: block;
width: 50%;
padding-left: 10px;
float: left;
height: 32px;
line-height: 32px;
font-size: 18px; }
.popular-items .list-items > li .price-box .regular-price .price-label, .popular-items .list-items > li .price-box .special-price .price-label {
display: none; }
.popular-items .list-items > li .price-box .regular-price .tail, .popular-items .list-items > li .price-box .special-price .tail {
font-size: 11px; }
.popular-items .list-items > li .price-box .regular-price .price-symbol:after, .popular-items .list-items > li .price-box .special-price .price-symbol:after {
content: '\2008'; }
.popular-items .list-items > li button {
width: 50%;
float: right; }
.popular-items .list-items > li button.out-of-stock {
font-size: 10px; }
.popular-items .list-items .block-top {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 45px;
z-index: 1;
background: transparent;
display: flex;
overflow: hidden;
flex-direction: column;
opacity: 0;
-webkit-transition: opacity .4s linear;
-moz-transition: opacity .4s linear;
-ms-transition: opacity .4s linear;
-o-transition: opacity .4s linear;
transition: opacity .4s linear; }
.popular-items .list-items .block-top:hover {
opacity: 1; }
.popular-items .list-items .block-top li {
display: block;
width: 100%;
height: 50%;
text-align: center;
color: #fff;
position: relative; }
.popular-items .list-items .block-top li > li {
height: 100%; }
.popular-items .list-items .block-top li a {
display: block;
width: 100%;
height: 100%;
/*padding: 8px 0;*/
padding-left: 30px;
text-transform: uppercase;
line-height: 28px;
font-size: 8.4px;
text-shadow: 0 0 0 #008DCF;
text-align: left;
color: #008DCF;
overflow: hidden; }
.popular-items .list-items .block-top li a:before {
content: ' ';
/*top product fix*/
margin: 0 auto;
position: absolute;
width: 20px;
height: 20px;
left: 6px;
top: 6px; }
.popular-items .list-items .block-top li a:hover {
opacity: .7; }
.popular-items .list-items .block-top li a.read-more:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBkaXNwbGF5PSJub25lIj4NCgk8ZyBkaXNwbGF5PSJpbmxpbmUiPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDIuMTkzLDkuNDAzQzM3LjQ2LDQuNjY5LDI5LjcyNiw0LjY1NywyNC45NzMsOS4zNmMtNC43NTMtNC43MDMtMTIuNDg3LTQuNjkxLTE3LjIyLDAuMDQyDQoJCQljLTQuNzQ4LDQuNzQ4LTQuNzQ4LDEyLjUxOSwwLDE3LjI2N2wxNy4xNzMsMTcuMTczbDAuMDk0LTAuMDk0bDAsMC4wOTRMNDIuMTkzLDI2LjY3QzQ2Ljk0MiwyMS45MjEsNDYuOTQyLDE0LjE1MSw0Mi4xOTMsOS40MDN6Ig0KCQkJLz4NCgk8L2c+DQoJPHBvbHlnb24gZGlzcGxheT0iaW5saW5lIiBvcGFjaXR5PSIwLjgiIGZpbGw9IiMzNzhBQ0EiIHBvaW50cz0iMTguNjg5LDEyLjYzMSAxNi4wNTcsMTUuMjYzIDIyLjM0MSwyMS41NDggMTYuMDU3LDI3LjgzMiANCgkJMTguNjg5LDMwLjQ2NCAyNC45NzMsMjQuMTggMzEuMjU4LDMwLjQ2NCAzMy44OSwyNy44MzIgMjcuNjA1LDIxLjU0OCAzMy44OSwxNS4yNjMgMzEuMjU4LDEyLjYzMSAyNC45NzMsMTguOTE2IAkiLz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjQuOTcyLDM3LjU3OGMtMTIuODgzLDAtMjMuMDYtMTAuMzM3LTIzLjQ4Ny0xMC43NzdsLTEuNTEzLTEuNTZsMS41MTMtMS41Ng0KCQkJYzAuNDI3LTAuNDQsMTAuNjAzLTEwLjc3NywyMy40ODctMTAuNzc3YzEyLjg4MywwLDIzLjA2LDEwLjMzNywyMy40ODYsMTAuNzc3bDEuNTEzLDEuNTZsLTEuNTEzLDEuNTYNCgkJCUM0OC4wMzIsMjcuMjQxLDM3Ljg1NSwzNy41NzgsMjQuOTcyLDM3LjU3OHogTTMyLjIxOSwxOC42NTVjMS41ODMsMS43NDEsMi41NDksNC4wNTIsMi41NDksNi41ODVjMCwyLjUzOC0wLjk3LDQuODUzLTIuNTU5LDYuNTk1DQoJCQljNS4wMjgtMS43MDUsOS4xMjctNC43NDQsMTEuMzEzLTYuNTkyQzQxLjMzNSwyMy40LDM3LjIzNCwyMC4zNjQsMzIuMjE5LDE4LjY1NXogTTYuNDI1LDI1LjI0MQ0KCQkJYzIuMTg5LDEuODQ0LDYuMjg5LDQuODc4LDExLjMwMSw2LjU4NWMtMS41ODMtMS43NDEtMi41NS00LjA1Mi0yLjU1LTYuNTg1czAuOTY2LTQuODQ0LDIuNTQ5LTYuNTg1DQoJCQlDMTIuNzE0LDIwLjM2Myw4LjYxNCwyMy4zOTYsNi40MjUsMjUuMjQxeiBNMjQuOTcyLDE5LjkyNWMtMi45MzEsMC01LjMxNiwyLjM4NC01LjMxNiw1LjMxNXMyLjM4NCw1LjMxNSw1LjMxNiw1LjMxNQ0KCQkJYzIuOTMxLDAsNS4zMTUtMi4zODQsNS4zMTUtNS4zMTVTMjcuOTAzLDE5LjkyNSwyNC45NzIsMTkuOTI1eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGVsbGlwc2UgZmlsbD0iI0ZGRkZGRiIgY3g9IjI0Ljk3MiIgY3k9IjI1LjI0MSIgcng9IjguMjM4IiByeT0iOC42MTQiLz4NCgk8L2c+DQo8L2c+DQo8ZyBkaXNwbGF5PSJub25lIj4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNC45OTUsM0MxMi44NDgsMywzLDEyLjg0OCwzLDI0Ljk5NWMwLDEyLjE0OCw5Ljg0OCwyMS45OTYsMjEuOTk1LDIxLjk5Ng0KCQljMTIuMTQ4LDAsMjEuOTk1LTkuODQ4LDIxLjk5NS0yMS45OTZDNDYuOTkxLDEyLjg0OCwzNy4xNDMsMywyNC45OTUsM3ogTTM0LjAzNSwzMS4zNjZsLTIuNjY4LDIuNjY4bC02LjM3MS02LjM3bC02LjM3MSw2LjM3DQoJCWwtMi42NjgtMi42NjhsNi4zNzEtNi4zNzFsLTYuMzcxLTYuMzcxbDIuNjY4LTIuNjY4bDYuMzcxLDYuMzcxbDYuMzcxLTYuMzcxbDIuNjY4LDIuNjY4bC02LjM3MSw2LjM3MUwzNC4wMzUsMzEuMzY2eiIvPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iI0ZGRkZGRiIgZD0iTTI0Ljk5NSwzQzEyLjg0OCwzLDMsMTIuODQ4LDMsMjQuOTk1YzAsMTIuMTQ4LDkuODQ4LDIxLjk5NiwyMS45OTUsMjEuOTk2DQoJCWMxMi4xNDgsMCwyMS45OTUtOS44NDgsMjEuOTk1LTIxLjk5NkM0Ni45OTEsMTIuODQ4LDM3LjE0MywzLDI0Ljk5NSwzeiBNMzQuMDM1LDMxLjM2NmwtMi42NjgsMi42NjhsLTYuMzcxLTYuMzdsLTYuMzcxLDYuMzcNCgkJbC0yLjY2OC0yLjY2OGw2LjM3MS02LjM3MWwtNi4zNzEtNi4zNzFsMi42NjgtMi42NjhsNi4zNzEsNi4zNzFsNi4zNzEtNi4zNzFsMi42NjgsMi42NjhsLTYuMzcxLDYuMzcxTDM0LjAzNSwzMS4zNjZ6Ii8+DQo8L2c+DQo8ZyBkaXNwbGF5PSJub25lIj4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNSwzQzEyLjg1LDMsMywxMi44NSwzLDI1YzAsMTIuMTUsOS44NSwyMiwyMiwyMmMxMi4xNSwwLDIyLTkuODUsMjItMjINCgkJQzQ3LDEyLjg1LDM3LjE1LDMsMjUsM3ogTTE2LjA5MSwzMy41MTJoLTMuNjYzdi0zLjc3MWgzLjY2M1YzMy41MTJ6IE0xNi4wOTEsMjYuODg2aC0zLjY2M3YtMy43NzFoMy42NjNWMjYuODg2eiBNMTYuMDkxLDIwLjI1OQ0KCQloLTMuNjYzdi0zLjc3MWgzLjY2M1YyMC4yNTl6IE0zNy41NzEsMzMuNTEySDE3Ljk1OXYtMy43NzFoMTkuNjEzVjMzLjUxMnogTTM3LjU3MSwyNi44ODZIMTcuOTU5di0zLjc3MWgxOS42MTNWMjYuODg2eg0KCQkgTTM3LjU3MSwyMC4yNTlIMTcuOTU5di0zLjc3MWgxOS42MTNWMjAuMjU5eiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat 0 0; }
.popular-items .list-items .block-top li a.compare:before {
margin-bottom: 7px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/cross-white.png") no-repeat 1px 0px; }
.popular-items .list-items .block-top li a.inCompare:before {
margin-bottom: 7px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/cross-blue.png") no-repeat 2px 0px; }
.popular-items .list-items .block-top li a.wishlist:before {
margin-bottom: 4px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/heart-white.png") no-repeat 1px 1px; }
.popular-items .list-items .block-top li a.remove-from-wishlist:before {
margin-bottom: 4px;
background: url("https://secur.ua/skin/frontend/secur/v1/images/heart-blue.png") no-repeat 2px 2px; }
/* .popular-items .list-items .block-top li:not(:last-child):after {
content: ' ';
display: block;
left: 12px;
right: 12px;
height: 1px;
position: absolute;
bottom: -1px;
background: #ffffff;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 15%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(15%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 15%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 15%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 15%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 15%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
}*/
button.btn {
width: 18px;
height: 72px;
border: 0;
position: absolute;
top: 50%;
margin-top: -66px;
font: 0px/0 a; }
button.btn.prev {
left: -58px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE4cHgiIGhlaWdodD0iNzJweCIgdmlld0JveD0iMCAwIDE4IDcyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCA3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjRCNEI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxNy4wMjcsNjcuMDQgMS41MTIsMzUuODcgMTcuMjE1LDQuNjA2ICIvPg0KPC9zdmc+DQo=) no-repeat 0 0; }
button.btn.prev:not(:disabled):hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE4cHgiIGhlaWdodD0iNzJweCIgdmlld0JveD0iMCAwIDE4IDcyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCA3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM0ZCNkVBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxNy4wMjcsNjcuMDQgMS41MTIsMzUuODcgMTcuMjE1LDQuNjA2ICIvPg0KPC9zdmc+DQo=) no-repeat 0 0; }
button.btn.prev:disabled {
opacity: .7; }
button.btn.next {
right: -58px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE4cHgiIGhlaWdodD0iNzJweCIgdmlld0JveD0iMCAwIDE4IDcyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCA3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjRCNEI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxLjE4OCw0LjYwNiAxNi43MDMsMzUuNzc2IDEsNjcuMDQgIi8+DQo8L3N2Zz4NCg==) no-repeat 0 0; }
button.btn.next:not(:disabled):hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE4cHgiIGhlaWdodD0iNzJweCIgdmlld0JveD0iMCAwIDE4IDcyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCA3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM0ZCNkVBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxLjE4OCw0LjYwNiAxNi43MDMsMzUuNzc2IDEsNjcuMDQgIi8+DQo8L3N2Zz4NCg==) no-repeat 0 0; }
button.btn.next:disabled {
opacity: .7; }
.scrollbar {
width: 530px;
height: 4px;
margin: 50px auto;
position: relative; }
.scrollbar:after {
content: ' ';
display: block;
width: 100%;
position: absolute;
height: 2px;
top: 1px;
background: #b2b2b2;
background: -moz-linear-gradient(left, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(178, 178, 178, 0)), color-stop(15%, #b2b2b2), color-stop(85%, #b2b2b2), color-stop(100%, rgba(178, 178, 178, 0)));
background: -webkit-linear-gradient(left, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%);
background: -o-linear-gradient(left, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%);
background: -ms-linear-gradient(left, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%);
background: linear-gradient(to right, rgba(178, 178, 178, 0) 0%, #b2b2b2 15%, #b2b2b2 85%, rgba(178, 178, 178, 0) 100%); }
.scrollbar .handle {
height: 4px;
background: #0093EE;
z-index: 1;
position: relative; }
.scrollbar .handle .mousearea {
width: 100%;
height: 100%;
cursor: pointer; }
@media screen and (max-width: 1305px) {
button.btn {
width: 35px;
height: 35px;
top: auto;
margin-top: 0;
bottom: -15px;
background: none !important; }
button.btn:after {
color: #B2B2B2;
content: ' ';
display: block;
width: 20px;
height: 20px;
border-width: 2px 2px 0 0;
border-style: solid; }
button.btn:hover:after {
color: #0093EE; }
button.btn.prev {
left: 263px; }
button.btn.prev:after {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-left: 15px; }
button.btn.next {
right: auto;
left: 872px; }
button.btn.next:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); } }
/*# sourceMappingURL=featuredproduct.css.map */
.news-index-index .main-container .col-main,
.blog-index-list .main-container .col-main {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px; }
.news-index-index .main-container .col-main .articles-title h1,
.blog-index-list .main-container .col-main .articles-title h1 {
font-size: 32px;
font-weight: 300;
line-height: 36px;
margin: 22px 0 45px 0;
text-transform: uppercase; }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-title h1,
.blog-index-list .main-container .col-main .articles-title h1 {
font-size: 20px;
line-height: 24px;
margin: 10px 0 15px 0; } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container {
box-shadow: 0 0 18px 0 rgba(0, 147, 238, 0.2);
background: #fff;
margin-bottom: 30px;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: nowrap;
padding: 30px; }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-wrap .articles-item-container,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container {
padding: 15px;
margin-bottom: 15px; } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .image-inner,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .image-inner {
width: 150px;
margin-right: 30px;
position: relative; }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .image-inner,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .image-inner {
width: 50px;
margin-right: 10px; } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .image-inner img,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .image-inner img {
display: block;
max-width: 100%; }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .image-inner img,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .image-inner img {
height: auto; } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .image-inner a,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .image-inner a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block; }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner {
width: calc(100% - 180px); }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner {
width: calc(100% - 60px); } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner h3,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner h3 {
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin: -3px 0 3px 0; }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner h3,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner h3 {
font-size: 14px; } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner h3:hover,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner h3:hover {
color: #0093EE; }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner .date,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner .date {
display: block;
color: #b0b0b0;
font-size: 14px;
line-height: 24px;
margin-bottom: 14px; }
@media only screen and (max-width: 640px) {
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner .date,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner .date {
margin-bottom: 5px; } }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner .short-description-inner .short-description,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner .short-description-inner .short-description {
color: #000;
font-size: 14px;
line-height: 24px; }
.news-index-index .main-container .col-main .articles-wrap .articles-item-container .desc-inner .short-description-inner a,
.blog-index-list .main-container .col-main .articles-wrap .articles-item-container .desc-inner .short-description-inner a {
display: inline;
margin-left: 5px;
text-decoration: underline; }
.news-index-index .main-container .col-main .articles-pager-wrap-ajax,
.blog-index-list .main-container .col-main .articles-pager-wrap-ajax {
max-width: 720px;
width: inherit;
margin: 0 auto;
padding: 12px 0 27px 0; }
.news-index-index .main-container .col-main .articles-pager-wrap-ajax .pager a,
.blog-index-list .main-container .col-main .articles-pager-wrap-ajax .pager a {
font-size: 16px;
position: relative; }
.news-index-index .main-container .col-main .articles-pager-wrap-ajax .pager a:before,
.blog-index-list .main-container .col-main .articles-pager-wrap-ajax .pager a:before {
content: '';
display: block;
background-image: url("https://secur.ua/skin/frontend/secur/v1/images/loader-icon.svg");
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: -35px;
opacity: 0; }
.news-index-index .main-container .col-main .articles-pager-wrap-ajax.on-load .pager a:before,
.blog-index-list .main-container .col-main .articles-pager-wrap-ajax.on-load .pager a:before {
opacity: 1; }
.news-index-index .main-container .col-main .articles-pager-wrap-ajax:after,
.blog-index-list .main-container .col-main .articles-pager-wrap-ajax:after {
display: none; }
.blog-post-view .main-container .col-main,
.news-index-view .main-container .col-main {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px; }
.blog-post-view .main-container .col-main .title,
.news-index-view .main-container .col-main .title {
font-size: 32px;
font-weight: 300;
line-height: 40px;
margin: 24px 0 15px 0;
width: calc(100% - 380px); }
@media only screen and (max-width: 640px) {
.blog-post-view .main-container .col-main .title,
.news-index-view .main-container .col-main .title {
width: 100%; } }
.blog-post-view .main-container .col-main article .top-info h1,
.news-index-view .main-container .col-main article .top-info h1 {
font-size: 32px;
font-weight: 300;
line-height: 36px;
margin: 20px 0 24px 0; }
@media only screen and (max-width: 640px) {
.blog-post-view .main-container .col-main article .top-info h1,
.news-index-view .main-container .col-main article .top-info h1 {
font-size: 20px;
line-height: 24px;
margin: 10px 0 5px 0; } }
.blog-post-view .main-container .col-main article .top-info .date,
.news-index-view .main-container .col-main article .top-info .date {
display: block;
color: #8c8c8d;
font-size: 14px;
line-height: 24px;
margin-bottom: 34px; }
@media only screen and (max-width: 640px) {
.blog-post-view .main-container .col-main article .top-info .date,
.news-index-view .main-container .col-main article .top-info .date {
margin-bottom: 10px; } }
.blog-post-view .main-container .col-main article .post-inner .description,
.news-index-view .main-container .col-main article .post-inner .description {
font-size: 14px;
line-height: 24px;
margin-bottom: 50px; }
.blog-post-view .main-container .col-main article .post-inner .image-inner,
.news-index-view .main-container .col-main article .post-inner .image-inner {
float: right;
max-width: 380px;
padding: 0 10px 10px 10px; }
.blog-post-view .main-container .col-main article .post-inner .image-inner img,
.news-index-view .main-container .col-main article .post-inner .image-inner img {
max-width: 100%; }
.blog-post-view .category-products,
.news-index-view .category-products {
margin-bottom: 45px; }
.blog-post-view .products-grid li.item,
.news-index-view .products-grid li.item {
float: left; }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item,
.news-index-view .products-grid li.item {
margin-top: 30px;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd; } }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item,
.news-index-view .products-grid li.item {
padding: 15px; }
.blog-post-view .products-grid li.item .product-wrap,
.news-index-view .products-grid li.item .product-wrap {
-webkit-box-shadow: 0 3px 10px 4px rgba(0, 147, 238, 0.2);
box-shadow: 0 3px 10px 4px rgba(0, 147, 238, 0.2); } }
.blog-post-view .products-grid li.item:after,
.news-index-view .products-grid li.item:after {
content: ' ';
display: table;
clear: both; }
.blog-post-view .products-grid li.item:hover button:not(:disabled),
.news-index-view .products-grid li.item:hover button:not(:disabled) {
color: #0093ee;
border-color: #0093ee;
background-color: #fff;
-webkit-box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.4);
box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.4); }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .product-info,
.news-index-view .products-grid li.item .product-info {
padding: 0 0 6px 0;
border-bottom: 1px solid #b0b0b0; } }
.blog-post-view .products-grid li.item .product-info ul,
.news-index-view .products-grid li.item .product-info ul {
display: flex;
flex-direction: row;
justify-content: space-between; }
.blog-post-view .products-grid li.item .product-info ul li,
.news-index-view .products-grid li.item .product-info ul li {
height: 27px; }
.blog-post-view .products-grid li.item .product-info ul li .inCompare,
.news-index-view .products-grid li.item .product-info ul li .inCompare {
color: #0093EE; }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .product-information,
.news-index-view .products-grid li.item .product-information {
padding: 0 10px 0 15px; } }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .product-information .product-title,
.news-index-view .products-grid li.item .product-information .product-title {
padding: 0 20px;
min-height: 60px; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .product-information .product-title,
.news-index-view .products-grid li.item .product-information .product-title {
padding: 0;
min-height: 85px; } }
.blog-post-view .products-grid li.item .product-information .product-title h3,
.news-index-view .products-grid li.item .product-information .product-title h3 {
max-height: 60px;
overflow: hidden;
color: #2A2A2A;
text-shadow: 0 0 0 #2A2A2A;
font-weight: 400; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .product-information .product-title h3,
.news-index-view .products-grid li.item .product-information .product-title h3 {
font-size: 14px;
line-height: 1.42; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .product-information .product-title h3,
.news-index-view .products-grid li.item .product-information .product-title h3 {
font-size: 13px;
line-height: 1.53; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .product-information .price-and-add > button,
.news-index-view .products-grid li.item .product-information .price-and-add > button {
font-size: 0;
width: 30%;
height: 35px; }
.blog-post-view .products-grid li.item .product-information .price-and-add > button.btn-cart:before,
.news-index-view .products-grid li.item .product-information .price-and-add > button.btn-cart:before {
content: "\e907";
display: block;
line-height: 1;
font-family: 'secur';
font-size: 19px; }
.blog-post-view .products-grid li.item .product-information .price-and-add > button.out-of-stock,
.news-index-view .products-grid li.item .product-information .price-and-add > button.out-of-stock {
font-size: 10px;
height: 40px;
padding: 0 5px;
margin: 0;
width: 70px; } }
.blog-post-view .products-grid li.item .label,
.news-index-view .products-grid li.item .label {
position: absolute;
top: 0;
right: 0;
color: #fff;
font: 400 16px/32px "GothaPro", sans-serif;
text-transform: uppercase;
height: 32px;
text-align: center; }
.blog-post-view .products-grid li.item .label.action,
.news-index-view .products-grid li.item .label.action {
width: 80px;
background-color: #ff6863; }
.blog-post-view .products-grid li.item img,
.news-index-view .products-grid li.item img {
display: block;
height: auto;
margin: 0 auto; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item img,
.news-index-view .products-grid li.item img {
width: 90%; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item img,
.news-index-view .products-grid li.item img {
width: 60%; } }
.blog-post-view .products-grid li.item .price-box .old-price,
.news-index-view .products-grid li.item .price-box .old-price {
position: absolute;
top: -7px;
width: 100%;
left: 0; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-box .old-price,
.news-index-view .products-grid li.item .price-box .old-price {
padding: 0 5px 0 0; } }
.blog-post-view .products-grid li.item .price-box .old-price .price-label,
.news-index-view .products-grid li.item .price-box .old-price .price-label {
display: none; }
.blog-post-view .products-grid li.item .price-box .old-price .price-value,
.news-index-view .products-grid li.item .price-box .old-price .price-value {
text-decoration: line-through; }
.blog-post-view .products-grid li.item .price-box .old-price .price-symbol,
.blog-post-view .products-grid li.item .price-box .old-price .price-value,
.news-index-view .products-grid li.item .price-box .old-price .price-symbol,
.news-index-view .products-grid li.item .price-box .old-price .price-value {
line-height: 1;
color: #ff6863;
font-weight: 400;
font-size: 14px; }
.blog-post-view .products-grid li.item .price-box .regular-price,
.blog-post-view .products-grid li.item .price-box .special-price,
.news-index-view .products-grid li.item .price-box .regular-price,
.news-index-view .products-grid li.item .price-box .special-price {
font-size: 20px; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-box .regular-price,
.blog-post-view .products-grid li.item .price-box .special-price,
.news-index-view .products-grid li.item .price-box .regular-price,
.news-index-view .products-grid li.item .price-box .special-price {
line-height: 2;
padding: 0 5px 0 0; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-box .regular-price,
.blog-post-view .products-grid li.item .price-box .special-price,
.news-index-view .products-grid li.item .price-box .regular-price,
.news-index-view .products-grid li.item .price-box .special-price {
line-height: 1.5; } }
.blog-post-view .products-grid li.item .price-box .regular-price .price-label,
.blog-post-view .products-grid li.item .price-box .special-price .price-label,
.news-index-view .products-grid li.item .price-box .regular-price .price-label,
.news-index-view .products-grid li.item .price-box .special-price .price-label {
display: none; }
.blog-post-view .products-grid li.item .price-box .regular-price .tail,
.blog-post-view .products-grid li.item .price-box .special-price .tail,
.news-index-view .products-grid li.item .price-box .regular-price .tail,
.news-index-view .products-grid li.item .price-box .special-price .tail {
font-size: 11px; }
.blog-post-view .products-grid li.item .price-box .regular-price .price-symbol:after,
.blog-post-view .products-grid li.item .price-box .special-price .price-symbol:after,
.news-index-view .products-grid li.item .price-box .regular-price .price-symbol:after,
.news-index-view .products-grid li.item .price-box .special-price .price-symbol:after {
content: '\2008'; }
.blog-post-view .products-grid li.item button,
.news-index-view .products-grid li.item button {
width: 50%; }
.blog-post-view .products-grid a.child-categoty-name,
.news-index-view .products-grid a.child-categoty-name {
float: left;
margin-top: -30px;
font-weight: 400; }
.blog-post-view .products-grid,
.blog-post-view .products-list,
.news-index-view .products-grid,
.news-index-view .products-list {
margin-bottom: 25px; }
.blog-post-view .products-grid li.item .product-wrap,
.blog-post-view .products-list li.item .product-wrap,
.news-index-view .products-grid li.item .product-wrap,
.news-index-view .products-list li.item .product-wrap {
position: relative;
padding-top: 0; }
.blog-post-view .products-grid li.item .product-info,
.blog-post-view .products-list li.item .product-info,
.news-index-view .products-grid li.item .product-info,
.news-index-view .products-list li.item .product-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .product-info,
.blog-post-view .products-list li.item .product-info,
.news-index-view .products-grid li.item .product-info,
.news-index-view .products-list li.item .product-info {
padding: 10px 20px; } }
.blog-post-view .products-grid li.item .product-info .item-sku,
.blog-post-view .products-list li.item .product-info .item-sku,
.news-index-view .products-grid li.item .product-info .item-sku,
.news-index-view .products-list li.item .product-info .item-sku {
line-height: 1.42;
display: inline-block; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .product-info .item-sku,
.blog-post-view .products-list li.item .product-info .item-sku,
.news-index-view .products-grid li.item .product-info .item-sku,
.news-index-view .products-list li.item .product-info .item-sku {
margin: 12px 0 0;
font-size: 14px; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .product-info .item-sku,
.blog-post-view .products-list li.item .product-info .item-sku,
.news-index-view .products-grid li.item .product-info .item-sku,
.news-index-view .products-list li.item .product-info .item-sku {
margin: 3px 0 0;
font-size: 12px;
padding-bottom: 5px; } }
.blog-post-view .products-grid li.item .price-and-add,
.blog-post-view .products-list li.item .price-and-add,
.news-index-view .products-grid li.item .price-and-add,
.news-index-view .products-list li.item .price-and-add {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add,
.blog-post-view .products-list li.item .price-and-add,
.news-index-view .products-grid li.item .price-and-add,
.news-index-view .products-list li.item .price-and-add {
margin-top: 4px; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-and-add,
.blog-post-view .products-list li.item .price-and-add,
.news-index-view .products-grid li.item .price-and-add,
.news-index-view .products-list li.item .price-and-add {
margin-top: 10px;
justify-content: space-between; } }
.blog-post-view .products-grid li.item .price-and-add .label-price,
.blog-post-view .products-list li.item .price-and-add .label-price,
.news-index-view .products-grid li.item .price-and-add .label-price,
.news-index-view .products-list li.item .price-and-add .label-price {
font-size: 12px;
line-height: 35px;
color: #0093ee;
font-weight: 600;
margin-right: 2px; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add .label-price,
.blog-post-view .products-list li.item .price-and-add .label-price,
.news-index-view .products-grid li.item .price-and-add .label-price,
.news-index-view .products-list li.item .price-and-add .label-price {
padding-top: 1px;
font-size: 14px;
line-height: 40px;
padding-left: 18px;
margin-right: 8px; } }
.blog-post-view .products-grid li.item .price-and-add .price-box,
.blog-post-view .products-list li.item .price-and-add .price-box,
.news-index-view .products-grid li.item .price-and-add .price-box,
.news-index-view .products-list li.item .price-and-add .price-box {
display: inline-block;
position: relative; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add .price-box,
.blog-post-view .products-list li.item .price-and-add .price-box,
.news-index-view .products-grid li.item .price-and-add .price-box,
.news-index-view .products-list li.item .price-and-add .price-box {
width: 60%; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-and-add .price-box,
.blog-post-view .products-list li.item .price-and-add .price-box,
.news-index-view .products-grid li.item .price-and-add .price-box,
.news-index-view .products-list li.item .price-and-add .price-box {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; } }
.blog-post-view .products-grid li.item .price-and-add .price-box .old-price,
.blog-post-view .products-list li.item .price-and-add .price-box .old-price,
.news-index-view .products-grid li.item .price-and-add .price-box .old-price,
.news-index-view .products-list li.item .price-and-add .price-box .old-price {
position: absolute;
top: -7px;
width: 100%;
left: 0; }
.blog-post-view .products-grid li.item .price-and-add .price-box .old-price .price-label,
.blog-post-view .products-list li.item .price-and-add .price-box .old-price .price-label,
.news-index-view .products-grid li.item .price-and-add .price-box .old-price .price-label,
.news-index-view .products-list li.item .price-and-add .price-box .old-price .price-label {
display: none; }
.blog-post-view .products-grid li.item .price-and-add .price-box .old-price .price-value,
.blog-post-view .products-list li.item .price-and-add .price-box .old-price .price-value,
.news-index-view .products-grid li.item .price-and-add .price-box .old-price .price-value,
.news-index-view .products-list li.item .price-and-add .price-box .old-price .price-value {
text-decoration: line-through; }
.blog-post-view .products-grid li.item .price-and-add .price-box .old-price .price-symbol,
.blog-post-view .products-grid li.item .price-and-add .price-box .old-price .price-value,
.blog-post-view .products-list li.item .price-and-add .price-box .old-price .price-symbol,
.blog-post-view .products-list li.item .price-and-add .price-box .old-price .price-value,
.news-index-view .products-grid li.item .price-and-add .price-box .old-price .price-symbol,
.news-index-view .products-grid li.item .price-and-add .price-box .old-price .price-value,
.news-index-view .products-list li.item .price-and-add .price-box .old-price .price-symbol,
.news-index-view .products-list li.item .price-and-add .price-box .old-price .price-value {
line-height: 1;
color: #ff6863;
font-weight: 400;
font-size: 14px; }
.blog-post-view .products-grid li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-grid li.item .price-and-add .price-box .price-value,
.blog-post-view .products-list li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-list li.item .price-and-add .price-box .price-value,
.news-index-view .products-grid li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-grid li.item .price-and-add .price-box .price-value,
.news-index-view .products-list li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-list li.item .price-and-add .price-box .price-value {
line-height: 1;
color: #0093ee;
font-weight: 700; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-grid li.item .price-and-add .price-box .price-value,
.blog-post-view .products-list li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-list li.item .price-and-add .price-box .price-value,
.news-index-view .products-grid li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-grid li.item .price-and-add .price-box .price-value,
.news-index-view .products-list li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-list li.item .price-and-add .price-box .price-value {
font-size: 20px; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-grid li.item .price-and-add .price-box .price-value,
.blog-post-view .products-list li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-list li.item .price-and-add .price-box .price-value,
.news-index-view .products-grid li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-grid li.item .price-and-add .price-box .price-value,
.news-index-view .products-list li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-list li.item .price-and-add .price-box .price-value {
font-size: 14px; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-list li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-grid li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-list li.item .price-and-add .price-box .price-symbol {
font-size: 12px; } }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add .price-box .price-symbol,
.blog-post-view .products-list li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-grid li.item .price-and-add .price-box .price-symbol,
.news-index-view .products-list li.item .price-and-add .price-box .price-symbol {
font-size: 16px; } }
.blog-post-view .products-grid li.item .price-and-add > button,
.blog-post-view .products-list li.item .price-and-add > button,
.news-index-view .products-grid li.item .price-and-add > button,
.news-index-view .products-list li.item .price-and-add > button {
line-height: 1.71;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 500; }
.blog-post-view .products-grid li.item .price-and-add > button:focus, .blog-post-view .products-grid li.item .price-and-add > button:hover,
.blog-post-view .products-list li.item .price-and-add > button:focus,
.blog-post-view .products-list li.item .price-and-add > button:hover,
.news-index-view .products-grid li.item .price-and-add > button:focus,
.news-index-view .products-grid li.item .price-and-add > button:hover,
.news-index-view .products-list li.item .price-and-add > button:focus,
.news-index-view .products-list li.item .price-and-add > button:hover {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.blog-post-view .products-grid li.item .price-and-add > button.out-of-stock,
.blog-post-view .products-list li.item .price-and-add > button.out-of-stock,
.news-index-view .products-grid li.item .price-and-add > button.out-of-stock,
.news-index-view .products-list li.item .price-and-add > button.out-of-stock {
font-size: 10px; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add > button,
.blog-post-view .products-list li.item .price-and-add > button,
.news-index-view .products-grid li.item .price-and-add > button,
.news-index-view .products-list li.item .price-and-add > button {
width: 40%;
height: 40px;
font-size: 14px; } }
.blog-post-view .products-grid li.item .price-and-add > ul li,
.blog-post-view .products-grid li.item .product-info > ul li,
.blog-post-view .products-list li.item .price-and-add > ul li,
.blog-post-view .products-list li.item .product-info > ul li,
.news-index-view .products-grid li.item .price-and-add > ul li,
.news-index-view .products-grid li.item .product-info > ul li,
.news-index-view .products-list li.item .price-and-add > ul li,
.news-index-view .products-list li.item .product-info > ul li {
margin-left: 10px;
display: inline-block;
height: 27px; }
.blog-post-view .products-grid li.item .price-and-add > ul li a,
.blog-post-view .products-grid li.item .product-info > ul li a,
.blog-post-view .products-list li.item .price-and-add > ul li a,
.blog-post-view .products-list li.item .product-info > ul li a,
.news-index-view .products-grid li.item .price-and-add > ul li a,
.news-index-view .products-grid li.item .product-info > ul li a,
.news-index-view .products-list li.item .price-and-add > ul li a,
.news-index-view .products-list li.item .product-info > ul li a {
color: #999999;
font-size: 0; }
.blog-post-view .products-grid li.item .price-and-add > ul li a:hover,
.blog-post-view .products-grid li.item .product-info > ul li a:hover,
.blog-post-view .products-list li.item .price-and-add > ul li a:hover,
.blog-post-view .products-list li.item .product-info > ul li a:hover,
.news-index-view .products-grid li.item .price-and-add > ul li a:hover,
.news-index-view .products-grid li.item .product-info > ul li a:hover,
.news-index-view .products-list li.item .price-and-add > ul li a:hover,
.news-index-view .products-list li.item .product-info > ul li a:hover {
color: #0093EE; }
.blog-post-view .products-grid li.item .price-and-add > ul li a > span,
.blog-post-view .products-grid li.item .product-info > ul li a > span,
.blog-post-view .products-list li.item .price-and-add > ul li a > span,
.blog-post-view .products-list li.item .product-info > ul li a > span,
.news-index-view .products-grid li.item .price-and-add > ul li a > span,
.news-index-view .products-grid li.item .product-info > ul li a > span,
.news-index-view .products-list li.item .price-and-add > ul li a > span,
.news-index-view .products-list li.item .product-info > ul li a > span {
display: none; }
.blog-post-view .products-grid li.item .price-and-add > ul li a.inCompare:before,
.blog-post-view .products-grid li.item .product-info > ul li a.inCompare:before,
.blog-post-view .products-list li.item .price-and-add > ul li a.inCompare:before,
.blog-post-view .products-list li.item .product-info > ul li a.inCompare:before,
.news-index-view .products-grid li.item .price-and-add > ul li a.inCompare:before,
.news-index-view .products-grid li.item .product-info > ul li a.inCompare:before,
.news-index-view .products-list li.item .price-and-add > ul li a.inCompare:before,
.news-index-view .products-list li.item .product-info > ul li a.inCompare:before {
color: #0093EE; }
.blog-post-view .products-grid li.item .price-and-add > ul li .compare:before,
.blog-post-view .products-grid li.item .product-info > ul li .compare:before,
.blog-post-view .products-list li.item .price-and-add > ul li .compare:before,
.blog-post-view .products-list li.item .product-info > ul li .compare:before,
.news-index-view .products-grid li.item .price-and-add > ul li .compare:before,
.news-index-view .products-grid li.item .product-info > ul li .compare:before,
.news-index-view .products-list li.item .price-and-add > ul li .compare:before,
.news-index-view .products-list li.item .product-info > ul li .compare:before {
content: "\e923";
display: block;
line-height: 1;
font-family: 'secur'; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add > ul li .compare:before,
.blog-post-view .products-grid li.item .product-info > ul li .compare:before,
.blog-post-view .products-list li.item .price-and-add > ul li .compare:before,
.blog-post-view .products-list li.item .product-info > ul li .compare:before,
.news-index-view .products-grid li.item .price-and-add > ul li .compare:before,
.news-index-view .products-grid li.item .product-info > ul li .compare:before,
.news-index-view .products-list li.item .price-and-add > ul li .compare:before,
.news-index-view .products-list li.item .product-info > ul li .compare:before {
font-size: 27px; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-and-add > ul li .compare:before,
.blog-post-view .products-grid li.item .product-info > ul li .compare:before,
.blog-post-view .products-list li.item .price-and-add > ul li .compare:before,
.blog-post-view .products-list li.item .product-info > ul li .compare:before,
.news-index-view .products-grid li.item .price-and-add > ul li .compare:before,
.news-index-view .products-grid li.item .product-info > ul li .compare:before,
.news-index-view .products-list li.item .price-and-add > ul li .compare:before,
.news-index-view .products-list li.item .product-info > ul li .compare:before {
font-size: 18px; } }
.blog-post-view .products-grid li.item .price-and-add > ul li .wishlist:before,
.blog-post-view .products-grid li.item .product-info > ul li .wishlist:before,
.blog-post-view .products-list li.item .price-and-add > ul li .wishlist:before,
.blog-post-view .products-list li.item .product-info > ul li .wishlist:before,
.news-index-view .products-grid li.item .price-and-add > ul li .wishlist:before,
.news-index-view .products-grid li.item .product-info > ul li .wishlist:before,
.news-index-view .products-list li.item .price-and-add > ul li .wishlist:before,
.news-index-view .products-list li.item .product-info > ul li .wishlist:before {
content: "\e922";
display: block;
font-family: 'secur'; }
@media only screen and (min-width: 771px) {
.blog-post-view .products-grid li.item .price-and-add > ul li .wishlist:before,
.blog-post-view .products-grid li.item .product-info > ul li .wishlist:before,
.blog-post-view .products-list li.item .price-and-add > ul li .wishlist:before,
.blog-post-view .products-list li.item .product-info > ul li .wishlist:before,
.news-index-view .products-grid li.item .price-and-add > ul li .wishlist:before,
.news-index-view .products-grid li.item .product-info > ul li .wishlist:before,
.news-index-view .products-list li.item .price-and-add > ul li .wishlist:before,
.news-index-view .products-list li.item .product-info > ul li .wishlist:before {
font-size: 20px;
line-height: 1.35; } }
@media only screen and (max-width: 770px) {
.blog-post-view .products-grid li.item .price-and-add > ul li .wishlist:before,
.blog-post-view .products-grid li.item .product-info > ul li .wishlist:before,
.blog-post-view .products-list li.item .price-and-add > ul li .wishlist:before,
.blog-post-view .products-list li.item .product-info > ul li .wishlist:before,
.news-index-view .products-grid li.item .price-and-add > ul li .wishlist:before,
.news-index-view .products-grid li.item .product-info > ul li .wishlist:before,
.news-index-view .products-list li.item .price-and-add > ul li .wishlist:before,
.news-index-view .products-list li.item .product-info > ul li .wishlist:before {
font-size: 15px;
line-height: 1; } }
.blog-post-view .slider-nav,
.news-index-view .slider-nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center; }
.blog-post-view .slider-nav .slick-prev.icon-prev,
.blog-post-view .slider-nav .slick-next.icon-next,
.news-index-view .slider-nav .slick-prev.icon-prev,
.news-index-view .slider-nav .slick-next.icon-next {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
top: auto;
cursor: pointer; }
.blog-post-view .slider-nav .slick-prev.icon-prev:after,
.blog-post-view .slider-nav .slick-next.icon-next:after,
.news-index-view .slider-nav .slick-prev.icon-prev:after,
.news-index-view .slider-nav .slick-next.icon-next:after {
content: "";
font-family: 'secur';
font-size: 18px;
color: #b0b0b0;
top: 1px;
position: absolute;
text-indent: 0;
transition: color 0.2s; }
.blog-post-view .slider-nav .slick-prev.icon-prev:hover:after,
.blog-post-view .slider-nav .slick-next.icon-next:hover:after,
.news-index-view .slider-nav .slick-prev.icon-prev:hover:after,
.news-index-view .slider-nav .slick-next.icon-next:hover:after {
color: #0093EE; }
.blog-post-view .slider-nav .slick-prev.icon-prev,
.news-index-view .slider-nav .slick-prev.icon-prev {
left: auto;
position: relative;
order: 0;
margin-right: 20px; }
.blog-post-view .slider-nav .slick-prev.icon-prev:after,
.news-index-view .slider-nav .slick-prev.icon-prev:after {
content: "\e902";
left: 0; }
.blog-post-view .slider-nav .slick-next.icon-next,
.news-index-view .slider-nav .slick-next.icon-next {
position: relative;
left: auto;
order: 2;
margin-left: 20px; }
.blog-post-view .slider-nav .slick-next.icon-next:after,
.news-index-view .slider-nav .slick-next.icon-next:after {
content: "\e905";
right: 0; }
.blog-post-view .slider-nav .slick-dots,
.news-index-view .slider-nav .slick-dots {
text-align: center;
order: 1;
height: 10px; }
.blog-post-view .slider-nav .slick-dots li,
.news-index-view .slider-nav .slick-dots li {
display: inline-block;
margin: 5px 0; }
.blog-post-view .slider-nav .slick-dots li.slick-active button,
.news-index-view .slider-nav .slick-dots li.slick-active button {
height: 4px;
background: #0093ee;
position: relative;
top: -1px; }
.blog-post-view .slider-nav .slick-dots button,
.news-index-view .slider-nav .slick-dots button {
border: none;
height: 2px;
width: 43px;
-webkit-appearance: none;
outline: none;
background-color: #afb2b3;
display: block;
text-indent: -9999px; }
@media only screen and (max-width: 770px) {
.blog-post-view .slider-nav .slick-dots button,
.news-index-view .slider-nav .slick-dots button {
width: 20px; } }
/*# sourceMappingURL=news.css.map */