html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
h1.title {
margin-top: 0;
margin-bottom: 20px
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
/*!Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/
@media print {
*,
*:before,
*:after {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,
.table th {
background-color: #fff!important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd!important
}
}
@-ms-viewport {
width: device-width
}
.visible-xs {
display: none!important
}
.visible-sm {
display: none!important
}
.visible-md {
display: none!important
}
.visible-lg {
display: none!important
}
.visible-es-block,
.visible-es-inline,
.visible-es-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none!important
}
@media(max-width:479px) {
.visible-es-block {
display: block!important
}
}
@media(max-width:480px) {
.visible-es-inline {
display: inline!important
}
}
@media(max-width:480px) {
.visible-es-inline-block {
display: inline-block!important
}
}
@media(max-width:767px) {
.visible-xs-block {
display: block!important
}
}
@media(max-width:767px) {
.visible-xs-inline {
display: inline!important
}
}
@media(max-width:767px) {
.visible-xs-inline-block {
display: inline-block!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table!important
}
tr.visible-sm {
display: table-row!important
}
th.visible-sm,
td.visible-sm {
display: table-cell!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.visible-sm-block {
display: block!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.visible-sm-inline {
display: inline!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.visible-sm-inline-block {
display: inline-block!important
}
}
@media(min-width:1025px) and (max-width:1229px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table!important
}
tr.visible-md {
display: table-row!important
}
th.visible-md,
td.visible-md {
display: table-cell!important
}
}
@media(min-width:1025px) and (max-width:1229px) {
.visible-md-block {
display: block!important
}
}
@media(min-width:1025px) and (max-width:1229px) {
.visible-md-inline {
display: inline!important
}
}
@media(min-width:1025px) and (max-width:1229px) {
.visible-md-inline-block {
display: inline-block!important
}
}
@media(min-width:1230px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table!important
}
tr.visible-lg {
display: table-row!important
}
th.visible-lg,
td.visible-lg {
display: table-cell!important
}
}
@media(min-width:1230px) {
.visible-lg-block {
display: block!important
}
}
@media(min-width:1230px) {
.visible-lg-inline {
display: inline!important
}
}
@media(min-width:1230px) {
.visible-lg-inline-block {
display: inline-block!important
}
}
.hidden-es {
display: none!important
}
@media(max-width:767px) {
.hidden-xs {
display: none!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.hidden-sm {
display: none!important
}
}
@media(min-width:1025px) and (max-width:1229px) {
.hidden-md {
display: none!important
}
}
@media(min-width:1230px) {
.hidden-lg {
display: none!important
}
}
.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table!important
}
tr.visible-print {
display: table-row!important
}
th.visible-print,
td.visible-print {
display: table-cell!important
}
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
}
@media print {
.hidden-print {
display: none!important
}
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-family: helvetica neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #333;
background-color: #fff
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #0169a1;
text-decoration: none
}
a:hover,
a:focus {
color: #013755;
text-decoration: underline
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 5px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 15px;
margin-bottom: 15px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role=button] {
cursor: pointer
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
@media(max-width:767px) {
.text-xs-left {
text-align: left
}
.text-xs-right {
text-align: right
}
.text-xs-center {
text-align: center
}
.text-xs-justify {
text-align: justify
}
.text-xs-nowrap {
white-space: nowrap
}
}
@media(min-width:768px) and (max-width:1024px) {
.text-sm-left {
text-align: left
}
.text-sm-right {
text-align: right
}
.text-sm-center {
text-align: center
}
.text-sm-justify {
text-align: justify
}
.text-sm-nowrap {
white-space: nowrap
}
}
@media(min-width:1025px) and (max-width:1229px) {
.text-md-left {
text-align: left
}
.text-md-right {
text-align: right
}
.text-md-center {
text-align: center
}
.text-md-justify {
text-align: justify
}
.text-md-nowrap {
white-space: nowrap
}
}
@media(min-width:1230px) {
.text-lg-left {
text-align: left
}
.text-lg-right {
text-align: right
}
.text-lg-center {
text-align: center
}
.text-lg-justify {
text-align: justify
}
.text-lg-nowrap {
white-space: nowrap
}
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #0169a1
}
a.text-primary:hover,
a.text-primary:focus {
color: #01486e
}
.text-success {
color: #029a5e
}
a.text-success:hover,
a.text-success:focus {
color: #01683f
}
.text-info {
color: #0099da
}
a.text-info:hover,
a.text-info:focus {
color: #0075a7
}
.text-warning {
color: #d69c01
}
a.text-warning:hover,
a.text-warning:focus {
color: #a37701
}
.text-danger {
color: #da0505
}
a.text-danger:hover,
a.text-danger:focus {
color: #a80404
}
.bg-primary {
color: #fff
}
.bg-primary {
background-color: #0169a1
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #01486e
}
.bg-success {
background-color: #f4fff7
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1ffd2
}
.bg-info {
background-color: #d3f2ff
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #a0e3ff
}
.bg-warning {
background-color: #fffdd0
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #fffb9d
}
.bg-danger {
background-color: #ffefed
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #ffc2ba
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, courier new, monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.container:before,
.container:after {
content: " ";
display: table
}
.container:after {
clear: both
}
@media(max-width:1024px) {
.container {
padding-left: 10px;
padding-right: 10px
}
}
@media(min-width:768px) {
.container {
width: 750px
}
}
@media(min-width:1025px) {
.container {
width: 970px
}
}
@media(min-width:1230px) {
.container {
width: 1200px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 1200px
}
.container-fluid:before,
.container-fluid:after {
content: " ";
display: table
}
.container-fluid:after {
clear: both
}
@media(max-width:1024px) {
.container-fluid {
padding-left: 10px;
padding-right: 10px
}
}
.row {
margin-left: -15px;
margin-right: -15px
}
.row:before,
.row:after {
content: " ";
display: table
}
.row:after {
clear: both
}
@media(max-width:1024px) {
.row {
margin-left: -10px;
margin-right: -10px
}
}
[class*=line-margin-] {
margin-top: 0;
margin-bottom: 0
}
.line-margin {
margin-bottom: 25px
}
@media(min-width:1230px) {
.line-margin-lg {
margin-bottom: 25px
}
}
@media(min-width:1025px) and (max-width:1229px) {
.line-margin-md {
margin-bottom: 25px
}
}
@media(min-width:768px) and (max-width:1024px) {
.line-margin-sm {
margin-bottom: 25px
}
}
@media(max-width:767px) {
.line-margin-xs {
margin-bottom: 25px
}
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media(max-width:1024px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding-left: 10px;
padding-right: 10px
}
}
.col-es-1,
.col-es-2,
.col-es-3,
.col-es-4,
.col-es-5,
.col-es-6,
.col-es-7,
.col-es-8,
.col-es-9,
.col-es-10,
.col-es-11,
.col-es-12 {
float: left
}
.col-es-1 {
width: 8.33333%
}
.col-es-2 {
width: 16.66667%
}
.col-es-3 {
width: 25%
}
.col-es-4 {
width: 33.33333%
}
.col-es-5 {
width: 41.66667%
}
.col-es-6 {
width: 50%
}
.col-es-7 {
width: 58.33333%
}
.col-es-8 {
width: 66.66667%
}
.col-es-9 {
width: 75%
}
.col-es-10 {
width: 83.33333%
}
.col-es-11 {
width: 91.66667%
}
.col-es-12 {
width: 100%
}
.col-es-pull-0 {
right: auto
}
.col-es-pull-1 {
right: 8.33333%
}
.col-es-pull-2 {
right: 16.66667%
}
.col-es-pull-3 {
right: 25%
}
.col-es-pull-4 {
right: 33.33333%
}
.col-es-pull-5 {
right: 41.66667%
}
.col-es-pull-6 {
right: 50%
}
.col-es-pull-7 {
right: 58.33333%
}
.col-es-pull-8 {
right: 66.66667%
}
.col-es-pull-9 {
right: 75%
}
.col-es-pull-10 {
right: 83.33333%
}
.col-es-pull-11 {
right: 91.66667%
}
.col-es-pull-12 {
right: 100%
}
.col-es-push-0 {
left: auto
}
.col-es-push-1 {
left: 8.33333%
}
.col-es-push-2 {
left: 16.66667%
}
.col-es-push-3 {
left: 25%
}
.col-es-push-4 {
left: 33.33333%
}
.col-es-push-5 {
left: 41.66667%
}
.col-es-push-6 {
left: 50%
}
.col-es-push-7 {
left: 58.33333%
}
.col-es-push-8 {
left: 66.66667%
}
.col-es-push-9 {
left: 75%
}
.col-es-push-10 {
left: 83.33333%
}
.col-es-push-11 {
left: 91.66667%
}
.col-es-push-12 {
left: 100%
}
.col-es-offset-0 {
margin-left: 0%
}
.col-es-offset-1 {
margin-left: 8.33333%
}
.col-es-offset-2 {
margin-left: 16.66667%
}
.col-es-offset-3 {
margin-left: 25%
}
.col-es-offset-4 {
margin-left: 33.33333%
}
.col-es-offset-5 {
margin-left: 41.66667%
}
.col-es-offset-6 {
margin-left: 50%
}
.col-es-offset-7 {
margin-left: 58.33333%
}
.col-es-offset-8 {
margin-left: 66.66667%
}
.col-es-offset-9 {
margin-left: 75%
}
.col-es-offset-10 {
margin-left: 83.33333%
}
.col-es-offset-11 {
margin-left: 91.66667%
}
.col-es-offset-12 {
margin-left: 100%
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0%
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media(min-width:768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0%
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media(min-width:1025px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0%
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media(min-width:1230px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0%
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
padding: 5px
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
table col[class*=col-] {
position: static;
float: none;
display: table-column
}
table td[class*=col-],
table th[class*=col-] {
position: static;
float: none;
display: table-cell
}
.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
background-color: #f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8
}
.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
background-color: #f4fff7
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
background-color: #dbffe4
}
.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
background-color: #d3f2ff
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
background-color: #baeaff
}
.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
background-color: #fffdd0
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
background-color: #fffcb7
}
.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
background-color: #ffefed
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ffd8d4
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
font-size: 1.143em;
margin-bottom: 9px
}
label.min-height2-line {
min-height: 40px
}
label.margin-none {
margin-bottom: 0
}
.form-item {
margin-bottom: 25px
}
.form-item:last-child {
margin-bottom: 0
}
.form-item .form-link {
margin-top: 13px
}
input[type=search] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
input[type=radio],
input[type=checkbox] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type=range] {
display: block;
width: 100%
}
.form-upload .form-upload-files .form-upload-file+.form-upload-file {
margin-top: 10px
}
.form-upload .form-upload-files .form-upload-file .form-upload-label .remove-file {
margin-left: 20px
}
.form-upload .form-upload-files .form-upload-file .form-upload-button {
display: none
}
.form-upload .form-upload-files .form-upload-file:last-child .form-upload-button {
display: block
}
.form-upload .form-upload-files .form-upload-file:nth-child(6),
.form-upload .form-upload-files .form-upload-file:nth-child(7) {
display: none
}
select[multiple],
select[size] {
height: auto
}
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 12px;
font-size: 14px;
line-height: 1.42857;
color: #555
}
.number-hide-controls {
-moz-appearance: textfield
}
.number-hide-controls::-webkit-outer-spin-button,
.number-hide-controls::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
margin: 0
}
.form-control,
.btn-form-control,
.paczkonaty-select,
.dhl-paketboxes-select select {
display: block;
width: 100%;
padding: 14px 14px 13px;
background: #fff;
border: 1px solid #e7e7e7;
-webkit-box-shadow: inset 0 4px 3px -3px #dedede;
box-shadow: inset 0 4px 3px -3px #dedede;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s;
transition: border-color ease-in-out .15s
}
.form-control:-webkit-autofill,
.btn-form-control:-webkit-autofill,
.paczkonaty-select:-webkit-autofill,
.dhl-paketboxes-select select:-webkit-autofill {
background: #fff;
-webkit-box-shadow: 0 0 0 1e3px #fff inset!important
}
.form-control:-webkit-autofill:hover,
.btn-form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.btn-form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active,
.btn-form-control:-webkit-autofill:active,
.paczkonaty-select:-webkit-autofill:hover,
.paczkonaty-select:-webkit-autofill:focus,
.paczkonaty-select:-webkit-autofill:active,
.dhl-paketboxes-select select:-webkit-autofill:hover,
.dhl-paketboxes-select select:-webkit-autofill:focus,
.dhl-paketboxes-select select:-webkit-autofill:active {
background: #fff;
-webkit-box-shadow: 0 0 0 1e3px #fff inset!important
}
.form-control:-webkit-autofill[disabled],
.btn-form-control:-webkit-autofill[disabled],
.paczkonaty-select:-webkit-autofill[disabled],
.dhl-paketboxes-select select:-webkit-autofill[disabled] {
background: #eee;
-webkit-box-shadow: 0 0 0 1e3px #eee inset!important
}
.form-control:-webkit-autofill[disabled]:hover,
.btn-form-control:-webkit-autofill[disabled]:hover,
.form-control:-webkit-autofill[disabled]:focus,
.btn-form-control:-webkit-autofill[disabled]:focus,
.form-control:-webkit-autofill[disabled]:active,
.btn-form-control:-webkit-autofill[disabled]:active,
.paczkonaty-select:-webkit-autofill[disabled]:hover,
.paczkonaty-select:-webkit-autofill[disabled]:focus,
.paczkonaty-select:-webkit-autofill[disabled]:active,
.dhl-paketboxes-select select:-webkit-autofill[disabled]:hover,
.dhl-paketboxes-select select:-webkit-autofill[disabled]:focus,
.dhl-paketboxes-select select:-webkit-autofill[disabled]:active {
background: #eee;
-webkit-box-shadow: 0 0 0 1e3px #eee inset!important
}
.form-control.form-control-extra-xs,
.form-control-extra-xs.btn-form-control,
.paczkonaty-select.form-control-extra-xs,
.dhl-paketboxes-select select.form-control-extra-xs {
padding: 6px 14px;
height: 33px;
font-size: 12px;
line-height: 17px
}
.form-control.form-control-big,
.form-control-big.btn-form-control,
.paczkonaty-select.form-control-big,
.dhl-paketboxes-select select.form-control-big {
height: 45px;
padding: 11px 20px;
font-size: 14px;
line-height: 1.42857;
color: #555;
letter-spacing: .03em;
background-color: #f4f7f8;
background-image: none;
border: 1px solid #dae1e4
}
.form-control.form-control-error,
.form-control-error.btn-form-control,
.paczkonaty-select.form-control-error,
.dhl-paketboxes-select select.form-control-error {
border: 2px solid #ee1900;
background: #feefef;
-webkit-box-shadow: inset 0 0 0 0 transparent;
box-shadow: inset 0 0 0 0 transparent
}
.form-control:focus,
.btn-form-control:focus,
.paczkonaty-select:focus,
.dhl-paketboxes-select select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder,
.btn-form-control::-moz-placeholder,
.paczkonaty-select::-moz-placeholder,
.dhl-paketboxes-select select::-moz-placeholder {
color: #2e2e2e;
opacity: 1
}
.form-control:-ms-input-placeholder,
.btn-form-control:-ms-input-placeholder,
.paczkonaty-select:-ms-input-placeholder,
.dhl-paketboxes-select select:-ms-input-placeholder {
color: #2e2e2e
}
.form-control::-webkit-input-placeholder,
.btn-form-control::-webkit-input-placeholder,
.paczkonaty-select::-webkit-input-placeholder,
.dhl-paketboxes-select select::-webkit-input-placeholder {
color: #2e2e2e
}
.form-control::-ms-expand,
.btn-form-control::-ms-expand,
.paczkonaty-select::-ms-expand,
.dhl-paketboxes-select select::-ms-expand {
border: 0;
background-color: transparent
}
.form-control[disabled],
[disabled].btn-form-control,
fieldset[disabled] .form-control,
fieldset[disabled] .btn-form-control,
.paczkonaty-select[disabled],
fieldset[disabled] .paczkonaty-select,
.dhl-paketboxes-select select[disabled],
fieldset[disabled] .dhl-paketboxes-select select {
background-color: #eee;
opacity: 1
}
.form-control[disabled],
[disabled].btn-form-control,
fieldset[disabled] .form-control,
fieldset[disabled] .btn-form-control,
.paczkonaty-select[disabled],
fieldset[disabled] .paczkonaty-select,
.dhl-paketboxes-select select[disabled],
fieldset[disabled] .dhl-paketboxes-select select {
cursor: not-allowed
}
textarea.form-control-extra-xs {
height: auto!important
}
.form-item-validate {
position: relative
}
.form-item-validate .form-item-validate-input,
.form-item-validate .form-item-validate-dropdown {
position: relative
}
.form-item-validate .phonePrefix {
position: absolute;
left: 15px;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.form-item-validate .phonePrefix:not(.hidden)~.form-control,
.form-item-validate .phonePrefix:not(.hidden)~.btn-form-control {
padding-left: 45px
}
.form-item-validate .validate-valid,
.form-item-validate .validate-unvalid {
display: none;
position: absolute;
top: 50%;
right: 13px;
font-size: 1.5em;
z-index: 10;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.form-item-validate .form-item-validate-dropdown .validate-valid,
.form-item-validate .form-item-validate-dropdown .validate-unvalid {
right: 33px
}
.form-item-validate .validate-valid {
font-size: 1.2em;
color: #018068
}
.form-item-validate .validate-unvalid {
color: #e30613
}
.form-item-validate div.error,
.form-item-validate span.error,
.form-item-validate .validation-error {
color: #ee1900;
margin: 5px 0;
display: inline-block;
font-size: .8em
}
.form-item-validate div.error span,
.form-item-validate span.error span,
.form-item-validate .validation-error span {
display: block
}
.form-item-validate[data-checked=false] .form-control,
.form-item-validate[data-checked=false] .btn-form-control {
padding-right: 40px;
border: 2px solid #ee1900;
background: #feefef;
-webkit-box-shadow: inset 0 0 0 0 transparent;
box-shadow: inset 0 0 0 0 transparent
}
.form-item-validate[data-checked=false] .btn-dropdown {
padding-right: 60px;
border: 2px solid #ee1900!important;
background: #feefef!important
}
.form-item-validate[data-checked=false] .hidden-on-unvalid {
display: none
}
.form-item-validate[data-checked=false] .validate-unvalid {
display: inline-block
}
.form-item-validate[data-checked=correctly] .form-control,
.form-item-validate[data-checked=correctly] .btn-form-control {
padding-right: 40px;
border-color: #018068
}
.form-item-validate[data-checked=correctly] .btn-dropdown {
padding-right: 60px;
border-color: #018068!important
}
.form-item-validate[data-checked=correctly] .validate-valid {
display: inline-block
}
.form-item-validate[data-checked=correctly] div.error,
.form-item-validate[data-checked=correctly] .validation-error {
display: none!important
}
.form-item-validate.form-item-validate-custom div.error,
.form-item-validate.form-item-validate-custom span.error,
.form-item-validate.form-item-validate-custom .validation-error {
display: block;
position: relative;
padding: 20px 10px 19px 50px!important;
background-color: #ffefed;
color: #da0505;
font-size: 14px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px
}
.form-item-validate.form-item-validate-custom div.error i.fa,
.form-item-validate.form-item-validate-custom span.error i.fa,
.form-item-validate.form-item-validate-custom .validation-error i.fa {
position: absolute;
top: 50%;
left: 20px;
font-size: 20px;
margin-top: -10px
}
.form-item-validate.form-item-validate-custom div.error span,
.form-item-validate.form-item-validate-custom span.error span,
.form-item-validate.form-item-validate-custom .validation-error span {
display: block;
margin: 0!important
}
.form-item-validate.form-item-validate-custom div.error:empty,
.form-item-validate.form-item-validate-custom span.error:empty,
.form-item-validate.form-item-validate-custom .validation-error:empty {
display: none
}
.m-dropdown.disabled .form-item-validate .hidden-on-unvalid,
.m-dropdown.disabled .form-item-validate .validate-valid,
.m-dropdown.disabled .form-item-validate .validate-unvalid {
display: none!important
}
.m-dropdown.disabled .form-item-validate .btn-dropdown {
padding-right: 30px!important;
border-color: #e0e4e7!important
}
.m-dropdown.disabled .form-item-validate[data-checked=correctly] {
border-color: #e0e4e7!important
}
.validator-info {
font-size: .857em;
margin-top: 20px
}
.validator-info+.validator-info {
margin-top: 10px
}
.paczkonaty-select select,
.dhl-paketboxes-select select {
padding: 0!important
}
.paczkonaty-select select option,
.dhl-paketboxes-select select option {
white-space: nowrap;
overflow: hidden;
padding: 5px 10px;
line-height: 16px;
cursor: pointer;
text-overflow: ellipsis;
width: 100%
}
.paczkonaty-select select option:hover,
.dhl-paketboxes-select select option:hover {
background: #e0e4e7
}
.paczkonaty-select select option.selected,
.dhl-paketboxes-select select option.selected {
background: #0169a1;
color: #fff
}
.paczkonaty-select~.validate-valid,
.paczkonaty-select~.validate-unvalid,
.dhl-paketboxes-select~.validate-valid,
.dhl-paketboxes-select~.validate-unvalid {
top: auto;
bottom: 100%;
transform: translate3d(0, -5px, 0);
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
-o-transform: translate3d(0, -5px, 0)
}
textarea.form-control,
textarea.btn-form-control {
height: auto;
padding-top: 15px;
padding-bottom: 15px;
resize: none
}
.validation-error {
color: #ee1900;
margin: 5px 0;
display: inline-block;
font-size: .8em
}
input[type=search] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].form-control,
input[type=date].btn-form-control,
input[type=time].form-control,
input[type=time].btn-form-control,
input[type=datetime-local].form-control,
input[type=datetime-local].btn-form-control,
input[type=month].form-control,
input[type=month].btn-form-control {
line-height: 45px
}
input[type=date].input-sm,
.input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm input[type=month] {
line-height: 14px
}
input[type=date].input-lg,
.input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg input[type=month] {
line-height: 15px
}
}
.form-group {
margin-bottom: 15px
}
.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.radio.form-item-validate[data-checked=false] div.error,
.radio.form-item-validate[data-checked=false] .validation-error,
.radio-inline.form-item-validate[data-checked=false] div.error,
.radio-inline.form-item-validate[data-checked=false] .validation-error,
.checkbox.form-item-validate[data-checked=false] div.error,
.checkbox.form-item-validate[data-checked=false] .validation-error,
.checkbox-inline.form-item-validate[data-checked=false] div.error,
.checkbox-inline.form-item-validate[data-checked=false] .validation-error {
display: block;
padding-left: 20px
}
.radio .text strong,
.radio .text b,
.radio-inline .text strong,
.radio-inline .text b,
.checkbox .text strong,
.checkbox .text b,
.checkbox-inline .text strong,
.checkbox-inline .text b {
display: inline-block
}
.radio .set-filter-link,
.radio .checkbox-span-value,
.radio-inline .set-filter-link,
.radio-inline .checkbox-span-value,
.checkbox .set-filter-link,
.checkbox .checkbox-span-value,
.checkbox-inline .set-filter-link,
.checkbox-inline .checkbox-span-value {
padding-left: 23px;
cursor: pointer
}
.radio .small-gray-text:not(.no-padding),
.radio-inline .small-gray-text:not(.no-padding),
.checkbox .small-gray-text:not(.no-padding),
.checkbox-inline .small-gray-text:not(.no-padding) {
padding: 8px 0 0 20px
}
.radio label,
.radio .label,
.radio-inline label,
.radio-inline .label,
.checkbox label,
.checkbox .label,
.checkbox-inline label,
.checkbox-inline .label {
display: inline-block;
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.radio input,
.radio-inline input,
.checkbox input,
.checkbox-inline input {
position: absolute;
left: -999999em;
visibility: hidden
}
.radio .input,
.radio-inline .input,
.checkbox .input,
.checkbox-inline .input {
display: block;
position: absolute;
left: 0;
top: 2px;
width: 14px;
height: 14px;
border: 1px solid #6f7071;
background: #fff;
text-align: center;
cursor: pointer
}
.radio input:checked~span.text,
.radio .input.input-checked+span.text,
.radio-inline input:checked~span.text,
.radio-inline .input.input-checked+span.text,
.checkbox input:checked~span.text,
.checkbox .input.input-checked+span.text,
.checkbox-inline input:checked~span.text,
.checkbox-inline .input.input-checked+span.text {
font-weight: 600
}
.radio input:disabled+.input,
.radio-inline input:disabled+.input,
.checkbox input:disabled+.input,
.checkbox-inline input:disabled+.input {
border-color: #dee1e3!important;
cursor: not-allowed
}
.radio input:disabled+.input:after,
.radio-inline input:disabled+.input:after,
.checkbox input:disabled+.input:after,
.checkbox-inline input:disabled+.input:after {
color: #dee1e3!important
}
.radio input:disabled+.input:before,
.radio-inline input:disabled+.input:before,
.checkbox input:disabled+.input:before,
.checkbox-inline input:disabled+.input:before {
background: #dee1e3!important
}
.radio.size-lg label,
.radio.size-lg .label,
.radio-inline.size-lg label,
.radio-inline.size-lg .label,
.checkbox.size-lg label,
.checkbox.size-lg .label,
.checkbox-inline.size-lg label,
.checkbox-inline.size-lg .label {
padding-left: 25px;
font-size: 1.1em;
line-height: 1.5
}
.radio.size-lg label .input,
.radio.size-lg .label .input,
.radio-inline.size-lg label .input,
.radio-inline.size-lg .label .input,
.checkbox.size-lg label .input,
.checkbox.size-lg .label .input,
.checkbox-inline.size-lg label .input,
.checkbox-inline.size-lg .label .input {
top: 2px;
width: 18px;
height: 18px
}
.radio.checkbox-span .input,
.radio-inline.checkbox-span .input,
.checkbox.checkbox-span .input,
.checkbox-inline.checkbox-span .input {
top: 0
}
.radio.checkbox-span .checkbox-span-value,
.radio-inline.checkbox-span .checkbox-span-value,
.checkbox.checkbox-span .checkbox-span-value,
.checkbox-inline.checkbox-span .checkbox-span-value {
padding-left: 20px
}
.radio.checkbox-green label .input,
.radio.checkbox-green .label .input,
.radio-inline.checkbox-green label .input,
.radio-inline.checkbox-green .label .input,
.checkbox.checkbox-green label .input,
.checkbox.checkbox-green .label .input,
.checkbox-inline.checkbox-green label .input,
.checkbox-inline.checkbox-green .label .input {
border-color: #018068;
-webkit-box-shadow: 0 0 6px 0 #018068;
box-shadow: 0 0 6px 0 #018068
}
.radio.disabled,
.radio-inline.disabled,
.checkbox.disabled,
.checkbox-inline.disabled {
color: #ccc!important;
cursor: not-allowed!important
}
.checkbox-button label.block,
.checkbox-button .label.block {
display: block
}
.checkbox-button label input,
.checkbox-button .label input {
position: absolute;
left: -999999em;
visibility: hidden
}
.checkbox-button label input:checked~.btn,
.checkbox-button .label input:checked~.btn {
background: #e0e4e7;
color: #262626
}
.checkbox-button label input:disabled+.btn,
.checkbox-button .label input:disabled+.btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none
}
.checkbox-button.disabled {
pointer-events: none
}
.checkbox-button.disabled .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none
}
.checkbox .input:after,
.checkbox-inline .input:after {
font-family: fontawesome;
content: '\f00c';
color: #0169a1;
line-height: 14px;
display: none;
font-size: 11px
}
.checkbox label input:checked+.input,
.checkbox-inline label input:checked+.input {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.checkbox label input:checked+.input:after,
.checkbox-inline label input:checked+.input:after {
display: block
}
.checkbox .label.input-checked .input,
.checkbox-inline .label.input-checked .input {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.checkbox .label.input-checked .input:after,
.checkbox-inline .label.input-checked .input:after {
display: block
}
.checkbox .input.input-checked,
.checkbox-inline .input.input-checked {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.checkbox .input.input-checked:after,
.checkbox-inline .input.input-checked:after {
display: block
}
.checkbox.checkbox-indeterminate label .input,
.checkbox-inline.checkbox-indeterminate label .input {
border-color: #0169a1
}
.checkbox.checkbox-indeterminate label .input:after,
.checkbox-inline.checkbox-indeterminate label .input:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
background: #0169a1
}
.checkbox.checkbox-indeterminate label input:checked+.input,
.checkbox-inline.checkbox-indeterminate label input:checked+.input {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.checkbox.checkbox-indeterminate label input:checked+.input:after,
.checkbox-inline.checkbox-indeterminate label input:checked+.input:after {
font-family: fontawesome;
content: '\f00c';
color: #0169a1;
line-height: 14px;
display: block;
font-size: 11px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
background: 0 0
}
.checkbox.checkbox-type-2 .small-gray-text:not(.no-padding),
.checkbox-inline.checkbox-type-2 .small-gray-text:not(.no-padding) {
padding: 8px 0 0 35px
}
.checkbox.checkbox-type-2 .toggle-icon,
.checkbox-inline.checkbox-type-2 .toggle-icon {
display: inline-block;
vertical-align: middle;
font-size: 18px;
line-height: 14px;
color: #000;
margin: -2px 0 0 3px
}
.checkbox.checkbox-type-2 label,
.checkbox-inline.checkbox-type-2 label {
padding-top: 3px;
padding-left: 35px;
font-size: 12px;
line-height: 20px
}
.checkbox.checkbox-type-2 label .input,
.checkbox-inline.checkbox-type-2 label .input {
top: 2px;
width: 19px;
height: 19px;
border: 2px solid #d3d9dd;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
.checkbox.checkbox-type-2 label .input:after,
.checkbox-inline.checkbox-type-2 label .input:after {
content: '\e818';
font-family: morele-font;
color: #3c9430;
line-height: 17px;
display: none;
font-size: 14px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
background: 0 0
}
.checkbox.checkbox-type-2 label input:checked~.input,
.checkbox-inline.checkbox-type-2 label input:checked~.input {
border-color: #d3d9dd;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent
}
.checkbox.checkbox-type-2 label input:checked~.input:after,
.checkbox-inline.checkbox-type-2 label input:checked~.input:after {
display: block
}
.checkbox.checkbox-type-2 .error,
.checkbox-inline.checkbox-type-2 .error {
padding-left: 35px!important
}
.checkbox.checkbox-type-2.validation-error .input,
.checkbox-inline.checkbox-type-2.validation-error .input {
border-color: #e30613
}
.checkbox.checkbox-heart label,
.checkbox-inline.checkbox-heart label {
padding: 0
}
.checkbox.checkbox-heart label .input,
.checkbox-inline.checkbox-heart label .input {
position: relative;
top: auto;
left: auto;
width: auto;
height: auto;
border: 0
}
.checkbox.checkbox-heart label .input:after,
.checkbox-inline.checkbox-heart label .input:after {
content: '\f08a';
font-family: fontawesome;
display: block;
color: #0169a1;
line-height: 17px;
font-size: 14px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
background: 0 0
}
.checkbox.checkbox-heart label input:checked~.input,
.checkbox-inline.checkbox-heart label input:checked~.input {
border-color: transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent
}
.checkbox.checkbox-heart label input:checked~.input:after,
.checkbox-inline.checkbox-heart label input:checked~.input:after {
content: '\f004'
}
.checkbox.size-lg label .input:after,
.checkbox-inline.size-lg label .input:after {
line-height: 17px;
font-size: 14px
}
.checkbox.checkbox-sm label,
.checkbox-inline.checkbox-sm label {
font-size: 12px;
padding-top: 3px
}
.radio label .input,
.radio .label .input,
.radio-inline label .input,
.radio-inline .label .input {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.radio label .input:before,
.radio .label .input:before,
.radio-inline label .input:before,
.radio-inline .label .input:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
display: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #0169a1
}
.radio label input:checked+.input,
.radio .label input:checked+.input,
.radio-inline label input:checked+.input,
.radio-inline .label input:checked+.input {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.radio label input:checked+.input:before,
.radio .label input:checked+.input:before,
.radio-inline label input:checked+.input:before,
.radio-inline .label input:checked+.input:before {
display: block
}
.radio label.input-checked .input,
.radio .label.input-checked .input,
.radio-inline label.input-checked .input,
.radio-inline .label.input-checked .input {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.radio label.input-checked .input:before,
.radio .label.input-checked .input:before,
.radio-inline label.input-checked .input:before,
.radio-inline .label.input-checked .input:before {
display: block
}
.radio label .input.input-checked,
.radio .label .input.input-checked,
.radio-inline label .input.input-checked,
.radio-inline .label .input.input-checked {
border-color: #0169a1;
-webkit-box-shadow: 0 0 4px 1px #add5e4;
box-shadow: 0 0 4px 1px #add5e4
}
.radio label .input.input-checked:before,
.radio .label .input.input-checked:before,
.radio-inline label .input.input-checked:before,
.radio-inline .label .input.input-checked:before {
display: block
}
.radio.size-lg label .input:before,
.radio.size-lg .label .input:before,
.radio-inline.size-lg label .input:before,
.radio-inline.size-lg .label .input:before {
top: 3px;
left: 3px;
right: 3px;
bottom: 3px
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
margin-bottom: 10px;
margin-right: 20px;
vertical-align: middle;
font-weight: 400;
cursor: pointer;
margin-top: 0
}
.switch-label {
font-size: 12px;
line-height: 1.5
}
.switch {
position: relative;
cursor: pointer;
margin: 0 0 0 7px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.switch.switch-inline {
display: inline-block;
vertical-align: middle;
margin-right: 15px
}
.switch input[type=checkbox] {
position: absolute;
left: -999999em
}
.switch .s-icon {
position: relative;
display: block;
float: left;
width: 24px;
height: 8px;
background-color: #d3d9dd;
border: 0;
margin: 3px 0;
border-radius: 8px!important;
vertical-align: middle;
-webkit-transition: all .2s cubic-bezier(.35, 0, .25, 1) .1s;
-o-transition: all .2s cubic-bezier(.35, 0, .25, 1) .1s;
transition: all .2s cubic-bezier(.35, 0, .25, 1) .1s
}
.switch .s-icon:after {
content: '';
position: absolute;
background-color: #868686;
top: -2px;
left: 0;
margin-left: -6px;
height: 12px;
width: 12px;
border: 0;
border-radius: 100%;
-webkit-box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, .4);
box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, .4);
-webkit-transition: all .3s cubic-bezier(.35, 0, .25, 1);
-o-transition: all .3s cubic-bezier(.35, 0, .25, 1);
transition: all .3s cubic-bezier(.35, 0, .25, 1)
}
.switch .s-text,
.switch .s-text-off,
.switch .s-text-on {
vertical-align: top;
line-height: 13px;
font-size: 12px;
color: #959595;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
display: block;
float: left;
width: 100%;
margin-left: -24px;
padding-left: 40px
}
.switch .s-text-on {
display: none;
color: #0169a1
}
.switch input[type=checkbox]:checked~.s-icon:after {
background: #0169a1;
left: 100%
}
.switch input[type=checkbox]:checked~.s-text {
color: #0169a1
}
.switch input[type=checkbox]:checked~.s-text-on {
display: inline-block
}
.switch input[type=checkbox]:checked~.s-text-off {
display: none
}
.switch input[type=checkbox].disabled~.s-icon {
background: rgba(0, 0, 0, .2)
}
.switch input[type=checkbox].disabled~.s-icon:after {
background: #7c7c7c
}
.switch:after {
content: '';
display: block;
clear: both
}
input[type=radio][disabled],
input[type=radio].disabled,
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
cursor: not-allowed
}
input[type=text][disabled],
input[type=text].disabled,
fieldset[disabled] input[type=text],
input[type=email][disabled],
input[type=email].disabled,
fieldset[disabled] input[type=email] {
cursor: not-allowed;
border-color: #e0e4e7!important;
box-shadow: none!important
}
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed
}
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed
}
.form-control-static {
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 0;
min-height: 34px
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0
}
.input-sm {
height: 14px;
padding: 10px 14px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px
}
select.input-sm {
height: 14px;
line-height: 14px
}
textarea.input-sm,
select[multiple].input-sm {
height: auto
}
.form-group-sm .form-control,
.form-group-sm .btn-form-control {
height: 14px;
padding: 10px 14px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px
}
.form-group-sm select.form-control,
.form-group-sm select.btn-form-control {
height: 14px;
line-height: 14px
}
.form-group-sm textarea.form-control,
.form-group-sm textarea.btn-form-control,
.form-group-sm select[multiple].form-control,
.form-group-sm select[multiple].btn-form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 14px;
min-height: 33px;
padding: 11px 14px;
font-size: 13px;
line-height: 1.5
}
.input-lg {
height: 15px;
padding: 14px 35px;
font-size: 18px;
line-height: 1.4;
border-radius: 5px
}
select.input-lg {
height: 15px;
line-height: 15px
}
textarea.input-lg,
select[multiple].input-lg {
height: auto
}
.form-group-lg .form-control,
.form-group-lg .btn-form-control {
height: 15px;
padding: 14px 35px;
font-size: 18px;
line-height: 1.4;
border-radius: 5px
}
.form-group-lg select.form-control,
.form-group-lg select.btn-form-control {
height: 15px;
line-height: 15px
}
.form-group-lg textarea.form-control,
.form-group-lg textarea.btn-form-control,
.form-group-lg select[multiple].form-control,
.form-group-lg select[multiple].btn-form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 15px;
min-height: 38px;
padding: 15px 35px;
font-size: 18px;
line-height: 1.4
}
.has-feedback {
position: relative
}
.has-feedback .form-control,
.has-feedback .btn-form-control {
padding-right: 56.25px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
display: block;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
pointer-events: none
}
.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback,
.form-group-lg .btn-form-control+.form-control-feedback {
width: 15px;
height: 15px;
line-height: 15px
}
.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback,
.form-group-sm .btn-form-control+.form-control-feedback {
width: 14px;
height: 14px;
line-height: 14px
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #029a5e
}
.has-success .form-control,
.has-success .btn-form-control {
border-color: #029a5e;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus,
.has-success .btn-form-control:focus {
border-color: #01683f;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #06fc9b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #06fc9b
}
.has-success .input-group-addon {
color: #029a5e;
border-color: #029a5e;
background-color: #f4fff7
}
.has-success .form-control-feedback {
color: #029a5e
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #d69c01
}
.has-warning .form-control,
.has-warning .btn-form-control {
border-color: #d69c01;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus,
.has-warning .btn-form-control:focus {
border-color: #a37701;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #feca3f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #feca3f
}
.has-warning .input-group-addon {
color: #d69c01;
border-color: #d69c01;
background-color: #fffdd0
}
.has-warning .form-control-feedback {
color: #d69c01
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #da0505
}
.has-error .form-control,
.has-error .btn-form-control {
border-color: #da0505;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus,
.has-error .btn-form-control:focus {
border-color: #a80404;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fb4a4a;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fb4a4a
}
.has-error .input-group-addon {
color: #da0505;
border-color: #da0505;
background-color: #ffefed
}
.has-error .form-control-feedback {
color: #da0505
}
.has-feedback label~.form-control-feedback {
top: 25px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media(min-width:768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control,
.form-inline .btn-form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control,
.form-inline .input-group .btn-form-control {
width: auto
}
.form-inline .input-group>.form-control,
.form-inline .input-group>.btn-form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0
}
.form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 12px
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 32px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
content: " ";
display: table
}
.form-horizontal .form-group:after {
clear: both
}
@media(max-width:1024px) {
.form-horizontal .form-group {
margin-left: -10px;
margin-right: -10px
}
}
@media(min-width:768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 12px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media(min-width:768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 15px;
font-size: 18px
}
}
@media(min-width:768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 11px;
font-size: 13px
}
}
.btn {
position: relative;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
text-align: center;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 11px 20px;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn.btn-to-left {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.btn.btn-to-right {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #262626;
text-decoration: none
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
.button-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.button-loader .loader {
color: #fff;
font-size: 4px;
margin: 18px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
z-index: 1;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.btn-lg .button-loader .loader {
margin: 25px auto
}
.btn-loading {
position: relative;
pointer-events: none;
color: transparent!important;
opacity: .65
}
.btn-loading .button-loader {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
border: 1px solid #d3d9dd;
color: #262626;
background: #f0f3f5;
background: -moz-linear-gradient(top, #f0f3f5 0%, #d7dcdf 100%);
background: -webkit-linear-gradient(top, #f0f3f5 0%, #d7dcdf 100%);
background: linear-gradient(to bottom, #f0f3f5 0%, #d7dcdf 100%)
}
.btn-default:hover {
background: #e0e4e7;
color: #262626
}
.btn-primary {
color: #fff;
background-color: #0169a1;
border-color: #0169a1
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #01486e;
border-color: #001622
}
.btn-primary:hover {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #00314b;
border-color: #001622
}
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
background-image: none
}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background-color: #0169a1;
border-color: #0169a1
}
.btn-primary .badge {
color: #0169a1;
background-color: #fff
}
.btn-primary-outline {
color: #0169a1;
background-color: #fff;
border-color: #0169a1
}
.btn-primary-outline:focus,
.btn-primary-outline.focus {
color: #0169a1;
background-color: #e6e6e6;
border-color: #001622
}
.btn-primary-outline:hover {
color: #0169a1;
background-color: #e6e6e6;
border-color: #014164
}
.btn-primary-outline:active,
.btn-primary-outline.active,
.open>.btn-primary-outline.dropdown-toggle {
color: #0169a1;
background-color: #e6e6e6;
border-color: #014164
}
.btn-primary-outline:active:hover,
.btn-primary-outline:active:focus,
.btn-primary-outline:active.focus,
.btn-primary-outline.active:hover,
.btn-primary-outline.active:focus,
.btn-primary-outline.active.focus,
.open>.btn-primary-outline.dropdown-toggle:hover,
.open>.btn-primary-outline.dropdown-toggle:focus,
.open>.btn-primary-outline.dropdown-toggle.focus {
color: #0169a1;
background-color: #d4d4d4;
border-color: #001622
}
.btn-primary-outline:active,
.btn-primary-outline.active,
.open>.btn-primary-outline.dropdown-toggle {
background-image: none
}
.btn-primary-outline.disabled:hover,
.btn-primary-outline.disabled:focus,
.btn-primary-outline.disabled.focus,
.btn-primary-outline[disabled]:hover,
.btn-primary-outline[disabled]:focus,
.btn-primary-outline[disabled].focus,
fieldset[disabled] .btn-primary-outline:hover,
fieldset[disabled] .btn-primary-outline:focus,
fieldset[disabled] .btn-primary-outline.focus {
background-color: #fff;
border-color: #0169a1
}
.btn-primary-outline .badge {
color: #fff;
background-color: #0169a1
}
.btn-primary-outline:hover {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.btn-red {
color: #fff;
background-color: #e30613;
border-color: #e30613;
font-weight: 600
}
.btn-red:focus,
.btn-red.focus {
color: #fff;
background-color: #b1050f;
border-color: #670309
}
.btn-red:hover {
color: #fff;
background-color: #b1050f;
border-color: #a7040e
}
.btn-red:active,
.btn-red.active,
.open>.btn-red.dropdown-toggle {
color: #fff;
background-color: #b1050f;
border-color: #a7040e
}
.btn-red:active:hover,
.btn-red:active:focus,
.btn-red:active.focus,
.btn-red.active:hover,
.btn-red.active:focus,
.btn-red.active.focus,
.open>.btn-red.dropdown-toggle:hover,
.open>.btn-red.dropdown-toggle:focus,
.open>.btn-red.dropdown-toggle.focus {
color: #fff;
background-color: #8f040c;
border-color: #670309
}
.btn-red:active,
.btn-red.active,
.open>.btn-red.dropdown-toggle {
background-image: none
}
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled.focus,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red.focus {
background-color: #e30613;
border-color: #e30613
}
.btn-red .badge {
color: #e30613;
background-color: #fff
}
.btn-blue {
color: #fff;
background-color: #3bb4ee;
border-color: #3bb4ee
}
.btn-blue:focus,
.btn-blue.focus {
color: #fff;
background-color: #149fe2;
border-color: #0e6e9c
}
.btn-blue:hover {
color: #fff;
background-color: #149fe2;
border-color: #1399d9
}
.btn-blue:active,
.btn-blue.active,
.open>.btn-blue.dropdown-toggle {
color: #fff;
background-color: #149fe2;
border-color: #1399d9
}
.btn-blue:active:hover,
.btn-blue:active:focus,
.btn-blue:active.focus,
.btn-blue.active:hover,
.btn-blue.active:focus,
.btn-blue.active.focus,
.open>.btn-blue.dropdown-toggle:hover,
.open>.btn-blue.dropdown-toggle:focus,
.open>.btn-blue.dropdown-toggle.focus {
color: #fff;
background-color: #1188c2;
border-color: #0e6e9c
}
.btn-blue:active,
.btn-blue.active,
.open>.btn-blue.dropdown-toggle {
background-image: none
}
.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue:hover,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue.focus {
background-color: #3bb4ee;
border-color: #3bb4ee
}
.btn-blue .badge {
color: #3bb4ee;
background-color: #fff
}
.btn-offer {
color: #262626;
background-color: #fff;
border-color: #e0e4e7;
border-width: 2px
}
.btn-offer:focus,
.btn-offer.focus {
color: #262626;
background-color: #e6e6e6;
border-color: #98a5af
}
.btn-offer:hover {
color: #262626;
background-color: #e6e6e6;
border-color: #bec6cc
}
.btn-offer:active,
.btn-offer.active,
.open>.btn-offer.dropdown-toggle {
color: #262626;
background-color: #e6e6e6;
border-color: #bec6cc
}
.btn-offer:active:hover,
.btn-offer:active:focus,
.btn-offer:active.focus,
.btn-offer.active:hover,
.btn-offer.active:focus,
.btn-offer.active.focus,
.open>.btn-offer.dropdown-toggle:hover,
.open>.btn-offer.dropdown-toggle:focus,
.open>.btn-offer.dropdown-toggle.focus {
color: #262626;
background-color: #d4d4d4;
border-color: #98a5af
}
.btn-offer:active,
.btn-offer.active,
.open>.btn-offer.dropdown-toggle {
background-image: none
}
.btn-offer.disabled:hover,
.btn-offer.disabled:focus,
.btn-offer.disabled.focus,
.btn-offer[disabled]:hover,
.btn-offer[disabled]:focus,
.btn-offer[disabled].focus,
fieldset[disabled] .btn-offer:hover,
fieldset[disabled] .btn-offer:focus,
fieldset[disabled] .btn-offer.focus {
background-color: #fff;
border-color: #e0e4e7
}
.btn-offer .badge {
color: #fff;
background-color: #262626
}
.btn-offer:hover {
border-color: #e0e4e7;
text-decoration: underline
}
.btn-offer-blue {
color: #0169a1;
background-color: #fff;
border-color: #0169a1;
border-width: 2px;
text-decoration: none
}
.btn-offer-blue:focus,
.btn-offer-blue.focus {
color: #0169a1;
background-color: #e6e6e6;
border-color: #001622
}
.btn-offer-blue:hover {
color: #0169a1;
background-color: #e6e6e6;
border-color: #014164
}
.btn-offer-blue:active,
.btn-offer-blue.active,
.open>.btn-offer-blue.dropdown-toggle {
color: #0169a1;
background-color: #e6e6e6;
border-color: #014164
}
.btn-offer-blue:active:hover,
.btn-offer-blue:active:focus,
.btn-offer-blue:active.focus,
.btn-offer-blue.active:hover,
.btn-offer-blue.active:focus,
.btn-offer-blue.active.focus,
.open>.btn-offer-blue.dropdown-toggle:hover,
.open>.btn-offer-blue.dropdown-toggle:focus,
.open>.btn-offer-blue.dropdown-toggle.focus {
color: #0169a1;
background-color: #d4d4d4;
border-color: #001622
}
.btn-offer-blue:active,
.btn-offer-blue.active,
.open>.btn-offer-blue.dropdown-toggle {
background-image: none
}
.btn-offer-blue.disabled:hover,
.btn-offer-blue.disabled:focus,
.btn-offer-blue.disabled.focus,
.btn-offer-blue[disabled]:hover,
.btn-offer-blue[disabled]:focus,
.btn-offer-blue[disabled].focus,
fieldset[disabled] .btn-offer-blue:hover,
fieldset[disabled] .btn-offer-blue:focus,
fieldset[disabled] .btn-offer-blue.focus {
background-color: #fff;
border-color: #0169a1
}
.btn-offer-blue .badge {
color: #fff;
background-color: #0169a1
}
.btn-offer-blue:hover {
border-color: #0169a1;
background: #0169a1;
color: #fff
}
.btn-outer-white {
background: 0 0;
border: 2px solid #fff;
color: #fff!important
}
.btn-outer-white:hover {
background: #fff;
color: #000!important
}
.btn-fa.fa {
background: 0 0;
border: 0;
padding: 0;
font-size: 20px;
color: #9b9b9b
}
.btn-fa.fa.fa-bars-views {
font-size: 22px
}
.btn-fa:hover,
.btn-fa.active {
color: #0b0b0b
}
.btn-light-gray {
color: #000;
background-color: #eceff0;
border-color: #eceff0
}
.btn-light-gray:focus,
.btn-light-gray.focus {
color: #000;
background-color: #d0d7da;
border-color: #a5b3b8
}
.btn-light-gray:hover {
color: #000;
background-color: #d0d7da;
border-color: #cad2d5
}
.btn-light-gray:active,
.btn-light-gray.active,
.open>.btn-light-gray.dropdown-toggle {
color: #000;
background-color: #d0d7da;
border-color: #cad2d5
}
.btn-light-gray:active:hover,
.btn-light-gray:active:focus,
.btn-light-gray:active.focus,
.btn-light-gray.active:hover,
.btn-light-gray.active:focus,
.btn-light-gray.active.focus,
.open>.btn-light-gray.dropdown-toggle:hover,
.open>.btn-light-gray.dropdown-toggle:focus,
.open>.btn-light-gray.dropdown-toggle.focus {
color: #000;
background-color: #bcc6ca;
border-color: #a5b3b8
}
.btn-light-gray:active,
.btn-light-gray.active,
.open>.btn-light-gray.dropdown-toggle {
background-image: none
}
.btn-light-gray.disabled:hover,
.btn-light-gray.disabled:focus,
.btn-light-gray.disabled.focus,
.btn-light-gray[disabled]:hover,
.btn-light-gray[disabled]:focus,
.btn-light-gray[disabled].focus,
fieldset[disabled] .btn-light-gray:hover,
fieldset[disabled] .btn-light-gray:focus,
fieldset[disabled] .btn-light-gray.focus {
background-color: #eceff0;
border-color: #eceff0
}
.btn-light-gray .badge {
color: #eceff0;
background-color: #000
}
.btn-gray {
color: #fff;
background-color: #727272;
border-color: #727272
}
.btn-gray:focus,
.btn-gray.focus {
color: #fff;
background-color: #595959;
border-color: #323232
}
.btn-gray:hover {
color: #fff;
background-color: #595959;
border-color: #535353
}
.btn-gray:active,
.btn-gray.active,
.open>.btn-gray.dropdown-toggle {
color: #fff;
background-color: #595959;
border-color: #535353
}
.btn-gray:active:hover,
.btn-gray:active:focus,
.btn-gray:active.focus,
.btn-gray.active:hover,
.btn-gray.active:focus,
.btn-gray.active.focus,
.open>.btn-gray.dropdown-toggle:hover,
.open>.btn-gray.dropdown-toggle:focus,
.open>.btn-gray.dropdown-toggle.focus {
color: #fff;
background-color: #474747;
border-color: #323232
}
.btn-gray:active,
.btn-gray.active,
.open>.btn-gray.dropdown-toggle {
background-image: none
}
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray.focus {
background-color: #727272;
border-color: #727272
}
.btn-gray .badge {
color: #727272;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
background-image: none
}
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85
}
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
background-image: none
}
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
background-image: none
}
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
background-image: none
}
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-not-style {
border: 0;
background: 0 0;
padding: 0;
margin: 0;
outline: 0
}
.button-remove-date {
position: absolute;
top: 50%;
right: 38px;
font-size: 2.2em;
background: 0 0;
border: 0;
padding: 0;
color: #e30613;
outline: 0;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.button-remove-date:before {
content: '\f05c';
font-family: fontawesome
}
.button-remove-date:hover {
color: #b1050f
}
.btn-close {
border: 0;
background: 0 0;
padding: 5px;
width: 28px;
height: 28px
}
.btn-close i {
display: block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease
}
.btn-close:hover .icon-close-light:before,
.btn-close:hover .icon-close-light:after {
background: #0169a1
}
.btn-form-control {
text-align: left;
color: #555!important;
border: 1px solid #e0e0e0
}
.btn-big-link {
background: 0 0;
border: 0;
outline: 0;
padding: 0;
font-weight: 700;
font-size: 17px;
line-height: 23px;
color: #0169a1
}
@media(max-width:767px) {
.btn-big-link {
font-size: 14px;
line-height: 19px
}
}
.btn-searchCategory {
padding: 15px 32px 14px 10px;
text-align: left;
border-radius: 0;
border: 0;
background: 0 0;
font-size: 12px;
color: #909090!important;
position: relative
}
@media(max-width:1024px) {
.btn-searchCategory {
padding: 15px 32px 13px 10px
}
}
@media(max-width:450px) {
.btn-searchCategory {
padding-right: 10px;
height: 46px
}
}
.btn-searchCategory span.default {
display: block;
float: left;
width: 100%;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media(max-width:450px) {
.btn-searchCategory span.default {
display: none
}
}
.btn-searchCategory:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: #e7e7e7
}
.btn-searchCategory:after {
content: '\f078';
font-family: fontawesome;
display: block;
position: absolute;
right: 9px;
top: 50%;
font-size: 1.2em;
color: #000;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
transform: translate3d(0, -50%, 0) rotateZ(0deg);
-webkit-transform: translate3d(0, -50%, 0) rotateZ(0deg);
-moz-transform: translate3d(0, -50%, 0) rotateZ(0deg);
-ms-transform: translate3d(0, -50%, 0) rotateZ(0deg);
-o-transform: translate3d(0, -50%, 0) rotateZ(0deg)
}
@media(max-width:450px) {
.btn-searchCategory:after {
right: auto;
left: 50%;
transform: translate3d(-50%, -50%, 0) rotateZ(0deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotateZ(0deg);
-moz-transform: translate3d(-50%, -50%, 0) rotateZ(0deg);
-ms-transform: translate3d(-50%, -50%, 0) rotateZ(0deg);
-o-transform: translate3d(-50%, -50%, 0) rotateZ(0deg)
}
}
.btn-searchCategory:active,
.btn-searchCategory.active {
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent
}
.m-dropdown.dropdown-open .btn-searchCategory:after {
transform: translate3d(0, -50%, 0) rotateZ(180deg);
-webkit-transform: translate3d(0, -50%, 0) rotateZ(180deg);
-moz-transform: translate3d(0, -50%, 0) rotateZ(180deg);
-ms-transform: translate3d(0, -50%, 0) rotateZ(180deg);
-o-transform: translate3d(0, -50%, 0) rotateZ(180deg)
}
.btn-link {
color: #0169a1;
font-weight: 400;
border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent
}
.btn-link:hover,
.btn-link:focus {
color: #013755;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none
}
.btn-mUSER-link {
position: relative;
background: 0 0;
display: inline-block;
vertical-align: middle;
border: 0;
outline: 0;
color: #0169a1;
font-size: 16px;
padding: 5px 5px 4px;
text-decoration: none!important;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.btn-mUSER-link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0169a1;
z-index: -1;
opacity: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transform: scale3d(.7, 1, 1);
transform: scale3d(.7, 1, 1);
-webkit-transition: -webkit-transform .4s, opacity .4s;
transition: transform .4s, opacity .4s;
-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
transition-timing-function: cubic-bezier(.2, 1, .3, 1);
-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.btn-mUSER-link:not(.btn-mUSER-disabled):hover {
color: #fff
}
.btn-mUSER-link:not(.btn-mUSER-disabled):hover:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.btn-mUSER-link.btn-mUSER-disabled {
font-size: 16px;
color: #949494
}
.btn-mUSER-outline-blue {
position: relative;
background: 0 0;
color: #0169a1;
padding: 8px 21px;
letter-spacing: 1.2px;
border: 2px solid #0169a1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.btn-mUSER-outline-blue::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0169a1;
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(.7, 1, 1);
transform: scale3d(.7, 1, 1);
-webkit-transition: -webkit-transform .4s, opacity .4s;
transition: transform .4s, opacity .4s;
-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
transition-timing-function: cubic-bezier(.2, 1, .3, 1);
-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.btn-mUSER-outline-blue:not(.btn-mUSER-disabled):hover {
color: #fff
}
.btn-mUSER-outline-blue:not(.btn-mUSER-disabled):hover:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.btn-lg {
padding: 14px 35px;
font-size: 18px;
line-height: 1.4;
border-radius: 5px;
min-width: 100px;
font-weight: 600
}
.btn-lg.btn-lg-sm-fs {
font-size: 1em;
line-height: 1.8
}
.btn-lg.btn-to-left {
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0
}
.btn-lg.btn-to-right {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px
}
.btn-sm {
padding: 10px 14px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px
}
.btn-sm.btn-to-left {
-webkit-border-radius: 0 4px 3px 0;
-moz-border-radius: 0 4px 3px 0;
border-radius: 0 4px 3px 0
}
.btn-sm.btn-to-right {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px
}
.btn-xs {
padding: 7px 13px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs.btn-to-left {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0
}
.btn-xs.btn-to-right {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px
}
.btn-extra-xs {
padding: 6px 16px;
font-size: 13px;
line-height: 1.5;
border-radius: 4px
}
.btn-extra-xs.btn-to-left {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.btn-extra-xs.btn-to-right {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.btn-extra-xs.btn-offer-blue {
padding: 5px 15px;
font-size: 13px;
line-height: 1.5;
border-radius: 4px
}
.btn-extra-xs .loader {
margin: 14px auto
}
.btn-block {
display: block;
width: 100%
}
.btn-block:not(.dropdown-button) {
padding-left: 0;
padding-right: 0
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%
}
.link-control {
background: 0 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
color: #787878;
text-decoration: none;
letter-spacing: -.1px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease
}
.link-control i {
font-size: 16px;
margin-right: 4px
}
.link-control:hover {
text-decoration: none;
color: #000
}
.btn-go-to-category {
display: block;
border: 1px solid #0169a1;
padding: 16px 10px;
text-align: center;
color: #0169a1;
cursor: pointer;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease
}
.btn-go-to-category.go:after {
content: '>';
display: inline-block;
vertical-align: middle;
margin: 0 0 -2px 8px
}
.btn-go-to-category.back:before {
content: '<';
display: inline-block;
vertical-align: middle;
margin: 0 8px -2px 0
}
.btn-go-to-category:hover {
background: #0169a1;
text-decoration: none;
color: #fff
}
.breadcrumbs-wrap {
position: relative;
z-index: 7;
padding: 2px 0 10px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px
}
.breadcrumbs-wrap .breadcrumbs-label {
display: inline-block;
vertical-align: middle;
margin-right: 3px
}
.breadcrumbs-wrap .breadcrumbs-back {
margin-top: 8px
}
@media(max-width:767px) {
.breadcrumbs-wrap {
display: none
}
}
.breadcrumb {
list-style: none;
font-size: 1em;
padding: 0;
margin: 0
}
.breadcrumb>li {
display: inline;
line-height: 1.4
}
.breadcrumb>li+li:before {
content: "/ ";
padding: 0 2px;
color: #ccc;
margin-left: 2px
}
.breadcrumb>.active {
color: #777;
font-weight: 700
}
.breadcrumb-item {
position: relative
}
.breadcrumb-item:hover .breadcrumbs-dropdown .bd-list {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
.breadcrumbs-dropdown {
display: inline-block;
vertical-align: baseline
}
.breadcrumbs-dropdown i.fa {
font-size: 11px;
margin-left: 4px;
color: #0169a1
}
.breadcrumbs-dropdown .bd-list {
position: absolute;
top: 100%;
left: 19px;
z-index: 10;
pointer-events: none;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.breadcrumbs-dropdown .bd-list-inside {
background: #fff;
border: 1px solid #e7e7e7;
padding: 10px 15px;
margin-top: 10px;
width: 200px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px
}
.breadcrumbs-dropdown .bd-item {
font-size: 13px
}
.breadcrumbs-dropdown .bd-item+.bd-item {
margin-top: 6px
}
.alert,
.notify-content {
z-index: 1;
position: relative;
padding: 10px 50px 10px 30px;
margin: 5px;
border: 1px solid transparent;
border-radius: 4px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease
}
.alert:first-letter,
.notify-content:first-letter {
text-transform: uppercase
}
.alert h4,
.notify-content h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link,
.notify-content .alert-link {
font-weight: 700
}
.alert>p,
.alert>ul,
.notify-content>p,
.notify-content>ul {
margin-bottom: 0
}
.alert>p+p,
.notify-content>p+p {
margin-top: 5px
}
.alert .close,
.alert .notify-close,
.notify-content .close,
.notify-content .notify-close {
position: absolute;
right: 10px;
top: 50%;
border: 0;
background: 0 0;
padding: 0;
font-size: 18px;
opacity: .7;
color: inherit;
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.alert .close:hover,
.alert .notify-close:hover,
.notify-content .close:hover,
.notify-content .notify-close:hover {
opacity: 1;
color: inherit
}
.alert.alert-close,
.notify-content.alert-close {
opacity: 0;
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.alert.alert-onClose,
.notify-content.alert-onClose {
height: 0!important;
overflow: hidden;
padding: 0;
margin: 0
}
.alert-dismissable,
.alert-dismissible {
padding-right: 50px
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success,
.notify-content.success {
background-color: #f4fff7;
border-color: #029a5e;
color: #029a5e
}
.alert-success hr,
.notify-content.success hr {
border-top-color: #02814f
}
.alert-success .alert-link,
.notify-content.success .alert-link {
color: #01683f
}
.alert-info,
.notify-content.info {
background-color: #d3f2ff;
border-color: #47ade2;
color: #0099da
}
.alert-info hr,
.notify-content.info hr {
border-top-color: #31a3df
}
.alert-info .alert-link,
.notify-content.info .alert-link {
color: #0075a7
}
.alert-warning,
.notify-content.warning {
background-color: #fffdd0;
border-color: #ebab00;
color: #d69c01
}
.alert-warning hr,
.notify-content.warning hr {
border-top-color: #d29800
}
.alert-warning .alert-link,
.notify-content.warning .alert-link {
color: #a37701
}
.alert-danger,
.notify-content.danger {
background-color: #ffefed;
border-color: #da0505;
color: #da0505
}
.alert-danger hr,
.notify-content.danger hr {
border-top-color: #c10404
}
.alert-danger .alert-link,
.notify-content.danger .alert-link {
color: #a80404
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.pagination-wrapper {
text-align: center
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
padding: 0;
list-style: none
}
.pagination:after {
content: '';
display: block;
clear: both
}
.pagination>li {
display: inline-block;
vertical-align: middle;
margin: 4px;
cursor: pointer
}
.pagination>li>a,
.pagination>li>span {
display: block;
position: relative;
padding: 10px 11px;
color: #000;
line-height: 20px;
text-decoration: none;
background-color: #fff;
border: 1px solid #e7e7e7;
margin-left: -1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.pagination>li.button>a,
.pagination>li.button>span {
border: 0!important;
background: 0 0!important;
font-size: 2em;
line-height: 22px;
padding: 0
}
.pagination>li.button>a:hover,
.pagination>li.button>span:hover {
background: 0 0;
border: 0;
color: #0169a1
}
.pagination>li.choose-site {
margin: 4px 0
}
.pagination>li.choose-site input {
display: none;
position: relative;
float: left;
line-height: 1.42857;
text-decoration: none;
color: #000;
background-color: #fff;
border: 1px solid #e7e7e7;
margin-left: -1px;
max-width: 37px;
padding: 10px 5px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.pagination>li.choose-site input:hover {
border: 2px solid #0169a1;
padding: 10px 4px
}
.pagination>li.choose-site>a,
.pagination>li.choose-site>span {
border: 0!important;
background: 0 0!important;
font-size: 1.5em;
line-height: 16px;
padding: 0;
margin-top: -10px;
letter-spacing: 2px;
width: 37px
}
.pagination>li.choose-site>a:hover,
.pagination>li.choose-site>span:hover {
color: #0169a1
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>span>li>input:hover {
z-index: 3;
border-color: #01618a;
cursor: pointer;
border-width: 2px;
background: 0 0
}
.pagination>li:not(.button)>a:hover {
padding: 9px 10px
}
.pagination>.active>a,
.pagination>.active>span {
pointer-events: none
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
z-index: 3;
border-color: #0169a1;
cursor: default;
border-width: 2px;
background: 0 0
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 14px 35px;
font-size: 18px;
line-height: 1.4
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 10px 14px;
font-size: 13px;
line-height: 1.5
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
@-webkit-keyframes blink-animate {
0% {
border-color: #ccc
}
50% {
border-color: red
}
100% {
border-color: #ccc
}
}
@-moz-keyframes blink-animate {
0% {
border-color: #ccc
}
50% {
border-color: red
}
100% {
border-color: #ccc
}
}
@-webkit-keyframes sk-circleBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes sk-circleBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes blink-animate {
0% {
border-color: #ccc
}
50% {
border-color: red
}
100% {
border-color: #ccc
}
}
@-webkit-keyframes showSweetAlert {
0% {
transform: scale(.7);
-webkit-transform: scale(.7)
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
80% {
transform: scale(.95);
-webkit-transform: scale(.95)
}
100% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
@keyframes showSweetAlert {
0% {
transform: scale(.7);
-webkit-transform: scale(.7)
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
80% {
transform: scale(.95);
-webkit-transform: scale(.95)
}
100% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1)
}
100% {
transform: scale(.5);
-webkit-transform: scale(.5)
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1)
}
100% {
transform: scale(.5);
-webkit-transform: scale(.5)
}
}
@keyframes moveToTop {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
50% {
transform: translate3d(0, -7px, 0);
-webkit-transform: translate3d(0, -7px, 0);
-moz-transform: translate3d(0, -7px, 0);
-ms-transform: translate3d(0, -7px, 0);
-o-transform: translate3d(0, -7px, 0)
}
100% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes moveToTop {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
50% {
transform: translate3d(0, -7px, 0);
-webkit-transform: translate3d(0, -7px, 0);
-moz-transform: translate3d(0, -7px, 0);
-ms-transform: translate3d(0, -7px, 0);
-o-transform: translate3d(0, -7px, 0)
}
100% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes moveToBottom {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
50% {
transform: translateY(7px);
-webkit-transform: translateY(7px);
-moz-transform: translateY(7px);
-ms-transform: translateY(7px);
-o-transform: translateY(7px)
}
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
}
@-webkit-keyframes moveToBottom {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
50% {
transform: translateY(7px);
-webkit-transform: translateY(7px);
-moz-transform: translateY(7px);
-ms-transform: translateY(7px);
-o-transform: translateY(7px)
}
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
}
@-webkit-keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 .2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
}
25% {
box-shadow: 0 -3em 0 -.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 .2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 .2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
}
75% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 .2em, -2em -2em 0 0
}
87.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
}
}
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 .2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
}
25% {
box-shadow: 0 -3em 0 -.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 .2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 .2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
}
75% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 .2em, -2em -2em 0 0
}
87.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
}
}
.shake {
-webkit-animation: showSweetAlert .3s;
animation: showSweetAlert .3s
}
.shakeRemove {
-webkit-animation: hideSweetAlert .3s;
animation: hideSweetAlert .3s
}
@-webkit-keyframes addRatePulse {
0% {
transform: scaleX(1) scaleY(1);
-webkit-transform: scaleX(1) scaleY(1);
-moz-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
-o-transform: scaleX(1) scaleY(1)
}
50% {
transform: scaleX(1.2) scaleY(1.2);
-webkit-transform: scaleX(1.2) scaleY(1.2);
-moz-transform: scaleX(1.2) scaleY(1.2);
-ms-transform: scaleX(1.2) scaleY(1.2);
-o-transform: scaleX(1.2) scaleY(1.2)
}
100% {
transform: scaleX(1) scaleY(1);
-webkit-transform: scaleX(1) scaleY(1);
-moz-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
-o-transform: scaleX(1) scaleY(1)
}
}
@-moz-keyframes addRatePulse {
0% {
transform: scaleX(1) scaleY(1);
-webkit-transform: scaleX(1) scaleY(1);
-moz-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
-o-transform: scaleX(1) scaleY(1)
}
50% {
transform: scaleX(1.2) scaleY(1.2);
-webkit-transform: scaleX(1.2) scaleY(1.2);
-moz-transform: scaleX(1.2) scaleY(1.2);
-ms-transform: scaleX(1.2) scaleY(1.2);
-o-transform: scaleX(1.2) scaleY(1.2)
}
100% {
transform: scaleX(1) scaleY(1);
-webkit-transform: scaleX(1) scaleY(1);
-moz-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
-o-transform: scaleX(1) scaleY(1)
}
}
@keyframes addRatePulse {
0% {
transform: scaleX(1) scaleY(1);
-webkit-transform: scaleX(1) scaleY(1);
-moz-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
-o-transform: scaleX(1) scaleY(1)
}
50% {
transform: scaleX(1.2) scaleY(1.2);
-webkit-transform: scaleX(1.2) scaleY(1.2);
-moz-transform: scaleX(1.2) scaleY(1.2);
-ms-transform: scaleX(1.2) scaleY(1.2);
-o-transform: scaleX(1.2) scaleY(1.2)
}
100% {
transform: scaleX(1) scaleY(1);
-webkit-transform: scaleX(1) scaleY(1);
-moz-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
-o-transform: scaleX(1) scaleY(1)
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.morele-page-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
background: rgba(255, 255, 255, .8)
}
.morele-preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: rgba(255, 255, 255, .8);
overflow: hidden
}
.morele-preloader.preloader-to-top .loader3 {
margin: 20px auto
}
.morele-preloader.preloader-to-top .loader-logo {
margin: 70px auto
}
.sk-spinner-loader {
font-size: 10px;
margin: 0 auto;
text-indent: -9999em;
width: 22px;
height: 22px;
border-radius: 50%;
overflow: hidden;
background: #f5f5f5;
z-index: 10;
background: -moz-linear-gradient(left, #e62113 10%, rgba(230, 33, 19, 0) 42%);
background: -webkit-linear-gradient(left, #e62113 10%, rgba(230, 33, 19, 0) 42%);
background: -o-linear-gradient(left, #e62113 10%, rgba(230, 33, 19, 0) 42%);
background: -ms-linear-gradient(left, #e62113 10%, rgba(230, 33, 19, 0) 42%);
background: linear-gradient(to right, #e62113 10%, rgba(230, 33, 19, 0) 42%);
position: relative;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.sk-spinner-loader.buy-info-loader {
display: inline-block;
vertical-align: middle;
background: #fff;
margin-left: 5px;
width: 15px;
height: 15px
}
.sk-spinner-loader.buy-info-loader:after {
background: #fff
}
.sk-spinner-loader:before {
width: 50%;
height: 50%;
background: #e62113;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: ''
}
.sk-spinner-loader:after {
background: #f5f5f5;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
transform: none
}
}
.setFadeInUp {
opacity: 0;
transform: translate3d(0, 20px, 0)
}
.fadeInUp {
opacity: 1;
animation-name: fadeInUp
}
.new-loader-mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, .5)
}
.new-loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 40px;
box-sizing: border-box
}
.new-loader .new-loader-item {
position: relative;
float: left;
height: 20px;
width: 2px;
margin: 0 1px;
background-color: #0169a1
}
.new-loader .new-loader-item:nth-child(1) {
animation: loader-item-1 2s linear infinite
}
.new-loader .new-loader-item:nth-child(2) {
animation: loader-item-2 2s linear infinite
}
.new-loader .new-loader-item:nth-child(3) {
animation: loader-item-3 2s linear infinite
}
.new-loader .new-loader-item:nth-child(4) {
animation: loader-item-4 2s linear infinite
}
.new-loader .new-loader-item:nth-child(5) {
animation: loader-item-5 2s linear infinite
}
.new-loader .new-loader-item:nth-child(6) {
animation: loader-item-6 2s linear infinite
}
.new-loader .new-loader-item:nth-child(7) {
animation: loader-item-7 2s linear infinite
}
.new-loader .new-loader-item:nth-child(8) {
animation: loader-item-8 2s linear infinite
}
.new-loader .new-loader-item:nth-child(9) {
animation: loader-item-9 2s linear infinite
}
.new-loader .new-loader-item:nth-child(10) {
animation: loader-item-10 2s linear infinite
}
@keyframes loader-item-1 {
1% {
transform: scaleY(1)
}
11% {
transform: scaleY(1.4)
}
21% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-2 {
7% {
transform: scaleY(1)
}
17% {
transform: scaleY(1.4)
}
27% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-3 {
13% {
transform: scaleY(1)
}
23% {
transform: scaleY(1.4)
}
33% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-4 {
19% {
transform: scaleY(1)
}
29% {
transform: scaleY(1.4)
}
39% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-5 {
25% {
transform: scaleY(1)
}
35% {
transform: scaleY(1.4)
}
45% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-6 {
31% {
transform: scaleY(1)
}
41% {
transform: scaleY(1.4)
}
51% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-7 {
37% {
transform: scaleY(1)
}
47% {
transform: scaleY(1.4)
}
57% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-8 {
43% {
transform: scaleY(1)
}
53% {
transform: scaleY(1.4)
}
63% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-9 {
49% {
transform: scaleY(1)
}
59% {
transform: scaleY(1.4)
}
69% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-10 {
55% {
transform: scaleY(1)
}
65% {
transform: scaleY(1.4)
}
75% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
transform: scale3d(.9, .9, .9)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
animation-name: bounceIn
}
@keyframes wobble {
from {
transform: none
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
transform: none
}
}
.wobble {
animation-name: wobble
}
.animated {
animation-duration: 1s;
animation-fill-mode: both
}
.new-loader-mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, .5)
}
.new-loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 40px;
box-sizing: border-box
}
.new-loader .new-loader-item {
position: relative;
float: left;
height: 20px;
width: 2px;
margin: 0 1px;
background-color: #0169a1
}
.new-loader .new-loader-item:nth-child(1) {
animation: loader-item-1 2s linear infinite
}
.new-loader .new-loader-item:nth-child(2) {
animation: loader-item-2 2s linear infinite
}
.new-loader .new-loader-item:nth-child(3) {
animation: loader-item-3 2s linear infinite
}
.new-loader .new-loader-item:nth-child(4) {
animation: loader-item-4 2s linear infinite
}
.new-loader .new-loader-item:nth-child(5) {
animation: loader-item-5 2s linear infinite
}
.new-loader .new-loader-item:nth-child(6) {
animation: loader-item-6 2s linear infinite
}
.new-loader .new-loader-item:nth-child(7) {
animation: loader-item-7 2s linear infinite
}
.new-loader .new-loader-item:nth-child(8) {
animation: loader-item-8 2s linear infinite
}
.new-loader .new-loader-item:nth-child(9) {
animation: loader-item-9 2s linear infinite
}
.new-loader .new-loader-item:nth-child(10) {
animation: loader-item-10 2s linear infinite
}
@keyframes loader-item-1 {
1% {
transform: scaleY(1)
}
11% {
transform: scaleY(1.4)
}
21% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-2 {
7% {
transform: scaleY(1)
}
17% {
transform: scaleY(1.4)
}
27% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-3 {
13% {
transform: scaleY(1)
}
23% {
transform: scaleY(1.4)
}
33% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-4 {
19% {
transform: scaleY(1)
}
29% {
transform: scaleY(1.4)
}
39% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-5 {
25% {
transform: scaleY(1)
}
35% {
transform: scaleY(1.4)
}
45% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-6 {
31% {
transform: scaleY(1)
}
41% {
transform: scaleY(1.4)
}
51% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-7 {
37% {
transform: scaleY(1)
}
47% {
transform: scaleY(1.4)
}
57% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-8 {
43% {
transform: scaleY(1)
}
53% {
transform: scaleY(1.4)
}
63% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-9 {
49% {
transform: scaleY(1)
}
59% {
transform: scaleY(1.4)
}
69% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
@keyframes loader-item-10 {
55% {
transform: scaleY(1)
}
65% {
transform: scaleY(1.4)
}
75% {
transform: scaleY(1)
}
100% {
transform: scaleY(1)
}
}
.comments-preloader {
position: absolute;
top: -15px;
left: 0;
right: 0;
bottom: 0;
z-index: 1111;
background: rgba(255, 255, 255, .8)
}
.comments-preloader .new-loader {
bottom: auto;
margin: 50px auto;
height: 40px;
width: 80px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.comments-preloader .new-loader .new-loader-item {
position: relative;
float: left;
height: 40px;
width: 4px;
margin: 0 2px
}
.button-loader .new-loader .new-loader-item {
background-color: #fff
}
.flexbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-nowrap {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
-moz-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.flex-wrap-revert {
-webkit-flex-wrap: revert;
-moz-flex-wrap: revert;
-ms-flex-wrap: revert;
flex-wrap: revert
}
.flex-direction-row {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.flex-direction-row-reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-direction-column {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex-direction-column-reverse {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.flex-align-items-start {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start
}
.flex-align-items-end {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end
}
.flex-align-items-center {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
.flex-align-items-baseline {
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline
}
.flex-align-items-stretch {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch
}
.flex-justify-content-start {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.flex-justify-content-end {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.flex-justify-content-center {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.flex-justify-content-space-between {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.flex-justify-content-space-around {
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: space-around
}
@keyframes rotate {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(180deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes rotate2 {
0% {
transform: rotate(0deg);
border-top-color: rgba(0, 0, 0, .7)
}
50% {
transform: rotate(180deg);
border-top-color: rgba(255, 0, 0, .7)
}
100% {
transform: rotate(360deg);
border-top-color: rgba(0, 0, 0, .7)
}
}
.loader1,
.loader2,
.loader3,
.loader4 {
position: relative;
margin: 75px auto;
width: 150px;
height: 150px;
display: block;
overflow: hidden
}
.loader-small .loader1,
.loader-small .loader2,
.loader-small .loader3,
.loader-small .loader4 {
width: 100px;
height: 100px
}
.loader1 div,
.loader2 div,
.loader3 div,
.loader4 div {
height: 100%
}
.loader1,
.loader1 div {
border-radius: 50%;
padding: 8px;
border: 2px solid transparent;
animation: rotate linear 3.5s infinite;
border-top-color: rgba(0, 0, 0, .7);
border-bottom-color: rgba(255, 0, 0, .7)
}
.loader2,
.loader2 div {
border-radius: 50%;
padding: 8px;
border: 2px solid transparent;
animation: rotate linear 3.5s infinite;
border-top-color: rgba(255, 0, 0, .7);
border-left-color: rgba(0, 0, 0, .7);
border-right-color: rgba(0, 0, 0, .7)
}
.loader3,
.loader3 div {
border-radius: 50%;
padding: 8px;
border: 2px solid transparent;
animation: rotate linear 3.5s infinite;
border-top-color: rgba(0, 0, 0, .7);
border-left-color: rgba(255, 0, 0, .7);
animation-timing-function: cubic-bezier(.55, .38, .21, .88);
animation-duration: 4.5s
}
svg {
animation-duration: 7s
}
.loader3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
div.loader-logo {
position: absolute;
width: 50px;
height: 50px;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto
}
div.loader-logo .cls-1 {
fill: #e30613!important
}
.loader-small div.loader-logo {
display: none
}
.loader4,
.loader4 div {
border-radius: 50%;
padding: 8px;
border: 2px solid transparent;
animation: rotate linear 3.5s infinite;
border-radius: 50%;
padding: 4px;
animation: rotate2 4s infinite linear
}
#cookieBoxWrapper {
background: #f7f7f7
}
#cookieBoxWrapper .cookie-wrapper {
position: relative;
padding: 20px 30px 20px 50px
}
@media(max-width:650px) {
#cookieBoxWrapper .cookie-wrapper {
padding: 15px 30px 15px 50px
}
}
#cookieBoxWrapper .cookie-img {
position: absolute;
top: 50%;
left: 0;
width: 37px;
height: 30px;
margin-top: -15px
}
@media(max-width:650px) {
#cookieBoxWrapper .cookie-img {
top: 15px;
margin-top: 0
}
}
#cookieBoxWrapper .cookie-text {
font-size: 12px;
line-height: 1.4
}
#cookieBoxWrapper .cookie-btn-close {
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
border: 0;
background: 0;
padding: 0;
width: 18px;
height: 18px;
margin-top: -9px
}
#cookieBoxWrapper .cookie-btn-close:hover i:after,
#cookieBoxWrapper .cookie-btn-close:hover i:before {
background: #505050
}
@media(max-width:650px) {
#cookieBoxWrapper .cookie-btn-close {
top: 15px;
margin-top: 0
}
}
.button-raport-error {
position: fixed;
right: 0;
top: 50%;
z-index: 1000;
margin-top: -90px
}
@media(max-width:1024px) {
.button-raport-error {
top: auto;
bottom: 0;
margin: 0;
right: 100%;
transform: translate3d(41px, 0, 0);
-webkit-transform: translate3d(41px, 0, 0);
-moz-transform: translate3d(41px, 0, 0);
-ms-transform: translate3d(41px, 0, 0);
-o-transform: translate3d(41px, 0, 0);
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease
}
.button-raport-error.open {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0)
}
}
@media(min-width:1025px) {
.button-raport-error .btn {
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right
}
}
@media(max-width:1024px) {
.button-raport-error .btn {
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
padding-right: 43px
}
.button-raport-error .btn i.fa {
position: absolute;
top: 0;
right: 0;
width: 41px;
height: 41px;
text-align: center;
line-height: 44px;
font-size: 2.3em
}
}
.ears {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
visibility: hidden
}
@media(max-width:1540px) {
.ears {
display: none
}
}
.ears .ears-left,
.ears .ears-right {
position: absolute;
top: 0;
width: 170px;
padding: 8px 0 20px;
z-index: 999
}
.ears .ears-left a,
.ears .ears-right a {
display: block
}
.ears .ears-left img,
.ears .ears-right img {
max-width: 100%
}
.ears .ears-left {
left: 50%;
margin-left: -765px;
text-align: right
}
.ears .ears-right {
right: 50%;
margin-right: -765px;
text-align: left
}
.ears.show {
visibility: visible
}
.ears.fixed-top .ears-left,
.ears.fixed-top .ears-right {
position: fixed
}
.ears.abs-bottom .ears-left,
.ears.abs-bottom .ears-right {
top: auto;
bottom: 0
}
.ears.abs-top .ears-left,
.ears.abs-top .ears-right {
margin-top: 100px
}
.button-to-top-fixed {
position: fixed;
bottom: 0;
right: 10px;
pointer-events: none;
overflow: hidden;
z-index: 10000;
opacity: 0;
filter: alpha(opacity=0);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transition: opacity 300ms ease;
-webkit-transition: opacity 300ms ease;
-moz-transition: opacity 300ms ease;
-ms-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease
}
@media(max-width:1024px) {
.button-to-top-fixed {
bottom: 5px;
rigth: 7px
}
}
.button-to-top-fixed.show {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
.button-to-top-fixed #back_to_top {
background: rgba(79, 85, 88, .9);
color: #fff;
padding: 14px 33px 6px;
border: 0;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0
}
@media(max-width:1024px) {
.button-to-top-fixed #back_to_top {
padding: 17px 18px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
}
.button-to-top-fixed #back_to_top:hover {
background: #4f5558
}
@media(min-width:768px) {
.product-short-info {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
}
.product-short-info .psi-image {
position: relative;
text-align: center
}
@media(max-width:767px) {
.product-short-info .psi-image {
-webkit-box-flex: 0 0 60px;
-moz-box-flex: 0 0 60px;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
width: 60px;
height: 60px
}
.product-short-info .psi-image i {
font-size: 50px
}
}
@media(min-width:768px) {
.product-short-info .psi-image {
-webkit-box-flex: 0 0 120px;
-moz-box-flex: 0 0 120px;
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
width: 120px;
height: 120px
}
.product-short-info .psi-image i {
font-size: 100px
}
}
.product-short-info .psi-image a {
display: block;
text-decoration: none
}
.product-short-info .psi-image img {
max-width: 100%;
max-height: 100%
}
.product-short-info .psi-image i {
top: 0;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0)
}
@media(max-width:767px) {
.product-short-info .psi-info {
-webkit-box-flex: 0 0 calc(100% - 60px);
-moz-box-flex: 0 0 calc(100% - 60px);
-webkit-flex: 0 0 calc(100% - 60px);
-ms-flex: 0 0 calc(100% - 60px);
flex: 0 0 calc(100% - 60px);
width: calc(100% - 60px)
}
}
@media(min-width:768px) {
.product-short-info .psi-info {
-webkit-box-flex: 0 0 calc(100% - 120px);
-moz-box-flex: 0 0 calc(100% - 120px);
-webkit-flex: 0 0 calc(100% - 120px);
-ms-flex: 0 0 calc(100% - 120px);
flex: 0 0 calc(100% - 120px);
width: calc(100% - 120px)
}
}
.product-short-info .psi-info-inside {
padding-left: 10px
}
.product-short-info .psi-name {
font-size: 16px;
font-weight: 600;
color: #000;
margin-bottom: 10px
}
.product-short-info .psi-name a {
color: inherit
}
.product-short-info .psi-stars .rating-container.rate-disabled {
display: none
}
@media(max-width:767px) {
body.mobile-slide-popup-opening.show-mobile-only .page-content,
body.mobile-slide-popup-opening.show-mobile-only .container-inner {
z-index: 2000
}
}
@media(max-width:1024px) {
body.mobile-slide-popup-opening:not(.show-mobile-only) .page-content,
body.mobile-slide-popup-opening:not(.show-mobile-only) .container-inner {
z-index: 2000
}
}
@media(min-width:768px) {
.mobile-slide-popup.mobile-only {
display: none
}
}
@media(max-width:767px) {
.mobile-slide-popup.mobile-only {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
overflow: hidden;
pointer-events: none
}
.mobile-slide-popup.mobile-only .msp-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
pointer-events: auto;
background: #fff;
z-index: 1000;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
opacity: 0;
filter: alpha(opacity=0);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.mobile-slide-popup.mobile-only .msp-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .7);
pointer-events: none;
z-index: 50;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.mobile-slide-popup.mobile-only .msp-content-head {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #f4f7f8;
padding: 14px 60px 12px 20px;
font-size: 16px;
font-weight: 600;
color: #000;
z-index: 10
}
.mobile-slide-popup.mobile-only .msp-content-head .btn-close {
position: absolute;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
border: 0;
background: 0 0;
padding: 0;
width: 45px;
height: 100%
}
.mobile-slide-popup.mobile-only .msp-content-head .btn-close i {
margin: auto
}
.mobile-slide-popup.mobile-only .msp-content-body {
position: relative;
padding: 45px 0 0;
height: 100%
}
.mobile-slide-popup.mobile-only .msp-content-body-scrollable {
max-height: 100%;
overflow: hidden;
overflow-y: auto
}
.mobile-slide-popup.mobile-only .msp-content-body-scrollable::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 20px;
background-color: #f5f5f5
}
.mobile-slide-popup.mobile-only .msp-content-body-scrollable::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
border-radius: 20px
}
.mobile-slide-popup.mobile-only .msp-content-body-scrollable::-webkit-scrollbar-thumb {
border-radius: 20px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #8b8b8b
}
.mobile-slide-popup.mobile-only .msp-content-body-inside {
padding: 15px 20px
}
.mobile-slide-popup.mobile-only .msp-content-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 1px solid #e7e7e7
}
.mobile-slide-popup.mobile-only .msp-content-footer-buttons .btn {
float: left;
display: block;
width: 50%;
font-weight: 600;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
}
@media(min-width:1025px) {
.mobile-slide-popup:not(.mobile-only) {
display: none
}
}
@media(max-width:1024px) {
.mobile-slide-popup:not(.mobile-only) {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
overflow: hidden;
pointer-events: none
}
.mobile-slide-popup:not(.mobile-only) .msp-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
pointer-events: auto;
background: #fff;
z-index: 1000;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
opacity: 0;
filter: alpha(opacity=0);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.mobile-slide-popup:not(.mobile-only) .msp-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .7);
pointer-events: none;
z-index: 50;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.mobile-slide-popup:not(.mobile-only) .msp-content-head {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #f4f7f8;
padding: 14px 60px 12px 20px;
font-size: 16px;
font-weight: 600;
color: #000;
z-index: 10
}
.mobile-slide-popup:not(.mobile-only) .msp-content-head .btn-close {
position: absolute;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
border: 0;
background: 0 0;
padding: 0;
width: 45px;
height: 100%
}
.mobile-slide-popup:not(.mobile-only) .msp-content-head .btn-close i {
margin: auto
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body {
position: relative;
padding: 45px 0 0;
height: 100%
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body-scrollable {
max-height: 100%;
overflow: hidden;
overflow-y: auto
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body-scrollable::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 20px;
background-color: #f5f5f5
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body-scrollable::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
border-radius: 20px
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body-scrollable::-webkit-scrollbar-thumb {
border-radius: 20px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #8b8b8b
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body-inside {
padding: 15px 20px
}
.mobile-slide-popup:not(.mobile-only) .msp-content-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 1px solid #e7e7e7
}
.mobile-slide-popup:not(.mobile-only) .msp-content-footer-buttons .btn {
float: left;
display: block;
width: 50%;
font-weight: 600;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
}
@media(min-width:1025px) {
.mobile-slide-popup.show-on-desktop {
display: block
}
.mobile-slide-popup.show-on-desktop .msp-content-head {
display: none
}
}
.info-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100vh;
z-index: 1000;
min-width: 320px
}
.info-popup .info-popup-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .41)
}
.info-popup .info-popup-outside {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
display: table;
width: 100%;
height: 100vh;
table-layout: fixed;
pointer-events: none
}
.info-popup .info-popup-inside {
display: table-cell;
vertical-align: middle;
text-align: center
}
.info-popup .info-popup-content {
width: 100%;
max-width: 536px;
display: inline-block;
vertical-align: middle;
pointer-events: auto;
max-height: calc(100vh);
overflow: hidden;
overflow-y: auto;
padding: 15px
}
@media(max-width:767px) {
.info-popup .info-popup-content {
padding: 10px
}
}
.info-popup .info-popup-box {
position: relative;
background: #fff;
border: 2px solid #b3b5b7;
padding: 60px 10px 40px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
@media(max-width:420px) {
.info-popup .info-popup-box {
padding-bottom: 10px
}
}
.info-popup .btn-close {
position: absolute;
top: 10px;
right: 10px
}
.info-popup .info-popup-img {
display: block;
margin: 0 auto 20px;
height: 158px;
width: 140px
}
.info-popup .info-popup-slider-wr {
position: relative;
overflow: hidden;
max-width: 380px;
width: 100%;
margin: 0 auto
}
.info-popup .info-popup-slider {
transition: transform 500ms ease;
-webkit-transition: transform 500ms ease;
-moz-transition: transform 500ms ease;
-ms-transition: transform 500ms ease;
-o-transition: transform 500ms ease
}
.info-popup .info-popup-slider:after {
content: '';
display: block;
clear: both
}
.info-popup .info-popup-slide-item {
float: left;
display: none
}
.info-popup .info-popup-slide-item:first-child {
display: block
}
.info-popup .info-popup-slider-dots {
margin: 30px 0 0;
list-style: none;
padding: 0;
text-align: center
}
.info-popup .info-popup-slider-dots li {
display: inline-block;
vertical-align: middle;
padding: 3px;
margin: 2px;
cursor: pointer
}
.info-popup .info-popup-slider-dots li:after {
content: '';
display: block;
width: 6px;
height: 6px;
background: #bce0fd;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.info-popup .info-popup-slider-dots li.active-item:after,
.info-popup .info-popup-slider-dots li:hover:after {
background: #0169a1
}
.info-popup .info-popup-text {
font-size: 14px;
color: #000;
text-align: center;
line-height: 21px
}
.info-popup .info-popup-text p {
font-size: inherit;
line-height: inherit;
margin-top: 0
}
.info-popup .info-popup-text p:last-child {
margin-bottom: 0
}
.info-popup .info-popup-steps {
text-align: left
}
.info-popup .info-popup-steps p {
margin-bottom: 15px
}
.info-popup .info-popup-steps ol {
counter-reset: section;
list-style: none;
padding: 0;
margin: 0
}
.info-popup .info-popup-steps ol li {
position: relative;
padding-left: 26px
}
.info-popup .info-popup-steps ol li+li {
margin-top: 15px
}
@media(max-width:420px) {
.info-popup .info-popup-steps ol li+li {
margin-top: 5px
}
}
.info-popup .info-popup-steps ol li:before {
counter-increment: section;
content: counters(section, "");
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
line-height: 18px;
background: #0169a1;
font-size: 13px;
font-weight: 700;
color: #fff;
text-align: center;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.info-popup .info-popup-buttons {
max-width: 380px;
margin: 50px auto 0
}
@media(max-width:420px) {
.info-popup .info-popup-buttons {
margin-top: 10px
}
}
.info-popup .info-popup-buttons>div:not(.hidden) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 43px
}
.info-popup .info-popup-buttons .info-popup-buttons-second .btn {
font-size: 12px;
width: 140px;
padding-left: 5px;
padding-right: 5px
}
@media(max-width:420px) {
.info-popup .info-popup-buttons .info-popup-buttons-second .btn {
font-size: 10px;
width: 130px
}
}
@media(max-width:420px) {
.info-popup br.only-big-device {
display: none
}
}
@media(min-width:421px) {
.info-popup br.only-small-device {
display: none
}
}
input.autocompl-input {
width: 100%;
outline: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #dae1e4;
background-color: #f4f7f8;
letter-spacing: .015em;
width: 100%;
height: 46px;
padding: 10px 21px
}
.autocompl {
position: relative
}
.autocompl .loading-recount {
display: none;
position: absolute;
right: 10px;
top: 50%;
margin-top: -11px
}
.autocompl.loadingSearch .loading-recount {
display: block
}
.autocompl.open .autocompl-res {
display: block
}
.autocompl-res {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: -2px;
border: 1px solid #e7e7e7;
border-top: 0;
background-color: #f4f7f8;
z-index: 1000;
border-radius: 0 0 2px 2px
}
.autocompl-res>div {
padding: 12px 25px
}
.autocompl-res>div:not(.item-empty) {
cursor: pointer
}
.autocompl-res>div .name {
float: left;
width: 65%;
color: #006187
}
.autocompl-res>div .count {
float: right;
width: 35%;
color: #878686
}
.autocompl-res>div .search {
color: #878686
}
.autocompl-res>div.item-focused,
.autocompl-res>div.item:hover {
background: #fbfbfb
}
.autocompl-res>div:after {
content: '';
display: block;
clear: both
}
.autocompl-res .cat-title {
font-size: 1.1em;
font-weight: 700;
border-top: 1px solid #dae1e4
}
.autocompl-res .cat-item {
padding: 0
}
.autocompl-res .cat-item a {
font-weight: 700;
display: block;
padding: 12px 25px;
text-decoration: none
}
.morele-input-cont {
display: none
}
.m-dropdown {
position: relative
}
.m-dropdown.disabled {
cursor: not-allowed;
pointer-events: none
}
.m-dropdown.disabled .btn-dropdown {
background-color: #eee!important
}
.m-dropdown select {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 40px;
opacity: 0;
z-index: 100
}
.dropdown-content {
position: absolute;
left: 0;
top: 100%;
display: none;
background: #f4f7f8;
z-index: 200;
width: 200px;
min-width: 90px;
max-height: 300px;
overflow: hidden;
overflow-y: auto;
border: 1px solid rgba(0, 0, 0, .2);
border-top: 0;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
outline: 0
}
.dropdown-content .search {
padding: 10px
}
.dropdown-content .list {
padding: 5px 10px
}
.dropdown-content .list .title {
font-size: 1.2em;
font-weight: 700;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 5px;
margin-bottom: 5px
}
.dropdown-content .list .title.small {
font-weight: 700;
font-size: 13px;
margin-bottom: 4px;
color: #909090;
border: 0;
padding: 0
}
.dropdown-content .list ul {
margin: 0!important;
padding: 0!important;
list-style: none!important
}
.dropdown-content .list ul li {
font-size: 13px;
margin-bottom: 4px;
cursor: pointer
}
.dropdown-content .list ul li:last-child {
margin-bottom: 0
}
.dropdown-content .list ul li:not([data-disabled]):hover {
text-decoration: underline
}
.dropdown-content .list ul li.dropdown-active {
pointer-events: none;
cursor: default
}
.dropdown-content .list ul li.disabled-value {
opacity: .65;
cursor: not-allowed;
pointer-events: none
}
.dropdown-content .list ul li[data-disabled] {
opacity: .4;
cursor: not-allowed
}
.dropdown-content .list+.list {
margin-top: 10px;
border-top: 1px solid #e7e7e7;
padding-top: 10px
}
.m-dropdown-b .dropdown-content .list,
.m-dropdown-bs .dropdown-content .list {
padding: 0
}
.m-dropdown-b .dropdown-content .list ul li,
.m-dropdown-bs .dropdown-content .list ul li {
padding: 7px 14px;
margin: 0
}
.m-dropdown-b .dropdown-content .list ul li:hover,
.m-dropdown-bs .dropdown-content .list ul li:hover {
text-decoration: none;
background: #e0e4e7
}
.m-dropdown-b .dropdown-content .list ul li.dropdown-active,
.m-dropdown-bs .dropdown-content .list ul li.dropdown-active {
pointer-events: none;
background: #0169a1;
color: #fff
}
.dropdown-button {
position: relative;
text-align: left
}
.dropdown-button .default {
max-width: 100%;
overflow: hidden;
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap
}
.dropdown-button.btn-offer {
border-width: 1px;
text-decoration: none;
font-size: 14px;
padding-right: 30px;
background: #fff!important;
border-color: #e0e4e7!important;
-webkit-box-shadow: 0 0 0 transparent!important;
box-shadow: 0 0 0 transparent!important
}
.dropdown-button.btn-offer+.dropdown-content {
background: #fff;
border-color: #e0e4e7
}
.dropdown-button.btn-extra-xs {
font-size: 13px;
height: 33px
}
.dropdown-button .icon-select {
display: block;
position: absolute;
right: -4px;
top: 50%;
border-left: 3px solid #000;
border-bottom: 3px solid #000;
width: 9px;
height: 9px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
margin: -5px 15px 0 0
}
.dropdown-button .icon-select-custom {
display: block;
position: absolute;
right: 10px;
top: 50%;
font-size: 1.5em;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.dropdown-button .icon-select-custom .fa-clock-o {
width: 20px
}
.dropdown-open .dropdown-button .icon-select,
.dropdown-open .dropdown-button .icon-select-custom {
border-color: #0169a1;
color: #0169a1
}
.dropdown-button.btn-block+.dropdown-content {
width: 100%
}
.dropdown-open .dropdown-button {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.m-dropdown-sc,
.m-dropdown-sc-style {
width: 100%;
max-width: 80px
}
.m-dropdown-sc.morele-dropdown-block,
.m-dropdown-sc-style.morele-dropdown-block {
max-width: 100%
}
.m-dropdown-sc .dropdown-content,
.m-dropdown-sc-style .dropdown-content {
min-width: 0;
width: 100%;
max-width: 100%;
max-height: 340px
}
.m-dropdown-sc .list,
.m-dropdown-sc-style .list {
padding: 0
}
.m-dropdown-sc .list li,
.m-dropdown-sc-style .list li {
text-decoration: none!important;
padding: 7px 10px;
margin: 0!important
}
.m-dropdown-sc .list li:hover,
.m-dropdown-sc-style .list li:hover {
background: #e0e4e7
}
.m-dropdown-sc .list li.dropdown-active,
.m-dropdown-sc-style .list li.dropdown-active {
color: #fff;
background: #0169a1
}
.m-dropdown-sc .list li.show-input,
.m-dropdown-sc-style .list li.show-input {
border-top: 1px solid #e7e7e7
}
.m-dropdown.top .dropdown-content {
top: auto;
bottom: 100%;
border: 1px solid #e0e4e7;
border-bottom: 0;
border-radius: 5px 5px 0 0
}
.m-dropdown.top.dropdown-open .dropdown-button {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
@media(max-width:767px) {
.m-dropdown.top-xs .dropdown-content {
top: auto;
bottom: 100%;
border: 1px solid #e0e4e7;
border-bottom: 0;
border-radius: 5px 5px 0 0
}
.m-dropdown.top-xs.dropdown-open .dropdown-button {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
}
.new-product-count .morele-input-cont input {
font-weight: 600;
padding-left: 10px;
padding-right: 10px
}
.new-product-count .morele-input-cont input.quantity-error {
border: 2px solid #ee1900;
background: #feefef;
-webkit-box-shadow: inset 0 0 0 0 transparent;
box-shadow: inset 0 0 0 0 transparent
}
.new-product-count .dropdown-button {
font-weight: 600;
padding-left: 10px
}
.new-product-count .dropdown-content {
min-width: 60px;
text-align: left
}
[class^=icon-morele-]:before,
[class*=" icon-morele-"]:before,
.ico-trash:before {
font-family: morele-font;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-morele-truck:before {
content: '\e800'
}
.icon-morele-home:before {
content: '\e801'
}
.icon-morele-question-mark-in-dark-circle:before {
content: '\e802'
}
.ico-trash:before {
content: '\e803'
}
.icon-morele-user:before {
content: '\e804'
}
.icon-morele-calculator:before {
content: '\e805'
}
.icon-morele-search:before {
content: '\e806'
}
.icon-morele-arrow-66:before {
content: '\e807'
}
.icon-morele-back:before {
content: '\e808'
}
.icon-morele-check-star:before {
content: '\e809'
}
.icon-morele-no-photo:before {
content: '\e80a'
}
.icon-morele-next:before {
content: '\e80b'
}
.icon-morele-cart:before {
content: '\e80c'
}
.icon-morele-right-arrow:before {
content: '\e80d'
}
.icon-morele-instagram:before {
content: '\e80e'
}
.icon-morele-info:before {
content: '\e80f'
}
.icon-morele-marketing:before {
content: '\e810'
}
.icon-morele-percent:before {
content: '\e811'
}
.icon-morele-messenger:before {
content: '\e812'
}
.icon-morele-gmail:before {
content: '\e813'
}
.icon-morele-twitter:before {
content: '\e814'
}
.icon-morele-facebook:before {
content: '\e815'
}
.icon-morele-camera:before {
content: '\e816'
}
.icon-morele-copy-file:before {
content: '\e817'
}
.icon-morele-ok:before {
content: '\e818'
}
.icon-morele-share:before {
content: '\e819'
}
.icon-morele-left-open-big:before {
content: '\e81a'
}
.icon-morele-right-open-big:before {
content: '\e81b'
}
.icon-morele-resize-full:before {
content: '\e81c'
}
.icon-morele-resize-small:before {
content: '\e81d'
}
.icon-morele-zoom-in:before {
content: '\e81e'
}
.icon-morele-zoom-out:before {
content: '\e81f'
}
.icon-morele-clone:before {
content: '\f24d'
}
.icon-morele-lock:before {
content: '\e823'
}
.icon-morele-earth:before {
content: '\e824'
}
[class^=icon-muser-]:before,
[class*=" icon-muser-"]:before {
font-family: muser-font;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em
}
.icon-muser-icony_template-copy_box:before {
content: '\e900'
}
.icon-muser-icony_template-copy_bulb:before {
content: '\e901'
}
.icon-muser-icony_template-copy_cog:before {
content: '\e902'
}
.icon-muser-icony_template-copy_comment:before {
content: '\e903'
}
.icon-muser-icony_template-copy_comment2:before {
content: '\e904'
}
.icon-muser-icony_template-copy_comment-ok:before {
content: '\e905'
}
.icon-muser-icony_template-copy_comment-star:before {
content: '\e906'
}
.icon-muser-icony_template-copy_document:before {
content: '\e907'
}
.icon-muser-icony_template-copy_document2:before {
content: '\e908'
}
.icon-muser-icony_template-copy_download:before {
content: '\e909'
}
.icon-muser-icony_template-copy_envelope:before {
content: '\e90a'
}
.icon-muser-icony_template-copy_handshade:before {
content: '\e90b'
}
.icon-muser-icony_template-copy_list:before {
content: '\e90c'
}
.icon-muser-icony_template-copy_mcoin:before {
content: '\e90d'
}
.icon-muser-icony_template-copy_questionmark:before {
content: '\e90e'
}
.icon-muser-icony_template-copy_tools:before {
content: '\e90f'
}
.icon-muser-icony_template-copy_zapytanie:before {
content: '\e910'
}
.icon-muser-icony_template-copy_arrows:before {
content: '\e911'
}
.icon-muser-icony_template-copy_barcode:before {
content: '\e912'
}
.icon-muser-icony_template-copy_bell:before {
content: '\e913'
}
.icon-muser-icony_template-copy_book:before {
content: '\e914'
}
[data-tooltip]:not(.tooltip-not-style),
[data-tooltip-right]:not(.tooltip-not-style) {
color: #0169a1;
display: inline-block;
position: relative;
cursor: pointer
}
.tipsy {
position: absolute;
z-index: 100000
}
.tipsy-inner {
padding: 10px 15px;
background: #fff;
border: 2px solid #0169a1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
max-width: 400px
}
@media(max-width:500px) {
.tipsy-inner {
max-width: 300px
}
}
.not-logged-tooltip-wr {
position: relative;
z-index: 10
}
.not-logged-tooltip-wr>*:not(.not-logged-tooltip) {
pointer-events: none
}
.not-logged-tooltip-wr .not-logged-tooltip {
position: absolute;
top: 100%;
left: 0;
padding: 10px 15px;
background: #fff;
border: 2px solid #0169a1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
max-width: 400px;
min-width: 300px;
width: 100%
}
@media(max-width:500px) {
.not-logged-tooltip-wr .not-logged-tooltip {
max-width: 300px
}
}
.not-logged-tooltip-wr.toltip-to-right .not-logged-tooltip {
left: auto;
right: 0
}
.not-logged-tooltip-wr:hover .not-logged-tooltip {
opacity: 1;
filter: alpha(opacity=100);
pointer-events: auto
}
/*!* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: .14286em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: ""
}
.fa-music:before {
content: ""
}
.fa-search:before {
content: ""
}
.fa-envelope-o:before {
content: ""
}
.fa-heart:before {
content: ""
}
.fa-star:before {
content: ""
}
.fa-star-o:before {
content: ""
}
.fa-user:before {
content: ""
}
.fa-film:before {
content: ""
}
.fa-th-large:before {
content: ""
}
.fa-th:before {
content: ""
}
.fa-th-list:before {
content: ""
}
.fa-check:before {
content: ""
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""
}
.fa-search-plus:before {
content: ""
}
.fa-search-minus:before {
content: ""
}
.fa-power-off:before {
content: ""
}
.fa-signal:before {
content: ""
}
.fa-gear:before,
.fa-cog:before {
content: ""
}
.fa-trash-o:before {
content: ""
}
.fa-home:before {
content: ""
}
.fa-file-o:before {
content: ""
}
.fa-clock-o:before {
content: ""
}
.fa-road:before {
content: ""
}
.fa-download:before {
content: ""
}
.fa-arrow-circle-o-down:before {
content: ""
}
.fa-arrow-circle-o-up:before {
content: ""
}
.fa-inbox:before {
content: ""
}
.fa-play-circle-o:before {
content: ""
}
.fa-rotate-right:before,
.fa-repeat:before {
content: ""
}
.fa-refresh:before {
content: ""
}
.fa-list-alt:before {
content: ""
}
.fa-lock:before {
content: ""
}
.fa-flag:before {
content: ""
}
.fa-headphones:before {
content: ""
}
.fa-volume-off:before {
content: ""
}
.fa-volume-down:before {
content: ""
}
.fa-volume-up:before {
content: ""
}
.fa-qrcode:before {
content: ""
}
.fa-barcode:before {
content: ""
}
.fa-tag:before {
content: ""
}
.fa-tags:before {
content: ""
}
.fa-book:before {
content: ""
}
.fa-bookmark:before {
content: ""
}
.fa-print:before {
content: ""
}
.fa-camera:before {
content: ""
}
.fa-font:before {
content: ""
}
.fa-bold:before {
content: ""
}
.fa-italic:before {
content: ""
}
.fa-text-height:before {
content: ""
}
.fa-text-width:before {
content: ""
}
.fa-align-left:before {
content: ""
}
.fa-align-center:before {
content: ""
}
.fa-align-right:before {
content: ""
}
.fa-align-justify:before {
content: ""
}
.fa-list:before {
content: ""
}
.fa-dedent:before,
.fa-outdent:before {
content: ""
}
.fa-indent:before {
content: ""
}
.fa-video-camera:before {
content: ""
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""
}
.fa-pencil:before {
content: ""
}
.fa-map-marker:before {
content: ""
}
.fa-adjust:before {
content: ""
}
.fa-tint:before {
content: ""
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""
}
.fa-share-square-o:before {
content: ""
}
.fa-check-square-o:before {
content: ""
}
.fa-arrows:before {
content: ""
}
.fa-step-backward:before {
content: ""
}
.fa-fast-backward:before {
content: ""
}
.fa-backward:before {
content: ""
}
.fa-play:before {
content: ""
}
.fa-pause:before {
content: ""
}
.fa-stop:before {
content: ""
}
.fa-forward:before {
content: ""
}
.fa-fast-forward:before {
content: ""
}
.fa-step-forward:before {
content: ""
}
.fa-eject:before {
content: ""
}
.fa-chevron-left:before {
content: ""
}
.fa-chevron-right:before {
content: ""
}
.fa-plus-circle:before {
content: ""
}
.fa-minus-circle:before {
content: ""
}
.fa-times-circle:before {
content: ""
}
.fa-check-circle:before {
content: ""
}
.fa-question-circle:before {
content: ""
}
.fa-info-circle:before {
content: ""
}
.fa-crosshairs:before {
content: ""
}
.fa-times-circle-o:before {
content: ""
}
.fa-check-circle-o:before {
content: ""
}
.fa-ban:before {
content: ""
}
.fa-arrow-left:before {
content: ""
}
.fa-arrow-right:before {
content: ""
}
.fa-arrow-up:before {
content: ""
}
.fa-arrow-down:before {
content: ""
}
.fa-mail-forward:before,
.fa-share:before {
content: ""
}
.fa-expand:before {
content: ""
}
.fa-compress:before {
content: ""
}
.fa-plus:before {
content: ""
}
.fa-minus:before {
content: ""
}
.fa-asterisk:before {
content: ""
}
.fa-exclamation-circle:before {
content: ""
}
.fa-gift:before {
content: ""
}
.fa-leaf:before {
content: ""
}
.fa-fire:before {
content: ""
}
.fa-eye:before {
content: ""
}
.fa-eye-slash:before {
content: ""
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""
}
.fa-plane:before {
content: ""
}
.fa-calendar:before {
content: ""
}
.fa-random:before {
content: ""
}
.fa-comment:before {
content: ""
}
.fa-magnet:before {
content: ""
}
.fa-chevron-up:before {
content: ""
}
.fa-chevron-down:before {
content: ""
}
.fa-retweet:before {
content: ""
}
.fa-shopping-cart:before {
content: ""
}
.fa-folder:before {
content: ""
}
.fa-folder-open:before {
content: ""
}
.fa-arrows-v:before {
content: ""
}
.fa-arrows-h:before {
content: ""
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""
}
.fa-twitter-square:before {
content: ""
}
.fa-facebook-square:before {
content: ""
}
.fa-camera-retro:before {
content: ""
}
.fa-key:before {
content: ""
}
.fa-gears:before,
.fa-cogs:before {
content: ""
}
.fa-comments:before {
content: ""
}
.fa-thumbs-o-up:before {
content: ""
}
.fa-thumbs-o-down:before {
content: ""
}
.fa-star-half:before {
content: ""
}
.fa-heart-o:before {
content: ""
}
.fa-sign-out:before {
content: ""
}
.fa-linkedin-square:before {
content: ""
}
.fa-thumb-tack:before {
content: ""
}
.fa-external-link:before {
content: ""
}
.fa-sign-in:before {
content: ""
}
.fa-trophy:before {
content: ""
}
.fa-github-square:before {
content: ""
}
.fa-upload:before {
content: ""
}
.fa-lemon-o:before {
content: ""
}
.fa-phone:before {
content: ""
}
.fa-square-o:before {
content: ""
}
.fa-bookmark-o:before {
content: ""
}
.fa-phone-square:before {
content: ""
}
.fa-twitter:before {
content: ""
}
.fa-facebook-f:before,
.fa-facebook:before {
content: ""
}
.fa-github:before {
content: ""
}
.fa-unlock:before {
content: ""
}
.fa-credit-card:before {
content: ""
}
.fa-feed:before,
.fa-rss:before {
content: ""
}
.fa-hdd-o:before {
content: ""
}
.fa-bullhorn:before {
content: ""
}
.fa-bell:before {
content: ""
}
.fa-certificate:before {
content: ""
}
.fa-hand-o-right:before {
content: ""
}
.fa-hand-o-left:before {
content: ""
}
.fa-hand-o-up:before {
content: ""
}
.fa-hand-o-down:before {
content: ""
}
.fa-arrow-circle-left:before {
content: ""
}
.fa-arrow-circle-right:before {
content: ""
}
.fa-arrow-circle-up:before {
content: ""
}
.fa-arrow-circle-down:before {
content: ""
}
.fa-globe:before {
content: ""
}
.fa-wrench:before {
content: ""
}
.fa-tasks:before {
content: ""
}
.fa-filter:before {
content: ""
}
.fa-briefcase:before {
content: ""
}
.fa-arrows-alt:before {
content: ""
}
.fa-group:before,
.fa-users:before {
content: ""
}
.fa-chain:before,
.fa-link:before {
content: ""
}
.fa-cloud:before {
content: ""
}
.fa-flask:before {
content: ""
}
.fa-cut:before,
.fa-scissors:before {
content: ""
}
.fa-copy:before,
.fa-files-o:before {
content: ""
}
.fa-paperclip:before {
content: ""
}
.fa-save:before,
.fa-floppy-o:before {
content: ""
}
.fa-square:before {
content: ""
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""
}
.fa-list-ul:before {
content: ""
}
.fa-list-ol:before {
content: ""
}
.fa-strikethrough:before {
content: ""
}
.fa-underline:before {
content: ""
}
.fa-table:before {
content: ""
}
.fa-magic:before {
content: ""
}
.fa-truck:before {
content: ""
}
.fa-pinterest:before {
content: ""
}
.fa-pinterest-square:before {
content: ""
}
.fa-google-plus-square:before {
content: ""
}
.fa-google-plus:before {
content: ""
}
.fa-money:before {
content: ""
}
.fa-caret-down:before {
content: ""
}
.fa-caret-up:before {
content: ""
}
.fa-caret-left:before {
content: ""
}
.fa-caret-right:before {
content: ""
}
.fa-columns:before {
content: ""
}
.fa-unsorted:before,
.fa-sort:before {
content: ""
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""
}
.fa-envelope:before {
content: ""
}
.fa-linkedin:before {
content: ""
}
.fa-rotate-left:before,
.fa-undo:before {
content: ""
}
.fa-legal:before,
.fa-gavel:before {
content: ""
}
.fa-dashboard:before,
.fa-tachometer:before {
content: ""
}
.fa-comment-o:before {
content: ""
}
.fa-comments-o:before {
content: ""
}
.fa-flash:before,
.fa-bolt:before {
content: ""
}
.fa-sitemap:before {
content: ""
}
.fa-umbrella:before {
content: ""
}
.fa-paste:before,
.fa-clipboard:before {
content: ""
}
.fa-lightbulb-o:before {
content: ""
}
.fa-exchange:before {
content: ""
}
.fa-cloud-download:before {
content: ""
}
.fa-cloud-upload:before {
content: ""
}
.fa-user-md:before {
content: ""
}
.fa-stethoscope:before {
content: ""
}
.fa-suitcase:before {
content: ""
}
.fa-bell-o:before {
content: ""
}
.fa-coffee:before {
content: ""
}
.fa-cutlery:before {
content: ""
}
.fa-file-text-o:before {
content: ""
}
.fa-building-o:before {
content: ""
}
.fa-hospital-o:before {
content: ""
}
.fa-ambulance:before {
content: ""
}
.fa-medkit:before {
content: ""
}
.fa-fighter-jet:before {
content: ""
}
.fa-beer:before {
content: ""
}
.fa-h-square:before {
content: ""
}
.fa-plus-square:before {
content: ""
}
.fa-angle-double-left:before {
content: ""
}
.fa-angle-double-right:before {
content: ""
}
.fa-angle-double-up:before {
content: ""
}
.fa-angle-double-down:before {
content: ""
}
.fa-angle-left:before {
content: ""
}
.fa-angle-right:before {
content: ""
}
.fa-angle-up:before {
content: ""
}
.fa-angle-down:before {
content: ""
}
.fa-desktop:before {
content: ""
}
.fa-laptop:before {
content: ""
}
.fa-tablet:before {
content: ""
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""
}
.fa-circle-o:before {
content: ""
}
.fa-quote-left:before {
content: ""
}
.fa-quote-right:before {
content: ""
}
.fa-spinner:before {
content: ""
}
.fa-circle:before {
content: ""
}
.fa-mail-reply:before,
.fa-reply:before {
content: ""
}
.fa-github-alt:before {
content: ""
}
.fa-folder-o:before {
content: ""
}
.fa-folder-open-o:before {
content: ""
}
.fa-smile-o:before {
content: ""
}
.fa-frown-o:before {
content: ""
}
.fa-meh-o:before {
content: ""
}
.fa-gamepad:before {
content: ""
}
.fa-keyboard-o:before {
content: ""
}
.fa-flag-o:before {
content: ""
}
.fa-flag-checkered:before {
content: ""
}
.fa-terminal:before {
content: ""
}
.fa-code:before {
content: ""
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""
}
.fa-location-arrow:before {
content: ""
}
.fa-crop:before {
content: ""
}
.fa-code-fork:before {
content: ""
}
.fa-unlink:before,
.fa-chain-broken:before {
content: ""
}
.fa-question:before {
content: ""
}
.fa-info:before {
content: ""
}
.fa-exclamation:before {
content: ""
}
.fa-superscript:before {
content: ""
}
.fa-subscript:before {
content: ""
}
.fa-eraser:before {
content: ""
}
.fa-puzzle-piece:before {
content: ""
}
.fa-microphone:before {
content: ""
}
.fa-microphone-slash:before {
content: ""
}
.fa-shield:before {
content: ""
}
.fa-calendar-o:before {
content: ""
}
.fa-fire-extinguisher:before {
content: ""
}
.fa-rocket:before {
content: ""
}
.fa-maxcdn:before {
content: ""
}
.fa-chevron-circle-left:before {
content: ""
}
.fa-chevron-circle-right:before {
content: ""
}
.fa-chevron-circle-up:before {
content: ""
}
.fa-chevron-circle-down:before {
content: ""
}
.fa-html5:before {
content: ""
}
.fa-css3:before {
content: ""
}
.fa-anchor:before {
content: ""
}
.fa-unlock-alt:before {
content: ""
}
.fa-bullseye:before {
content: ""
}
.fa-ellipsis-h:before {
content: ""
}
.fa-ellipsis-v:before {
content: ""
}
.fa-rss-square:before {
content: ""
}
.fa-play-circle:before {
content: ""
}
.fa-ticket:before {
content: ""
}
.fa-minus-square:before {
content: ""
}
.fa-minus-square-o:before {
content: ""
}
.fa-level-up:before {
content: ""
}
.fa-level-down:before {
content: ""
}
.fa-check-square:before {
content: ""
}
.fa-pencil-square:before {
content: ""
}
.fa-external-link-square:before {
content: ""
}
.fa-share-square:before {
content: ""
}
.fa-compass:before {
content: ""
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""
}
.fa-euro:before,
.fa-eur:before {
content: ""
}
.fa-gbp:before {
content: ""
}
.fa-dollar:before,
.fa-usd:before {
content: ""
}
.fa-rupee:before,
.fa-inr:before {
content: ""
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""
}
.fa-won:before,
.fa-krw:before {
content: ""
}
.fa-bitcoin:before,
.fa-btc:before {
content: ""
}
.fa-file:before {
content: ""
}
.fa-file-text:before {
content: ""
}
.fa-sort-alpha-asc:before {
content: ""
}
.fa-sort-alpha-desc:before {
content: ""
}
.fa-sort-amount-asc:before {
content: ""
}
.fa-sort-amount-desc:before {
content: ""
}
.fa-sort-numeric-asc:before {
content: ""
}
.fa-sort-numeric-desc:before {
content: ""
}
.fa-thumbs-up:before {
content: ""
}
.fa-thumbs-down:before {
content: ""
}
.fa-youtube-square:before {
content: ""
}
.fa-youtube:before {
content: ""
}
.fa-xing:before {
content: ""
}
.fa-xing-square:before {
content: ""
}
.fa-youtube-play:before {
content: ""
}
.fa-dropbox:before {
content: ""
}
.fa-stack-overflow:before {
content: ""
}
.fa-instagram:before {
content: ""
}
.fa-flickr:before {
content: ""
}
.fa-adn:before {
content: ""
}
.fa-bitbucket:before {
content: ""
}
.fa-bitbucket-square:before {
content: ""
}
.fa-tumblr:before {
content: ""
}
.fa-tumblr-square:before {
content: ""
}
.fa-long-arrow-down:before {
content: ""
}
.fa-long-arrow-up:before {
content: ""
}
.fa-long-arrow-left:before {
content: ""
}
.fa-long-arrow-right:before {
content: ""
}
.fa-apple:before {
content: ""
}
.fa-windows:before {
content: ""
}
.fa-android:before {
content: ""
}
.fa-linux:before {
content: ""
}
.fa-dribbble:before {
content: ""
}
.fa-skype:before {
content: ""
}
.fa-foursquare:before {
content: ""
}
.fa-trello:before {
content: ""
}
.fa-female:before {
content: ""
}
.fa-male:before {
content: ""
}
.fa-gittip:before,
.fa-gratipay:before {
content: ""
}
.fa-sun-o:before {
content: ""
}
.fa-moon-o:before {
content: ""
}
.fa-archive:before {
content: ""
}
.fa-bug:before {
content: ""
}
.fa-vk:before {
content: ""
}
.fa-weibo:before {
content: ""
}
.fa-renren:before {
content: ""
}
.fa-pagelines:before {
content: ""
}
.fa-stack-exchange:before {
content: ""
}
.fa-arrow-circle-o-right:before {
content: ""
}
.fa-arrow-circle-o-left:before {
content: ""
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""
}
.fa-dot-circle-o:before {
content: ""
}
.fa-wheelchair:before {
content: ""
}
.fa-vimeo-square:before {
content: ""
}
.fa-turkish-lira:before,
.fa-try:before {
content: ""
}
.fa-plus-square-o:before {
content: ""
}
.fa-space-shuttle:before {
content: ""
}
.fa-slack:before {
content: ""
}
.fa-envelope-square:before {
content: ""
}
.fa-wordpress:before {
content: ""
}
.fa-openid:before {
content: ""
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""
}
.fa-yahoo:before {
content: ""
}
.fa-google:before {
content: ""
}
.fa-reddit:before {
content: ""
}
.fa-reddit-square:before {
content: ""
}
.fa-stumbleupon-circle:before {
content: ""
}
.fa-stumbleupon:before {
content: ""
}
.fa-delicious:before {
content: ""
}
.fa-digg:before {
content: ""
}
.fa-pied-piper-pp:before {
content: ""
}
.fa-pied-piper-alt:before {
content: ""
}
.fa-drupal:before {
content: ""
}
.fa-joomla:before {
content: ""
}
.fa-language:before {
content: ""
}
.fa-fax:before {
content: ""
}
.fa-building:before {
content: ""
}
.fa-child:before {
content: ""
}
.fa-paw:before {
content: ""
}
.fa-spoon:before {
content: ""
}
.fa-cube:before {
content: ""
}
.fa-cubes:before {
content: ""
}
.fa-behance:before {
content: ""
}
.fa-behance-square:before {
content: ""
}
.fa-steam:before {
content: ""
}
.fa-steam-square:before {
content: ""
}
.fa-recycle:before {
content: ""
}
.fa-automobile:before,
.fa-car:before {
content: ""
}
.fa-cab:before,
.fa-taxi:before {
content: ""
}
.fa-tree:before {
content: ""
}
.fa-spotify:before {
content: ""
}
.fa-deviantart:before {
content: ""
}
.fa-soundcloud:before {
content: ""
}
.fa-database:before {
content: ""
}
.fa-file-pdf-o:before {
content: ""
}
.fa-file-word-o:before {
content: ""
}
.fa-file-excel-o:before {
content: ""
}
.fa-file-powerpoint-o:before {
content: ""
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""
}
.fa-file-code-o:before {
content: ""
}
.fa-vine:before {
content: ""
}
.fa-codepen:before {
content: ""
}
.fa-jsfiddle:before {
content: ""
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""
}
.fa-circle-o-notch:before {
content: ""
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""
}
.fa-ge:before,
.fa-empire:before {
content: ""
}
.fa-git-square:before {
content: ""
}
.fa-git:before {
content: ""
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""
}
.fa-tencent-weibo:before {
content: ""
}
.fa-qq:before {
content: ""
}
.fa-wechat:before,
.fa-weixin:before {
content: ""
}
.fa-send:before,
.fa-paper-plane:before {
content: ""
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""
}
.fa-history:before {
content: ""
}
.fa-circle-thin:before {
content: ""
}
.fa-header:before {
content: ""
}
.fa-paragraph:before {
content: ""
}
.fa-sliders:before {
content: ""
}
.fa-share-alt:before {
content: ""
}
.fa-share-alt-square:before {
content: ""
}
.fa-bomb:before {
content: ""
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""
}
.fa-tty:before {
content: ""
}
.fa-binoculars:before {
content: ""
}
.fa-plug:before {
content: ""
}
.fa-slideshare:before {
content: ""
}
.fa-twitch:before {
content: ""
}
.fa-yelp:before {
content: ""
}
.fa-newspaper-o:before {
content: ""
}
.fa-wifi:before {
content: ""
}
.fa-calculator:before {
content: ""
}
.fa-paypal:before {
content: ""
}
.fa-google-wallet:before {
content: ""
}
.fa-cc-visa:before {
content: ""
}
.fa-cc-mastercard:before {
content: ""
}
.fa-cc-discover:before {
content: ""
}
.fa-cc-amex:before {
content: ""
}
.fa-cc-paypal:before {
content: ""
}
.fa-cc-stripe:before {
content: ""
}
.fa-bell-slash:before {
content: ""
}
.fa-bell-slash-o:before {
content: ""
}
.fa-trash:before {
content: ""
}
.fa-copyright:before {
content: ""
}
.fa-at:before {
content: ""
}
.fa-eyedropper:before {
content: ""
}
.fa-paint-brush:before {
content: ""
}
.fa-birthday-cake:before {
content: ""
}
.fa-area-chart:before {
content: ""
}
.fa-pie-chart:before {
content: ""
}
.fa-line-chart:before {
content: ""
}
.fa-lastfm:before {
content: ""
}
.fa-lastfm-square:before {
content: ""
}
.fa-toggle-off:before {
content: ""
}
.fa-toggle-on:before {
content: ""
}
.fa-bicycle:before {
content: ""
}
.fa-bus:before {
content: ""
}
.fa-ioxhost:before {
content: ""
}
.fa-angellist:before {
content: ""
}
.fa-cc:before {
content: ""
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""
}
.fa-meanpath:before {
content: ""
}
.fa-buysellads:before {
content: ""
}
.fa-connectdevelop:before {
content: ""
}
.fa-dashcube:before {
content: ""
}
.fa-forumbee:before {
content: ""
}
.fa-leanpub:before {
content: ""
}
.fa-sellsy:before {
content: ""
}
.fa-shirtsinbulk:before {
content: ""
}
.fa-simplybuilt:before {
content: ""
}
.fa-skyatlas:before {
content: ""
}
.fa-cart-plus:before {
content: ""
}
.fa-cart-arrow-down:before {
content: ""
}
.fa-diamond:before {
content: ""
}
.fa-ship:before {
content: ""
}
.fa-user-secret:before {
content: ""
}
.fa-motorcycle:before {
content: ""
}
.fa-street-view:before {
content: ""
}
.fa-heartbeat:before {
content: ""
}
.fa-venus:before {
content: ""
}
.fa-mars:before {
content: ""
}
.fa-mercury:before {
content: ""
}
.fa-intersex:before,
.fa-transgender:before {
content: ""
}
.fa-transgender-alt:before {
content: ""
}
.fa-venus-double:before {
content: ""
}
.fa-mars-double:before {
content: ""
}
.fa-venus-mars:before {
content: ""
}
.fa-mars-stroke:before {
content: ""
}
.fa-mars-stroke-v:before {
content: ""
}
.fa-mars-stroke-h:before {
content: ""
}
.fa-neuter:before {
content: ""
}
.fa-genderless:before {
content: ""
}
.fa-facebook-official:before {
content: ""
}
.fa-pinterest-p:before {
content: ""
}
.fa-whatsapp:before {
content: ""
}
.fa-server:before {
content: ""
}
.fa-user-plus:before {
content: ""
}
.fa-user-times:before {
content: ""
}
.fa-hotel:before,
.fa-bed:before {
content: ""
}
.fa-viacoin:before {
content: ""
}
.fa-train:before {
content: ""
}
.fa-subway:before {
content: ""
}
.fa-medium:before {
content: ""
}
.fa-yc:before,
.fa-y-combinator:before {
content: ""
}
.fa-optin-monster:before {
content: ""
}
.fa-opencart:before {
content: ""
}
.fa-expeditedssl:before {
content: ""
}
.fa-battery-4:before,
.fa-battery-full:before {
content: ""
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""
}
.fa-battery-2:before,
.fa-battery-half:before {
content: ""
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""
}
.fa-mouse-pointer:before {
content: ""
}
.fa-i-cursor:before {
content: ""
}
.fa-object-group:before {
content: ""
}
.fa-object-ungroup:before {
content: ""
}
.fa-sticky-note:before {
content: ""
}
.fa-sticky-note-o:before {
content: ""
}
.fa-cc-jcb:before {
content: ""
}
.fa-cc-diners-club:before {
content: ""
}
.fa-clone:before {
content: ""
}
.fa-balance-scale:before {
content: ""
}
.fa-hourglass-o:before {
content: ""
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""
}
.fa-hourglass:before {
content: ""
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""
}
.fa-hand-scissors-o:before {
content: ""
}
.fa-hand-lizard-o:before {
content: ""
}
.fa-hand-spock-o:before {
content: ""
}
.fa-hand-pointer-o:before {
content: ""
}
.fa-hand-peace-o:before {
content: ""
}
.fa-trademark:before {
content: ""
}
.fa-registered:before {
content: ""
}
.fa-creative-commons:before {
content: ""
}
.fa-gg:before {
content: ""
}
.fa-gg-circle:before {
content: ""
}
.fa-tripadvisor:before {
content: ""
}
.fa-odnoklassniki:before {
content: ""
}
.fa-odnoklassniki-square:before {
content: ""
}
.fa-get-pocket:before {
content: ""
}
.fa-wikipedia-w:before {
content: ""
}
.fa-safari:before {
content: ""
}
.fa-chrome:before {
content: ""
}
.fa-firefox:before {
content: ""
}
.fa-opera:before {
content: ""
}
.fa-internet-explorer:before {
content: ""
}
.fa-tv:before,
.fa-television:before {
content: ""
}
.fa-contao:before {
content: ""
}
.fa-500px:before {
content: ""
}
.fa-amazon:before {
content: ""
}
.fa-calendar-plus-o:before {
content: ""
}
.fa-calendar-minus-o:before {
content: ""
}
.fa-calendar-times-o:before {
content: ""
}
.fa-calendar-check-o:before {
content: ""
}
.fa-industry:before {
content: ""
}
.fa-map-pin:before {
content: ""
}
.fa-map-signs:before {
content: ""
}
.fa-map-o:before {
content: ""
}
.fa-map:before {
content: ""
}
.fa-commenting:before {
content: ""
}
.fa-commenting-o:before {
content: ""
}
.fa-houzz:before {
content: ""
}
.fa-vimeo:before {
content: ""
}
.fa-black-tie:before {
content: ""
}
.fa-fonticons:before {
content: ""
}
.fa-reddit-alien:before {
content: ""
}
.fa-edge:before {
content: ""
}
.fa-credit-card-alt:before {
content: ""
}
.fa-codiepie:before {
content: ""
}
.fa-modx:before {
content: ""
}
.fa-fort-awesome:before {
content: ""
}
.fa-usb:before {
content: ""
}
.fa-product-hunt:before {
content: ""
}
.fa-mixcloud:before {
content: ""
}
.fa-scribd:before {
content: ""
}
.fa-pause-circle:before {
content: ""
}
.fa-pause-circle-o:before {
content: ""
}
.fa-stop-circle:before {
content: ""
}
.fa-stop-circle-o:before {
content: ""
}
.fa-shopping-bag:before {
content: ""
}
.fa-shopping-basket:before {
content: ""
}
.fa-hashtag:before {
content: ""
}
.fa-bluetooth:before {
content: ""
}
.fa-bluetooth-b:before {
content: ""
}
.fa-percent:before {
content: ""
}
.fa-gitlab:before {
content: ""
}
.fa-wpbeginner:before {
content: ""
}
.fa-wpforms:before {
content: ""
}
.fa-envira:before {
content: ""
}
.fa-universal-access:before {
content: ""
}
.fa-wheelchair-alt:before {
content: ""
}
.fa-question-circle-o:before {
content: ""
}
.fa-blind:before {
content: ""
}
.fa-audio-description:before {
content: ""
}
.fa-volume-control-phone:before {
content: ""
}
.fa-braille:before {
content: ""
}
.fa-assistive-listening-systems:before {
content: ""
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""
}
.fa-glide:before {
content: ""
}
.fa-glide-g:before {
content: ""
}
.fa-signing:before,
.fa-sign-language:before {
content: ""
}
.fa-low-vision:before {
content: ""
}
.fa-viadeo:before {
content: ""
}
.fa-viadeo-square:before {
content: ""
}
.fa-snapchat:before {
content: ""
}
.fa-snapchat-ghost:before {
content: ""
}
.fa-snapchat-square:before {
content: ""
}
.fa-pied-piper:before {
content: ""
}
.fa-first-order:before {
content: ""
}
.fa-yoast:before {
content: ""
}
.fa-themeisle:before {
content: ""
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""
}
.fa-fa:before,
.fa-font-awesome:before {
content: ""
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.notify-cont {
position: fixed;
left: 50%;
top: 0;
overflow: hidden;
z-index: 99999;
text-align: center;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0)
}
.notify {
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0)
}
.notify.onOpen {
opacity: 1;
filter: alpha(opacity=100);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
.notify.onClose {
height: 0!important
}
.notify-content {
position: relative;
display: inline-block;
vertical-align: middle;
min-width: 300px;
text-align: left
}
.notify-content ul {
margin: 0;
padding: 0
}
html {
overflow-x: hidden;
overflow-y: auto
}
html.fixed {
position: fixed
}
html.overflow {
overflow: hidden;
-webkit-overflow-scrolling: touch
}
@media(min-width:1025px) {
html.overflow {
padding-right: 16px
}
}
html.overflow body {
overflow: hidden;
-webkit-overflow-scrolling: touch
}
@media(max-width:767px) {
html.show-mobile-popup {
overflow: hidden;
-webkit-overflow-scrolling: touch
}
html.show-mobile-popup body {
overflow: hidden;
-webkit-overflow-scrolling: touch
}
html.show-mobile-popup .button-to-top-fixed {
display: none!important
}
}
em {
font-style: normal
}
body {
min-width: 300px;
font-size: 14px;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.2;
position: relative;
-webkit-user-select: inherit!important
}
@media(max-width:1024px) {
.content-right {
display: none
}
.content-center~.content-right {
display: block
}
}
.pointer-events-none {
pointer-events: none
}
@media(min-width:768px) {
.item-max-width {
max-width: 470px
}
}
.container-fix {
overflow: auto;
padding: 0 10px 60px;
height: 100%
}
.container-inner {
position: relative;
z-index: 5
}
.container-fix-inner {
width: 1170px;
margin: 0 auto
}
.back-to-product-page {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000
}
.back-to-product-page a {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.hidden-copy-input {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
left: -99999999em
}
.desc-items * {
-moz-box-sizing: border-box!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important
}
.desc-items .row {
padding-top: 35px;
padding-bottom: 35px;
border-bottom: 1px solid #e7e7e7
}
.desc-items .row .image img {
max-width: 150px;
max-height: 150px
}
@media(max-width:767px) {
.desc-items .row .image {
margin-bottom: 30px
}
}
.desc-items .row .text {
font-size: 1.1em;
line-height: 1.4
}
.desc-items .row .text h2 {
margin-top: 0;
margin-bottom: 18px;
font-size: 1.6em
}
.desc-items .row .text ul,
.desc-items .row .text ol {
margin-top: 23px;
padding-left: 17px;
margin-bottom: 15px
}
.desc-items .row .text ul li,
.desc-items .row .text ol li {
margin-bottom: 15px
}
.desc-items .row .text ul li:last-child,
.desc-items .row .text ol li:last-child {
margin-bottom: 0
}
.desc-items .row .text p {
margin-top: 0;
margin-bottom: 15px
}
.desc-items .row .text p:last-child {
margin-bottom: 0
}
@media(min-width:1025px) {
.content-center~.content-right {
display: none
}
.content-row:after {
content: '';
display: block;
clear: both
}
.content-right {
position: relative;
z-index: 10;
float: right;
width: 270px;
display: block;
margin: 0;
padding: 0
}
.content-left {
position: relative;
z-index: 10;
float: left;
width: 270px;
display: block;
margin: 0;
padding: 0
}
.content-center {
float: left;
width: 100%;
position: relative
}
.content-right~.content-center {
margin-right: -270px;
padding-right: 285px
}
.content-left~.content-center {
margin-left: -270px;
padding-left: 285px
}
}
.slider-row {
margin: 0 -15px
}
@media(max-width:1024px) {
.slider-row {
margin: 0 -10px
}
}
.slider-item {
float: left;
width: 25%;
text-align: center
}
.slider-item:not(.no-padding) {
padding: 0 15px
}
@media(max-width:1024px) {
.slider-item:not(.no-padding) {
padding: 0 10px
}
}
.products-slider.two-row .slick-slide>div:last-child>.slider-item {
margin-top: 30px
}
.icon-morele-no-photo {
position: absolute;
top: 50%;
left: 50%;
color: #afb0b0;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.products-slider .slide-inside {
position: relative;
border: 2px solid transparent;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.products-slider .slide-inside:hover {
text-decoration: none;
border-color: #e7e7e7
}
.products-slider .slide-inside>a:not(.btn) {
text-decoration: none;
display: block
}
.products-slider .slide-inside>a:not(.btn).link-stars {
position: relative;
z-index: 10;
display: inline-block
}
.products-slider .slide-inside>a:not(.btn).link-top {
padding: 18px 13px 8px
}
.products-slider .slide-inside>a:not(.btn).link-bottom {
padding: 10px 13px 16px
}
.products-slider .slide-inside>a:not(.btn).link-stars+.link-bottom {
margin-top: -26px;
padding: 30px 13px 16px
}
.products-slider .slide-inside>a:not(.btn) .new-price {
color: #000
}
.images-slider .slider-item {
display: none
}
.images-slider .slider-item a {
position: relative;
text-decoration: none;
display: block
}
.images-slider .slider-item a.img-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain
}
.images-slider .slider-item a.img-bg:before {
content: '';
display: block;
padding-top: 83.35%
}
.images-slider .slick-slider .slider-item {
display: block
}
.product-slider-top-info {
position: relative;
border: 1px solid #e7e7e7;
text-align: left;
padding: 10px 5px 10px 50px;
margin: -18px -15px 10px -14px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.product-slider-top-info .number-info {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
background: #018068;
width: 41px;
text-align: center;
line-height: 38px;
color: #fff;
font-size: 1.286em;
font-weight: 700;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px
}
.product-slider-top-info .buy-info {
color: #018068
}
.product-quantity,
.product-quantity-placeholder {
font-size: 1.3em;
font-weight: 600;
margin-bottom: 5px
}
.slick-slide .slider-item .link-top {
display: block!important
}
.slider-item .link-top {
display: none!important
}
.product-slider-image {
position: relative;
height: 182px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain
}
.product-slider-image a {
display: block;
text-decoration: none;
width: 100%;
height: 100%
}
.product-slider-image i.icon-morele-no-photo {
font-size: 140px
}
.zaz-box-item {
position: relative
}
.zaz-box-item .disabled-wrap {
position: absolute;
top: -16px;
left: -13px;
right: -13px;
bottom: 0;
background: rgba(255, 255, 255, .67);
z-index: 100
}
@media(min-width:768px) and (max-width:1024px) {
.zaz-box-item .disabled-wrap {
top: -24px;
left: -17px;
right: -17px
}
}
.zaz-box-item .disabled-wrap>div {
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #e30613;
transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(-40deg)
}
.product-slider-name {
display: block!important;
font-weight: 500;
color: #01649a;
font-size: 1.1em!important;
text-align: center;
margin: 0 0 7px;
line-height: 1.25;
height: 40px;
overflow: hidden
}
.product-slider-price {
text-decoration: none;
font-weight: 600;
text-align: center;
font-size: 1.286em;
color: #000
}
.product-slider-price.price-small {
font-size: 1.1em
}
.product-slider-price span {
display: inline-block;
vertical-align: baseline
}
.product-slider-price .price-old {
font-size: .85em;
position: relative;
color: #e30613;
line-height: 10px;
text-decoration: none;
margin-right: 7px
}
.product-slider-price .price-old:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 2px;
background: #e30613;
display: block;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.price-w-discount,
.price-wo-discount {
font-weight: 600;
font-size: 1.1em;
color: #000;
margin-bottom: 10px
}
.price-w-discount .discount,
.price-wo-discount .discount {
color: #e30613;
margin-bottom: 10px
}
.price-w-discount .old-price,
.price-wo-discount .old-price {
font-size: .857em;
line-height: 1.4;
color: #787878;
text-decoration: line-through
}
.price-wo-discount {
padding-top: 28px
}
.product-slider-recommended {
margin-top: 5px;
text-align: center;
font-weight: 600;
font-size: .929em;
line-height: 1.4;
min-height: 55px;
color: #f07c00
}
.rating-container {
text-align: center;
margin-bottom: 3px
}
* {
outline: 0!important
}
.page-title {
font-weight: 600;
font-size: 1.286em;
color: #000;
margin-top: 0
}
.section-text {
line-height: 1.45;
margin-bottom: 35px
}
.section-text img {
max-width: 100%;
height: auto
}
.section-text.brand-text p {
margin: 0
}
.section-text.brand-text p:empty {
display: none
}
.section-list .section-list-item {
margin-bottom: 10px
}
.section-list.with-arrows .section-list-item a {
position: relative;
display: inline-block;
vertical-align: middle;
padding-left: 15px
}
.section-list.with-arrows .section-list-item a:before {
content: '\f054';
font-family: fontawesome;
font-size: .8em;
position: absolute;
left: 0;
top: 2px;
color: #01618a
}
.button-back {
margin-bottom: 20px
}
.title-fname {
font-size: .857em;
color: #787878;
word-break: break-word;
padding-right: 20px
}
.page-title+.title-fname {
margin: -5px 0 9px
}
.section-title {
font-weight: 600;
font-size: 1.714em;
margin: 15px 0 10px
}
@media(max-width:767px) {
.section-title {
text-align: center
}
}
.section-title.text-left {
text-align: left
}
.section-block {
margin-bottom: 20px
}
.section-block.section-with-border {
border: 1px solid #e7e7e7;
padding: 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
@media(min-width:768px) {
.section-block.section-with-border-sm {
border: 1px solid #e7e7e7;
padding: 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.section-block.section-with-border-sm .section-title {
margin-top: 0;
margin-bottom: 10px
}
}
.section-block.specialists-recommended {
margin-bottom: 0!important
}
.section-block.small-margin {
margin-bottom: 5px
}
.icon-remove {
display: inline-block;
vertical-align: middle;
text-decoration: none;
color: #0169a1;
font-size: 16px;
width: 14px;
height: 16px
}
.section-more {
margin: 25px 0
}
.section-more .btn {
min-width: 200px
}
@media(max-width:767px) {
.section-more .btn {
min-width: 100%;
width: 100%
}
}
.section-block:last-child {
margin-bottom: 10px
}
.section-block:last-child .section-more {
margin-bottom: 0
}
.center-block {
margin: 0 auto
}
.clearBoth {
display: block;
clear: both;
height: 0
}
.grayBg {
background: #e5e8ea
}
.small-gray-text {
font-size: .857em;
line-height: 1.4;
color: #787878
}
.margin0 {
margin: 0
}
.toggle-icon {
font-size: 1.143em
}
.toggle-init-hidden {
display: none
}
.wrapper {
position: relative;
z-index: 100;
background: #fff;
min-height: 100%
}
@media(max-width:1025px) {
.wrapper {
overflow: hidden;
transition: all 450ms ease;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease
}
}
.wrapper.checkout {
padding-bottom: 30px
}
.page-content {
position: relative;
padding: 8px 0 0
}
#content {
padding-bottom: 20px
}
#showOldFrontMobile {
width: 100%;
color: #01618a;
text-align: center;
font-size: 1.5em;
padding-bottom: .5em
}
#showOldFrontMobile:hover {
cursor: pointer
}
.page-overlay,
.page-overlay-click {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .54);
z-index: 1000
}
@media(max-width:500px) {
.all-width-500 {
width: 100%
}
}
.social-media-widget a {
display: inline-block;
vertical-align: middle;
position: relative;
width: 42px;
background: #000;
margin: 0 15px 15px 0;
border-radius: 100%;
transition: background 200ms ease;
-webkit-transition: background 200ms ease;
-moz-transition: background 200ms ease;
-ms-transition: background 200ms ease;
-o-transition: background 200ms ease
}
.social-media-widget a:last-child {
margin-right: 0
}
.social-media-widget a:before {
content: '';
display: block;
padding-top: 100%
}
.social-media-widget a i {
position: absolute;
top: 50%;
left: 50%;
font-size: 22px;
color: #fff;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%)
}
.social-media-widget a.instagram i {
margin-top: -1px
}
.social-media-widget a.instagram2 i {
margin-top: -1px
}
.social-media-widget a:hover.facebook {
background: #3468af
}
.social-media-widget a:hover.youtube {
background: #dc1a03
}
.social-media-widget a:hover.twitter {
background: #4fc4f6
}
.social-media-widget a:hover.google-plus {
background: #e64c65
}
.social-media-widget a:hover.instagram {
background: #cf2f7a
}
.social-media-widget a:hover.instagram2 {
background: #e84b50
}
.social-media-widget:after {
content: '';
display: block;
clear: both
}
.table-image {
position: relative;
max-width: 220px;
margin: auto;
width: 100%
}
.table-image:before {
content: '';
padding-top: 100%;
display: block
}
.table-image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%
}
.display-table {
display: table;
table-layout: fixed;
width: 100%
}
.table-col {
display: table-cell;
vertical-align: middle;
padding: 4px 10px;
border-bottom: 1px solid #e6e6e6;
float: none;
height: 92px
}
.table-col.v-align-top {
vertical-align: top
}
.table-col.without-border {
border: 0
}
.table-col.no-padding {
padding-top: 0;
padding-bottom: 0
}
.table-col.normal-padding {
padding-right: 15px;
padding-left: 15px
}
@media(max-width:767px) {
.table-col.normal-padding {
padding-right: 10px;
padding-left: 10px
}
}
.table-col.counter {
width: 55px
}
.table-col.remove {
width: 55px
}
.table-col.image {
width: 120px
}
@media(min-width:480px) {
.table-col:first-child {
padding-left: 0
}
.table-col:last-child {
padding-right: 0
}
}
.table-col .block-table .table-row .table-col {
border: 0
}
.table-row {
margin: 0;
display: table-row
}
.table-row:before,
.table-row:after {
display: none
}
.table-row.heading .table-col {
font-size: 1.071em;
border-bottom: 0;
font-weight: 700;
padding-top: 10px;
padding-bottom: 14px;
height: auto
}
@media(max-width:500px) {
.display-table.reset-table-500 {
display: block
}
.display-table.reset-table-500>.table-row {
display: block
}
.display-table.reset-table-500>.table-row.row {
margin-left: -10px;
margin-right: -10px
}
.display-table.reset-table-500>.table-row>.table-col {
display: block;
height: auto;
padding-left: 10px;
padding-right: 10px
}
}
@media(max-width:767px) {
.display-table.reset-table-xs {
display: block
}
.display-table.reset-table-xs>.table-row {
display: block
}
.display-table.reset-table-xs>.table-row.row {
margin-left: -10px;
margin-right: -10px
}
.display-table.reset-table-xs>.table-row>.table-col {
display: block;
height: auto;
padding-left: 10px;
padding-right: 10px
}
}
@media(min-width:768px) and (max-width:1024px) {
.display-table.reset-table-sm {
display: block
}
.display-table.reset-table-sm>.table-row {
display: block
}
.display-table.reset-table-sm>.table-row.row {
margin-left: -15px;
margin-right: -15px
}
.display-table.reset-table-sm>.table-row>.table-col {
display: block;
height: auto;
padding-left: 15px;
padding-right: 15px
}
}
.block-table {
display: table;
margin-bottom: 10px
}
.block-table.allWidth {
width: 100%
}
.block-table.footer .table-row .table-col {
border: 0;
height: auto
}
@media(max-width:1024px) {
.block-table .table-row .table-col {
padding: 4px 7px
}
.block-table .table-row .table-col.counter {
width: 25px
}
.block-table .table-row .table-col.remove {
width: 40px
}
.block-table .table-row.heading .table-col {
font-size: 1em
}
}
@media(max-width:767px) {
.block-table {
table-layout: auto
}
.block-table .table-row .table-col {
padding: 4px 7px
}
.block-table .table-row .table-col.counter {
width: 15px
}
.block-table .table-row .table-col.remove {
width: 25px
}
}
@media(max-width:479px) {
.block-table.block-es {
display: block;
table-layout: auto
}
.block-table.block-es>.table-row {
display: block;
margin-left: -15px;
margin-right: -15px
}
.block-table.block-es>.table-row:before,
.block-table.block-es>.table-row:after {
content: " ";
display: table
}
.block-table.block-es>.table-row:after {
clear: both
}
}
@media(max-width:479px) and (max-width:1024px) {
.block-table.block-es>.table-row {
margin-left: -10px;
margin-right: -10px
}
}
@media(max-width:479px) {
.block-table.block-es>.table-row:before,
.block-table.block-es>.table-row:after {
display: table
}
.block-table.block-es>.table-row>.table-col {
display: block;
float: left;
height: auto;
border: 0;
padding: 0 15px
}
.block-table.block-es>.table-row>.table-col.name {
text-align: center;
margin-bottom: 30px
}
}
@media(max-width:767px) {
.display-table-xs {
display: table;
table-layout: fixed;
width: 100%
}
.table-row-xs {
margin: 0;
display: table-row
}
.table-row-xs:before,
.table-row-xs:after {
display: none
}
.table-row-xs.heading .table-col-xs {
font-size: 1.071em;
border-bottom: 0;
font-weight: 700;
padding-top: 10px;
padding-bottom: 14px;
height: auto
}
.table-col-xs {
display: table-cell;
vertical-align: middle;
padding: 4px 10px;
float: none
}
.table-col-xs.v-align-top {
vertical-align: top
}
}
.table-col-sort-wr {
position: relative;
display: inline-block;
vertical-align: middle;
padding-right: 14px;
font-size: 13px;
line-height: 20px;
font-weight: 600;
cursor: pointer
}
.table-col-sort-wr .table-col-sort {
position: absolute;
top: 50%;
right: 0;
height: 12px;
margin-top: -5px
}
.table-col-sort-wr .table-col-sort a,
.table-col-sort-wr .table-col-sort span {
display: block;
font-size: 14px;
line-height: 6px
}
.table-col-sort-wr .table-col-sort a i,
.table-col-sort-wr .table-col-sort span i {
font-size: inherit;
line-height: inherit
}
.table-col-sort-wr .table-col-sort a {
color: #000
}
.table-col-sort-wr.active-sort-type.active-sort-order-asc .table-col-sort-asc {
color: #afafaf!important
}
.table-col-sort-wr.active-sort-type.active-sort-order-desc .table-col-sort-desc {
color: #afafaf!important
}
.table-col-sort-wr:hover {
text-decoration: underline
}
form {
margin-bottom: 0
}
form .row+.row {
margin-top: 25px
}
form .row.no-row-margin {
margin-top: 0
}
.loader {
color: #e30613;
font-size: 10px;
margin: 18px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
z-index: 1;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.hidden {
display: none
}
.image-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
margin: auto;
z-index: 100
}
.image-loader .loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
.price-old {
color: #e30613;
text-decoration: line-through
}
.sf-minitoolbar {
width: 40px
}
.stop-event {
pointer-events: none
}
#error404 {
text-align: center;
line-height: initial;
overflow: hidden;
color: #2b2b2b;
clear: both;
margin: 20px auto 30px
}
#error404 a {
color: #01618a;
text-decoration: none;
font-size: inherit
}
#error404 h1 {
position: relative;
display: inline-block;
width: auto;
font-size: 140px;
font-weight: 700;
margin: 0 auto;
line-height: 130px;
color: #2b2b2b
}
#error404 h3 {
margin: 40px 0;
text-transform: uppercase;
font-size: 24px;
line-height: 40px
}
#error404 p {
font-size: 22px;
line-height: 32px
}
#error404 button {
margin-top: 25px;
border-radius: 4px;
line-height: 50px;
border: 0;
background: #085577;
color: #fff;
padding: 0 20px;
font-size: 16px;
cursor: pointer
}
#error404 .icon-exclamation {
position: absolute;
display: block;
top: 0;
right: -70px;
width: 70px;
height: 70px;
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-exclamation.png)
}
#error404 .icon-morele-no-photo {
font-size: 80px
}
.bottomFixedPopup {
position: fixed;
left: 0;
bottom: 0;
z-index: 998;
width: 400px;
height: 71px;
-webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 60px 0 rgba(0, 0, 0, .5);
transition: translate3d(0, 0, 0);
-webkit-transition: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-ms-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-citibank-popup-300.png) 0 0 no-repeat
}
.bottomFixedPopup.bottomFixedPopup-presto {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-citibank-popup-300.png) 0 0 no-repeat
}
.bottomFixedPopup a {
display: block;
width: 400px;
height: 71px
}
.bottomFixedPopup.transit {
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
@media(max-width:767px) {
.bottomFixedPopup {
display: none!important
}
}
.bottomFixedPopupClose {
position: absolute;
top: 6px;
right: 9px;
width: 16px;
height: 17px;
cursor: pointer;
z-index: 10
}
.netpunkt-popup {
position: fixed;
left: 0;
bottom: 0;
z-index: 998;
width: 400px;
height: 71px;
-webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 60px 0 rgba(0, 0, 0, .5);
transition: translate3d(0, 0, 0);
-webkit-transition: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-ms-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/godziny_netpunktów.png) 0 0 no-repeat
}
.netpunkt-popup a {
display: block;
width: 400px;
height: 71px
}
.netpunkt-popup.transit {
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
@media(max-width:767px) {
.netpunkt-popup {
display: none!important
}
}
.netpunkt-popup-close {
position: absolute;
top: 9px;
right: 7px;
width: 18px;
height: 19px;
cursor: pointer;
z-index: 10
}
#header {
position: relative;
z-index: 1002;
background: #fff;
border-bottom: 2px solid #e0e4e7
}
@media(min-width:1025px) {
#header nav.primary-menu {
display: block
}
}
@media(max-width:1024px) {
#header nav.primary-menu {
display: none
}
}
.h-first-row {
position: relative;
z-index: 15;
padding: 4px 0 0;
border-bottom: 1px solid #e7e7e7
}
.h-first-row .info {
line-height: 1.4;
letter-spacing: -.006em
}
.h-first-row .info span {
color: #e30613;
font-weight: 700
}
.h-first-row .info i.fa {
font-size: 1.3em;
line-height: .6;
color: #8b8b8b;
display: inline-block;
vertical-align: middle;
margin-left: 2px
}
nav.h-sites-menu ul {
margin: 0;
padding: 0;
list-style: none
}
nav.h-sites-menu ul li {
float: left;
border: 1px solid transparent;
margin-bottom: -1px
}
nav.h-sites-menu ul li+li {
margin-left: 27px
}
@media(max-width:1150px) {
nav.h-sites-menu ul li+li {
margin-left: 20px
}
}
@media(max-width:1100px) {
nav.h-sites-menu ul li+li {
margin-left: 14px
}
}
nav.h-sites-menu ul li a {
position: relative;
display: block;
font-size: .95em;
padding: 6px 0 6px 30px;
margin-bottom: -1px
}
nav.h-sites-menu ul li a:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 24px;
height: 24px;
margin-top: -12px;
background-position: center center;
background-repeat: no-repeat
}
nav.h-sites-menu ul li.active {
border-color: #e7e7e7;
border-bottom-color: #fff
}
nav.h-sites-menu ul li.active a {
text-decoration: none;
background: #fff;
color: #707477;
font-size: 1.3em;
padding: 6px 15px 5px;
pointer-events: none
}
nav.h-sites-menu ul li.frontend-morele a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-morele.png)
}
nav.h-sites-menu ul li.frontend-hulahop a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-hulahop.png)
}
nav.h-sites-menu ul li.frontend-amfora a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-amfora.png)
}
nav.h-sites-menu ul li.frontend-pupilo a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-pupilo.png)
}
nav.h-sites-menu ul li.frontend-motoria a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-motoria.png)
}
nav.h-sites-menu ul li.frontend-digitalo a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-digitalo.png)
}
nav.h-sites-menu ul li.frontend-ubieramy a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-ubieramy.png)
}
nav.h-sites-menu ul li.frontend-meblujesz a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-meblujesz.png)
}
nav.h-sites-menu ul li.frontend-sklep-presto a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-sklep-presto.png)
}
nav.h-sites-menu ul li.frontend-budujesz a:before {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-menu-budujesz.png)
}
nav.h-sites-menu ul:after {
content: '';
display: block;
clear: both
}
nav.h-sites-menu .read-more-button {
height: 31px
}
nav.h-sites-menu .read-more-button:hover {
position: relative
}
nav.h-sites-menu .read-more-button:hover .read-more {
text-decoration: none
}
nav.h-sites-menu .read-more-button:hover .dropdown {
display: block
}
nav.h-sites-menu .read-more {
cursor: pointer;
float: left;
border: 1px solid transparent;
margin-bottom: -1px;
padding-left: 0;
padding-top: 5px
}
nav.h-sites-menu .dropdown {
top: 30px;
left: -6px;
display: none;
position: absolute;
z-index: 1030;
background-color: #fff;
width: 115px;
border: 1px #dae1e4 solid;
padding-bottom: 2px
}
nav.h-sites-menu .dropdown .dropdown-border-top {
border-top: 2px solid #01649a;
width: 58px;
height: 0
}
nav.h-sites-menu .dropdown li {
display: block;
background-color: #fff;
float: none;
margin-left: 0;
padding: .5px 3px
}
nav.h-help-menu {
padding: 4px 0
}
nav.h-help-menu ul {
list-style: none;
margin: 0;
padding: 0
}
nav.h-help-menu ul li {
display: inline-block;
vertical-align: middle
}
nav.h-help-menu ul li+li {
margin-left: 30px
}
@media(max-width:1150px) {
nav.h-help-menu ul li+li {
margin-left: 20px
}
}
@media(max-width:1100px) {
nav.h-help-menu ul li+li {
margin-left: 14px
}
}
nav.h-help-menu ul li a {
line-height: 1.5;
font-size: .95em
}
nav.h-help-menu ul li a i {
color: #fe0000;
font-size: 17px
}
nav.h-help-menu ul li#showOldFront {
color: #01618a
}
nav.h-help-menu ul li#showOldFront:hover {
cursor: pointer
}
nav.h-help-menu .manager-wrap {
position: relative
}
nav.h-help-menu .manager-wrap:hover .subMenu {
display: block
}
nav.h-help-menu .subMenu {
display: none;
position: absolute;
top: 100%;
right: -28px;
width: 310px;
margin-left: -95px;
text-align: left;
overflow: hidden
}
nav.h-help-menu .subMenu span {
font-weight: 600
}
nav.h-help-menu .subMenu:before {
content: '';
position: absolute;
top: -8px;
right: 86px;
width: 16px;
height: 16px;
border: 1px solid #e7e7e7;
background: #fff;
z-index: 10;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg)
}
nav.h-help-menu .subMenu ul {
border: 1px solid #e7e7e7;
background: #f4f7f8;
padding: 18px 17px 15px;
margin: 0;
list-style: none;
border-radius: 10px;
-webkit-border-radius: 10px;
text-align: left
}
nav.h-help-menu .subMenu ul li:not(.name) {
margin: 0 0 3px;
display: block;
overflow: hidden
}
nav.h-help-menu .subMenu ul .name {
display: block;
margin: 0 0 10px;
text-align: right;
font-weight: 600
}
nav.h-help-menu .subMenu ul span {
font-weight: 600;
width: 50px;
display: inline-block;
float: left;
clear: both;
line-height: 1.5
}
nav.h-help-menu .subMenu ul a {
float: left
}
.h-second-row {
padding: 4px 0 0
}
@media(max-width:1024px) {
.h-second-row {
padding: 10px 0 8px
}
}
@media(max-width:767px) {
.h-second-row {
padding: 6px 0 3px
}
}
.h-second-cont {
position: relative;
z-index: 11
}
@media(min-width:1025px) {
.h-second-cont {
margin-bottom: 13px
}
}
@media(max-width:1024px) {
.h-second-cont {
position: relative;
padding-left: 43px
}
}
.h-second-cont .col-wr {
float: left;
padding-left: 15px;
padding-right: 15px;
min-height: 1px
}
.h-second-cont .logo-wr {
position: relative;
z-index: 10
}
@media(min-width:1025px) {
.h-second-cont .logo-wr {
width: 230px;
margin: 10px 0 0
}
}
@media(min-width:900px) and (max-width:1024px) {
.h-second-cont .logo-wr {
width: 25%;
margin: 2px 0 0
}
}
@media(max-width:899px) {
.h-second-cont .logo-wr {
width: 33%
}
}
@media(max-width:767px) {
.h-second-cont .logo-wr {
width: 55%;
margin: 4px 0 0
}
}
@media(max-width:600px) {
.h-second-cont .logo-wr {
margin: 0
}
}
.h-second-cont .logo-wr .logo {
position: relative;
height: 46px
}
@media(min-width:1025px) {
.h-second-cont .logo-wr .logo {
max-width: 220px
}
}
@media(max-width:767px) {
.h-second-cont .logo-wr .logo {
max-width: 190px
}
}
@media(max-width:500px) {
.h-second-cont .logo-wr .logo {
max-width: 160px;
height: 40px
}
}
.h-second-cont .logo-wr .logo a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
text-decoration: none
}
.h-second-cont .logo-wr .logo img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto 0;
width: auto;
height: 100%;
max-width: 100%
}
@media(min-width:1025px) {
.h-second-cont .search-content-wr {
width: 100%;
margin: 0 -340px 0 -230px;
padding: 0 355px 0 245px
}
}
@media(min-width:900px) and (max-width:1024px) {
.h-second-cont .search-content-wr {
width: 55%
}
}
@media(max-width:899px) {
.h-second-cont .search-content-wr {
width: 32%
}
}
@media(max-width:767px) {
.h-second-cont .search-content-wr {
display: none
}
}
.h-second-cont .panel-wr {
position: relative;
z-index: 10
}
@media(min-width:1025px) {
.h-second-cont .panel-wr {
width: 340px
}
}
@media(max-width:1024px) {
.h-second-cont .panel-wr {
text-align: right
}
}
@media(min-width:900px) and (max-width:1024px) {
.h-second-cont .panel-wr {
width: 20%
}
}
@media(max-width:899px) {
.h-second-cont .panel-wr {
width: 35%
}
}
@media(max-width:767px) {
.h-second-cont .panel-wr {
width: 45%;
padding: 4px 10px 4px 0
}
}
@media(max-width:600px) {
.h-second-cont .panel-wr {
padding: 0 10px 0 0
}
}
.h-second-cont .panel-wr #panel:after {
content: '';
display: block;
clear: both
}
@media(max-width:1024px) {
.h-second-cont .panel-wr #panel {
display: inline-block;
vertical-align: top;
max-width: 220px;
width: 100%
}
}
@media(min-width:1025px) {
.h-second-cont .panel-wr #panel {
padding-top: 10px
}
}
@media(max-width:600px) {
.h-second-cont .panel-wr #panel {
width: 100%
}
}
.h-second-cont .panel-wr #panel .search-content-button-icon {
float: left;
width: 33.33333%;
display: none;
text-align: center
}
@media(max-width:899px) {
.h-second-cont .panel-wr #panel .search-content-button-icon {
display: block
}
}
.h-second-cont .panel-wr #panel .search-content-button-icon .search-content-button-icon-mobile {
display: inline-block;
vertical-align: top;
cursor: pointer;
line-height: 38px
}
.h-second-cont .panel-wr #panel .search-content-button-icon .search-content-button-icon-mobile i {
font-size: 2.5em
}
@media(max-width:600px) {
.h-second-cont .panel-wr #panel .search-content-button-icon .search-content-button-icon-mobile i {
font-size: 29px
}
}
.h-second-cont .panel-wr .userAccount,
.h-second-cont .panel-wr .basket {
position: relative;
float: left;
text-align: center;
width: 50%
}
@media(min-width:1025px) {
.h-second-cont .panel-wr .userAccount,
.h-second-cont .panel-wr .basket {
text-align: left
}
}
.h-second-cont .panel-wr .userAccount .inner,
.h-second-cont .panel-wr .basket .inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%
}
.h-second-cont .panel-wr .userAccount .link,
.h-second-cont .panel-wr .basket .link {
position: relative;
color: #000;
display: block
}
@media(min-width:1025px) {
.h-second-cont .panel-wr .userAccount .link,
.h-second-cont .panel-wr .basket .link {
height: 46px;
padding-left: 50px;
text-align: left;
text-decoration: none
}
}
.h-second-cont .panel-wr .userAccount .link .icon,
.h-second-cont .panel-wr .basket .link .icon {
line-height: 48px
}
@media(max-width:900px) {
.h-second-cont .panel-wr .userAccount .link .icon,
.h-second-cont .panel-wr .basket .link .icon {
line-height: 38px
}
}
.h-second-cont .panel-wr .userAccount .link .icon i,
.h-second-cont .panel-wr .basket .link .icon i {
margin-bottom: 0
}
@media(min-width:1025px) {
.h-second-cont .panel-wr .userAccount .link .icon,
.h-second-cont .panel-wr .basket .link .icon {
position: absolute;
left: 0;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.h-second-cont .panel-wr .userAccount .link .icon i:before,
.h-second-cont .panel-wr .basket .link .icon i:before {
margin: 0
}
}
.h-second-cont .panel-wr .userAccount .link .text-wr,
.h-second-cont .panel-wr .basket .link .text-wr {
display: table-cell;
vertical-align: middle;
height: 46px;
color: #01649a;
max-width: 100%
}
@media(max-width:1024px) {
.h-second-cont .panel-wr .userAccount .link .text-wr,
.h-second-cont .panel-wr .basket .link .text-wr {
display: none
}
}
.h-second-cont .panel-wr .userAccount .link .text.name,
.h-second-cont .panel-wr .basket .link .text.name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%
}
.h-second-cont .panel-wr .userAccount .link .text+.text,
.h-second-cont .panel-wr .basket .link .text+.text {
margin-top: 5px
}
.h-second-cont .panel-wr .userAccount .link:hover .text,
.h-second-cont .panel-wr .basket .link:hover .text {
text-decoration: underline
}
@media(max-width:899px) {
.h-second-cont .panel-wr .userAccount {
width: 33.33333%
}
}
.h-second-cont .panel-wr .userAccount .link i {
font-size: 3em;
display: inline-block;
vertical-align: top
}
@media(max-width:899px) {
.h-second-cont .panel-wr .userAccount .link i {
font-size: 2.6em
}
}
@media(max-width:600px) {
.h-second-cont .panel-wr .userAccount .link i {
font-size: 30px
}
}
@media(max-width:1024px) {
.h-second-cont .panel-wr .userAccount .link i {
margin-bottom: 5px
}
}
.h-second-cont .panel-wr .userAccount .subMenu {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 190px;
margin-left: -95px;
text-align: left;
overflow: hidden
}
@media(min-width:1025px) {
.h-second-cont .panel-wr .userAccount .subMenu {
left: 0;
margin-left: -75px
}
}
@media(max-width:600px) {
.h-second-cont .panel-wr .userAccount .subMenu {
left: auto;
margin-left: 0;
right: -15px
}
}
.h-second-cont .panel-wr .userAccount .subMenu:before {
content: '';
position: absolute;
top: -8px;
left: 88px;
width: 16px;
height: 16px;
border: 1px solid #e7e7e7;
background: #fff;
z-index: 10;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg)
}
@media(max-width:600px) {
.h-second-cont .panel-wr .userAccount .subMenu:before {
left: auto;
right: 24px
}
}
.h-second-cont .panel-wr .userAccount .subMenu ul {
border: 1px solid #e7e7e7;
background: #f4f7f8;
padding: 18px 17px 15px;
margin: 0;
list-style: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px
}
.h-second-cont .panel-wr .userAccount .subMenu ul li span {
font-weight: 700
}
.h-second-cont .panel-wr .userAccount .subMenu ul li+li {
margin-top: 8px
}
.h-second-cont .panel-wr .userAccount .subMenu ul li.toMyAccount a {
font-weight: 700
}
.h-second-cont .panel-wr .userAccount .subMenu ul li.logout {
margin-top: 18px
}
.h-second-cont .panel-wr .userAccount .inner:hover .subMenu {
display: block!important
}
@media(max-width:1024px) {
.h-second-cont .panel-wr .basket {
width: 50%
}
}
@media(max-width:899px) {
.h-second-cont .panel-wr .basket {
width: 33.33333%
}
}
.h-second-cont .panel-wr .basket .link {
color: #000
}
@media(min-width:1025px) {
.h-second-cont .panel-wr .basket .link {
padding-left: 58px
}
}
.h-second-cont .panel-wr .basket .link .text-wr {
color: #000
}
.h-second-cont .panel-wr .basket .link i {
font-size: 3.6em;
margin-bottom: 5px;
display: inline-block;
vertical-align: top
}
@media(max-width:899px) {
.h-second-cont .panel-wr .basket .link i {
font-size: 2.8em
}
}
@media(max-width:600px) {
.h-second-cont .panel-wr .basket .link i {
font-size: 33px
}
}
@media(max-width:1024px) {
.h-second-cont .panel-wr .basket .link i {
margin-bottom: 0
}
}
.h-second-cont .panel-wr .basket .link .totalPrice {
word-break: break-word
}
@media(max-width:1024px) {
.h-second-cont .panel-wr .basket .link .totalPrice {
display: none
}
}
.h-second-cont .panel-wr .basket .link .totalCount {
position: absolute;
top: 6px;
left: 50%;
background: #e30613;
font-weight: 600;
font-size: .786em;
color: #fff;
padding: 3px;
line-height: 1.1;
text-align: center;
min-width: 19px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%)
}
@media(max-width:1024px) {
.h-second-cont .panel-wr .basket .link .totalCount {
font-size: .6em;
line-height: 1.3;
min-width: 16px;
top: 7px
}
}
@media(max-width:900px) {
.h-second-cont .panel-wr .basket .link .totalCount {
top: 3px
}
}
@media(max-width:767px) {
.h-second-cont .panel-wr .basket .link .totalCount {
min-width: 14px;
line-height: 8px;
top: 4px
}
}
@media(max-width:600px) {
.h-second-cont .panel-wr .basket .link .totalCount {
top: 3px;
margin-left: 4px
}
}
.header-checkout {
border: 0;
padding: 15px 0 10px
}
.header-checkout .logo.big-logo {
margin: -6px 0
}
.header-checkout .logo.big-logo img {
max-height: 50px
}
@media(max-width:767px) {
.header-checkout {
text-align: center
}
.header-checkout .text-left,
.header-checkout .text-right {
text-align: center
}
}
.header-only-logo {
padding: 12px 0;
border-bottom: 1px solid #e7e7e7;
text-align: center
}
.header-only-logo a {
display: inline-block;
vertical-align: middle
}
@media(max-width:1024px) {
.btn-hamb {
width: 30px;
height: 27px;
position: absolute;
top: 50%;
left: 0;
margin-top: -13px;
background: 0 0;
border: 0;
display: none;
text-decoration: none!important
}
.btn-hamb:before {
content: '\f0c9';
font-family: fontawesome;
position: absolute;
top: 50%;
left: 50%;
font-size: 2em;
color: #000;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.btn-hamb>span {
top: 50%;
margin-top: -3px
}
}
@media(max-width:1024px) and (max-width:1024px) {
.btn-hamb {
display: block
}
}
@media(max-width:1024px) and (max-width:767px) {
.btn-hamb {
width: 50px;
height: 68px;
top: -6px;
left: -8px;
margin-top: 0
}
}
@media(max-width:1024px) and (max-width:600px) {
.btn-hamb {
height: 54px
}
}
@media(max-width:1024px) {
.common-navigation {
position: fixed;
top: 0;
left: 100%;
bottom: 0;
width: 100%;
background: #fff;
z-index: 111;
min-width: 300px;
transition: transform 500ms ease;
-webkit-transition: transform 500ms ease;
-moz-transition: transform 500ms ease;
-ms-transition: transform 500ms ease;
-o-transition: transform 500ms ease;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0)
}
.common-navigation.open-mobile-menu {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%)
}
.shop-info {
display: none
}
.cm-cats-mobile-toggle {
position: relative;
background: #f4f7f8;
text-align: center;
color: #000;
font-weight: 600;
font-size: 18px;
height: 45px;
padding: 13px 55px 11px
}
.cm-cats-mobile-toggle .toggle-name {
display: block;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.cm-cats-mobile-toggle .toggle-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
opacity: 0;
filter: alpha(opacity=0);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.cm-cats-mobile-toggle .btn-menu-header {
background: 0 0;
border: 0;
padding: 0;
margin: 0;
outline: 0;
position: absolute;
top: 0;
width: 45px;
bottom: 0
}
.cm-cats-mobile-toggle .btn-menu-header.btn-back {
display: none;
left: 0
}
.cm-cats-mobile-toggle .btn-menu-header.btn-close-all {
right: 0
}
.cm-cats-mobile-toggle.next-level .btn-back {
display: block
}
.cm-cats-mobile-shops {
position: absolute;
top: 45px;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
overflow-y: auto
}
.shop-name {
position: relative;
border-bottom: 1px solid #eceff0
}
.shop-name a {
position: relative;
display: block;
font-size: 14px;
text-decoration: none!important;
color: #000!important;
line-height: 18px
}
.shop-name a .menu-hover-feature-value {
display: block;
position: relative;
padding: 18px 50px 17px 54px
}
.shop-name a svg,
.shop-name a img {
position: absolute
}
.shop-name a svg:not(.icon-menu-right),
.shop-name a img:not(.icon-menu-right) {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 25px;
max-height: 35px
}
.shop-name a svg.icon-menu-right,
.shop-name a img.icon-menu-right {
right: 15px;
top: 50%;
height: 25px;
width: 10px;
fill: #0169a1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.shop-name a .menu-hover-feature-value>span:not(.shop-name-row) {
display: block;
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
width: 50px
}
.shop-name a i {
position: absolute;
top: 50%;
left: 0;
font-size: 18px;
width: 50px;
text-align: center;
transform: translateY(-50%)
}
.shop-name a .shop-name-domain {
display: none
}
.shop-menu-level-1 {
position: fixed;
top: 45px;
left: 100%;
bottom: 0;
overflow: hidden;
overflow-y: auto;
width: 100%;
background: #fff;
z-index: 10;
margin: 0;
padding: 20px 0 0;
list-style: none;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.shop-menu-level-1>.shop-menu-item {
border-bottom: 1px solid #eceff0
}
.shop-menu-level-1>.shop-menu-item:first-child {
border-top: 1px solid #eceff0
}
.shop-menu-level-1>.shop-menu-item>a {
position: relative;
display: block;
font-size: 14px;
text-decoration: none!important;
color: #000!important;
line-height: 18px;
padding: 16px 50px 15px 15px
}
.shop-menu-level-1>.shop-menu-item>a svg {
position: absolute
}
.shop-menu-level-1>.shop-menu-item>a svg.icon-menu-right {
right: 15px;
top: 50%;
height: 25px;
width: 10px;
fill: #0169a1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.other-menu-frontend .shop-menu-level-1 {
padding: 13px 0 0
}
.active-menu-frontend .shop-menu-columns {
position: fixed;
top: 45px;
left: 100%;
bottom: 0;
overflow: hidden;
overflow-y: auto;
width: 100%;
background: #fff;
z-index: 10;
margin: 0;
list-style: none;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.active-menu-frontend .shop-menu-mobile-banner {
position: relative;
margin: -10px -10px 20px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
max-height: 180px
}
.active-menu-frontend .shop-menu-mobile-banner:before {
content: '';
display: block;
padding-top: 24%
}
.shop-menu-columns {
padding: 10px
}
.go-to-link {
margin-bottom: 20px
}
.go-to-link a {
font-size: 16px;
font-weight: 600;
color: #0169a1
}
.go-to-link a:after {
content: '\f054';
font: normal normal normal 12px/1 FontAwesome;
margin-left: 10px
}
.shop-menu-level-2 {
margin: 0;
padding: 0;
list-style: none
}
.shop-menu-level-2+.shop-menu-level-2 {
margin-top: 30px
}
.shop-menu-level-2>.shop-menu-item+.shop-menu-item {
margin-top: 30px
}
.shop-menu-level-2>.shop-menu-item>a {
display: block;
font-size: 16px;
font-weight: 600;
color: #000;
text-transform: uppercase
}
.shop-menu-level-3 {
margin: 0;
list-style: none;
padding: 15px 0 0 25px
}
.shop-menu-level-3>.shop-menu-item {
border-bottom: 1px solid #eceff0
}
.shop-menu-level-3>.shop-menu-item>a {
display: block;
font-size: 16px;
color: #666;
padding: 11px 0
}
.menu-shop.open-mobile-level-1 .shop-menu-level-1 {
left: 0
}
.shop-menu-item.open-mobile-level-2 .shop-menu-columns {
left: 0
}
.shop-menu-level-producers {
display: none
}
.cm-horizontal-menu ul {
padding: 0;
margin: 0;
list-style: none
}
.cm-horizontal-menu ul li {
border-bottom: 1px solid #eceff0
}
.cm-horizontal-menu ul li a {
position: relative;
display: block;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
text-decoration: none!important;
color: #000;
line-height: 18px;
padding: 18px 55px 17px 15px
}
.cm-horizontal-menu ul li a svg {
position: absolute
}
.cm-horizontal-menu ul li a svg.icon-menu-right {
right: 15px;
top: 50%;
height: 25px;
width: 10px;
fill: #0169a1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.cm-horizontal-menu ul li a .h-menu-icon {
display: none
}
.shop-menu-level-2-banner {
display: none
}
}
@media(min-width:1025px) {
.common-navigation {
position: relative;
display: block;
margin-top: 25px;
min-height: 30px
}
.common-navigation:after {
content: '';
display: block;
clear: both
}
.cm-cats-menu {
position: absolute;
pointer-events: none;
bottom: 0;
left: 0;
right: 0;
height: 30px
}
.cm-cats-toggle {
position: absolute;
pointer-events: auto;
left: 0;
bottom: 0;
width: 270px;
background: #fff;
border: 2px solid #e0e4e7;
border-bottom: 0;
color: #0169a1;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 7px 10px;
text-align: center;
cursor: pointer;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0
}
.cm-cats-toggle:after {
content: '\f078';
font-family: fontawesome;
display: inline-block;
vertical-align: middle;
font-size: 12px;
margin: -3px 0 0 4px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 {
position: absolute;
top: 2px;
left: 268px;
right: 0;
min-height: 100%;
background: #f9f9f9;
padding: 45px 0 40px 30px;
display: none
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2 {
float: left;
width: 25%;
padding-right: 30px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2>li+li,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2>li+li {
margin-top: 15px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2>li>a,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2>li>a {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
color: #000
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2>li>ul,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2>li>ul {
margin-top: 7px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2>li>ul>li+li,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2>li>ul>li+li {
margin-top: 9px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2>li>ul>li>a,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2>li>ul>li>a {
font-size: 14px;
color: #333
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .has-columns-banner.shop-menu-columns,
.cm-cats-body .menu-shop.other-menu-frontend .has-columns-banner.shop-menu-level-1 {
padding-right: 215px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .has-columns-banner.shop-menu-columns .shop-menu-level-2,
.cm-cats-body .menu-shop.other-menu-frontend .has-columns-banner.shop-menu-level-1 .shop-menu-level-2 {
width: 33.33333%
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns .shop-menu-level-2-banner,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 .shop-menu-level-2-banner {
position: absolute;
top: 0;
right: 0;
width: 215px;
height: 492px;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li .shop-menu-columns:after,
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1:after {
content: '';
display: block;
clear: bottom
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li:hover .shop-menu-columns,
.cm-cats-body .menu-shop.other-menu-frontend:hover .shop-menu-level-1 {
display: block
}
.cm-cats-body {
position: absolute;
top: 100%;
left: 0;
right: 0;
pointer-events: none;
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.cm-cats-body .menu-shop-left {
width: 270px;
min-height: 492px;
background: #fff;
border: 2px solid #e0e4e7;
border-top: 0
}
}
@media(min-width:1025px) and (min-width:1025px) {
.cm-cats-body .menu-shop.hidden-desktop {
display: none
}
}
@media(min-width:1025px) {
.cm-cats-body .menu-shop .shop-info {
padding-bottom: 13px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px
}
.cm-cats-body .menu-shop .shop-info span {
display: inline-block;
vertical-align: middle
}
.cm-cats-body .menu-shop .shop-info span.shop-info-name {
font-size: 12px;
font-weight: 600;
color: #666
}
.cm-cats-body .menu-shop .shop-info img {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 3px;
height: 20px
}
.cm-cats-body .menu-shop .shop-name {
position: relative
}
.cm-cats-body .menu-shop .shop-name a {
position: relative;
display: block;
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #000;
line-height: 18px;
border-left: 5px solid transparent
}
.cm-cats-body .menu-shop .shop-name a svg,
.cm-cats-body .menu-shop .shop-name a img {
position: absolute;
top: 50%;
fill: #000!important;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.cm-cats-body .menu-shop .shop-name a svg:not(.icon-menu-right),
.cm-cats-body .menu-shop .shop-name a img:not(.icon-menu-right) {
left: -5px;
max-width: 50px;
max-height: 35px
}
.cm-cats-body .menu-shop .shop-name a svg.icon-menu-right,
.cm-cats-body .menu-shop .shop-name a img.icon-menu-right {
right: 13px
}
.cm-cats-body .menu-shop .shop-name a i {
position: absolute;
top: 50%;
left: -5px;
width: 50px;
text-align: center;
font-size: 18px;
color: #2b2b2b;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.cm-cats-body .menu-shop .shop-name a .menu-hover-feature-value {
position: relative;
display: block;
padding: 8px 35px 8px 40px
}
.cm-cats-body .menu-shop .shop-name a .shop-name-row {
display: block;
position: relative
}
.cm-cats-body .menu-shop .shop-name a .shop-name-row .shop-name-label {
display: block;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.cm-cats-body .menu-shop .shop-name a .shop-name-row .shop-name-domain {
display: block;
position: absolute;
top: 50%;
right: 0;
padding-left: 10px;
white-space: nowrap;
font-size: 10px;
font-weight: 600;
color: #0169a1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
opacity: 0;
filter: alpha(opacity=0)
}
.cm-cats-body .menu-shop:hover .shop-name>a {
z-index: 10;
border-color: #0169a1;
background: #f9f9f9;
color: #0169a1
}
.cm-cats-body .menu-shop:hover .shop-name>a svg {
fill: #0169a1!important
}
.cm-cats-body .menu-shop:hover .shop-name>a i {
color: #0169a1
}
.cm-cats-body .menu-shop:hover .shop-name>a .menu-hover-feature-value {
z-index: 10
}
.cm-cats-body .menu-shop:hover .shop-name>a .shop-name-row .shop-name-domain {
opacity: 1;
filter: alpha(opacity=100)
}
.cm-cats-body .menu-shop.active-menu-frontend {
margin-bottom: 10px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 7px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-name {
display: none
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1 {
padding: 6px 0 0
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li>a {
position: relative;
display: block;
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #000;
line-height: 18px;
border-left: 5px solid transparent
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li>a svg {
position: absolute;
top: 50%;
fill: #2b2b2b;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li>a svg.icon-menu-right {
right: 13px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li>a .menu-hover-feature-value {
position: relative;
display: block;
padding: 6px 35px 6px 9px
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li:hover>a {
z-index: 10;
border-color: #0169a1;
background: #f9f9f9;
color: #0169a1
}
.cm-cats-body .menu-shop.active-menu-frontend .shop-menu-level-1>li:hover>a .menu-hover-feature-value {
z-index: 10
}
.cm-cats-body .menu-shop.other-menu-frontend .shop-menu-level-1 {
padding-top: 14px
}
.cm-cats-body .menu-shop ul {
margin: 0;
padding: 0;
list-style: none
}
.shop-menu-level-producers {
margin-top: 30px
}
.shop-menu-level-producers .producers-label {
display: inline-block;
vertical-align: middle;
font-size: 14px;
text-transform: uppercase;
margin: 10px 15px 10px 0
}
.shop-menu-level-producers .producers-item {
display: inline-block;
vertical-align: middle;
margin: 10px 15px 10px 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.shop-menu-level-producers .producers-item:last-child {
margin-right: 0
}
.shop-menu-level-producers .producers-item:hover {
opacity: .6;
filter: alpha(opacity=60)
}
.shop-menu-level-producers .producers-item img {
height: 20px
}
.cm-cats-menu:hover .cm-cats-toggle:after {
content: '\f077'
}
.cm-cats-menu:hover .cm-cats-body {
opacity: 1;
filter: alpha(opacity=100)
}
.cm-cats-menu:hover .cm-cats-body .menu-shop-left {
pointer-events: auto
}
body#home_index .cm-cats-toggle:after {
display: none
}
body#home_index .cm-cats-body {
opacity: 1;
filter: alpha(opacity=100)
}
body#home_index .cm-cats-body .menu-shop-left {
pointer-events: auto
}
.cm-horizontal-menu {
position: relative;
z-index: 10;
margin-left: 280px
}
.cm-horizontal-menu ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
list-style: none
}
.cm-horizontal-menu ul li a {
position: relative;
font-size: 14px;
font-weight: 600;
color: #000;
text-decoration: none;
padding: 7px 13px;
display: inline-block;
vertical-align: middle
}
.cm-horizontal-menu ul li a svg.icon-menu-right {
display: none
}
.cm-horizontal-menu ul li a .h-menu-item-value {
position: relative;
display: block;
z-index: 10
}
.cm-horizontal-menu ul li a .h-menu-item-value .h-menu-fa-icon,
.cm-horizontal-menu ul li a .h-menu-item-value .h-menu-icon {
position: absolute;
top: 50%;
z-index: 10;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.cm-horizontal-menu ul li a .h-menu-item-value .h-menu-icon {
width: 32px;
height: 60px
}
.cm-horizontal-menu ul li a .h-menu-item-value .h-menu-icon svg path {
fill: inherit
}
.cm-horizontal-menu ul li a .h-menu-item-value .h-menu-fa-icon {
font-size: 24px
}
.cm-horizontal-menu ul li a .h-menu-item-value.icon-position-left {
padding-left: 35px
}
.cm-horizontal-menu ul li a .h-menu-item-value.icon-position-left .h-menu-fa-icon,
.cm-horizontal-menu ul li a .h-menu-item-value.icon-position-left .h-menu-icon {
left: 0
}
.cm-horizontal-menu ul li a .h-menu-item-value.icon-position-right {
padding-right: 35px
}
.cm-horizontal-menu ul li a .h-menu-item-value.icon-position-right .h-menu-fa-icon,
.cm-horizontal-menu ul li a .h-menu-item-value.icon-position-right .h-menu-icon {
right: 0
}
.cm-horizontal-menu ul li a .h-line {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
background-color: #0169a1;
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease
}
.cm-horizontal-menu ul li:hover a .h-line,
.cm-horizontal-menu ul li.menu-item-active a .h-line {
width: 100%
}
.menu-hover-feature.menu-hover-feature-active {
position: relative
}
.menu-hover-feature.menu-hover-feature-active:before,
.menu-hover-feature.menu-hover-feature-active:after {
content: '';
position: absolute;
display: block;
left: 0;
width: 110%;
height: 50px
}
.menu-hover-feature.menu-hover-feature-active:before {
top: -20px;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg)
}
.menu-hover-feature.menu-hover-feature-active:after {
bottom: -20px;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg)
}
.active-menu-frontend .shop-menu-level-1>.shop-menu-item:first-child .menu-hover-feature.menu-hover-feature-active:before {
display: none
}
}
.search-content.mobile {
position: relative;
z-index: 120;
display: none;
padding: 15px 10px
}
@media(min-width:1025px) {
.search-content {
padding: 10px 0 0
}
}
@media(max-width:1024px) {
.search-content {
padding: 2px 0
}
}
@media(min-width:900px) {
.search-content {
display: block!important
}
.search-content.mobile {
display: none!important
}
}
@media(max-width:899px) {
.search-content {
display: none
}
}
.search-content-form {
position: relative
}
.search-content-input {
position: relative
}
.search-content-input input.autocompl-input {
padding-right: 255px
}
@media(max-width:450px) {
.search-content-input input.autocompl-input {
padding-right: 135px
}
}
.search-content-input .loading-recount {
right: 228px
}
.search-content-category {
position: absolute;
top: 0;
right: 51px;
width: 170px
}
@media(max-width:450px) {
.search-content-category {
width: 46px
}
}
.search-content-category .m-dropdown {
color: #909090
}
.search-content-category .m-dropdown .dropdown-content {
border: 0;
background: #f4f7f8;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px
}
@media(max-width:450px) {
.search-content-category .m-dropdown .dropdown-content {
left: auto;
right: 0
}
}
.search-content-category .m-dropdown .dropdown-content .list {
padding: 12px
}
.search-content-category .m-dropdown .dropdown-content li+li {
margin-top: 8px
}
.search-content-category .m-dropdown .dropdown-content li.dropdown-active {
font-weight: 700
}
.search-content-button {
position: absolute;
top: 0;
right: 0;
width: 52px
}
.search-content-button .btnSearch {
font-size: 1.6em;
width: 52px;
height: 46px;
border-radius: 0 5px 5px 0;
padding: 0;
border: 0
}
@media(max-width:1024px) {
.search-content-button .btnSearch {
height: 46px
}
}
.footer-top-content {
background: #eceff0;
padding: 30px 0 0
}
.contact {
padding-bottom: 5px;
border-bottom: 1px solid #d5dadd;
margin-bottom: 27px
}
@media(max-width:767px) {
.contact {
display: none
}
}
.section .title {
font-size: 1.286em;
font-weight: 700;
margin-bottom: 11px;
letter-spacing: -.025em
}
.section .text {
color: #6d7577;
font-weight: 600;
line-height: 1.5;
letter-spacing: .01em;
margin-bottom: 25px
}
.section .content p {
margin-bottom: 4px
}
.section .content p.phone-number {
color: #000;
font-weight: 700;
font-size: 1.286em;
line-height: 1.3;
float: left;
margin-top: 7px
}
.section .content p.phone-number i.fa {
font-size: 1.15em;
color: #646464;
min-width: 20px;
display: inline-block;
vertical-align: middle
}
.section .content p.text+.phone-number {
clear: both
}
.section .content p.text {
float: right;
font-size: 13px;
margin-top: 10px;
line-height: 1.3;
font-weight: 500
}
.section.newsletter {
margin-bottom: 30px
}
.section.contact-info .text {
margin-bottom: 0
}
@media(max-width:767px) {
.section {
margin-bottom: 30px
}
.section.newsletter .content .newsletter-form {
margin: 0 auto
}
}
#footer_newsletter .checkbox label {
font-size: 12px;
padding-top: 3px
}
.newsletter-input {
float: left;
margin-right: -126px;
padding-right: 127px;
width: 100%
}
.newsletter-input input {
width: 100%;
background: #fff;
border-radius: 5px 0 0 5px;
border: 0;
color: #565555;
height: 45px;
letter-spacing: .2px;
padding: 10px 16px
}
.newsletter-button {
width: 126px;
float: right
}
.newsletter-button .btn {
width: 100%
}
.menus {
border-bottom: 1px solid #d5dadd;
padding-bottom: 30px
}
.menus .menu-row-content .menu-row-toggle {
display: none;
position: absolute;
right: 0;
top: 0
}
.menus .menu-row-content .menu-row-toggle span {
font-size: 26px;
color: #000;
text-decoration: none!important
}
.menus .menu-row-content .menu-row-toggle span i.fa-minus {
display: none
}
.menus .menu-row-content .menu-col.toggle .menu-row-toggle span i.fa-plus {
display: none
}
.menus .menu-row-content .menu-col.toggle .menu-row-toggle span i.fa-minus {
display: block
}
.menus nav.menu ul {
padding: 0;
margin: 0;
list-style: none
}
@media(min-width:1025px) {
.menus nav.menu ul {
display: block!important
}
}
.menus nav.menu ul li.menu-item-bold {
font-weight: 700
}
.menus nav.menu ul li a {
letter-spacing: -.2px
}
.menus nav.menu ul li+li {
margin-top: 10px
}
.menus div.title {
font-weight: 700;
font-size: 1.286em;
margin-bottom: 15px
}
@media(min-width:768px) {
.menus div.title {
pointer-events: none
}
}
.menus div.title .title-toggle {
display: none;
position: absolute;
right: 0;
top: 0
}
.menus div.title .title-toggle span {
font-size: 26px;
color: #000;
text-decoration: none!important
}
.menus div.title .title-toggle span i.fa-minus {
display: none
}
.menus .toggle .title-toggle span i.fa-plus {
display: none!important
}
.menus .toggle .title-toggle span i.fa-minus {
display: block!important
}
@media(min-width:768px) and (max-width:1024px) {
.menus {
padding: 0;
border: 0
}
.menus .menu-row {
padding-top: 27px;
padding-bottom: 12px;
border-bottom: 1px solid #e7e7e7
}
.menus .menu-row-content {
position: relative;
padding-right: 30px
}
.menus .menu-row-content .menu-row-toggle {
display: block!important
}
.menus nav.menu ul {
display: none;
padding-bottom: 15px
}
}
@media(max-width:767px) {
.menus {
padding: 0;
border: 0
}
.menus .menu-col {
padding-top: 27px;
padding-bottom: 12px;
border-bottom: 1px solid #e7e7e7
}
.menus nav.menu ul {
display: none;
padding-bottom: 15px
}
}
@media(max-width:1024px) {
.menus div.title {
position: relative;
padding-right: 30px
}
.menus div.title .title-toggle {
display: block!important
}
}
div.pageToTop {
display: none
}
@media(min-width:768px) {
div.pageToTop.desktop {
display: block
}
}
@media(max-width:767px) {
div.pageToTop.mobile {
display: block
}
}
div.pageToTop a {
display: block;
text-align: center;
font-weight: 700;
color: #000;
padding: 20px 15px;
letter-spacing: .02em;
text-decoration: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
div.pageToTop a:hover {
background: #f4f7f8
}
.force-to-desktop span {
display: block;
text-align: center;
font-weight: 700;
color: #000;
padding: 20px 15px;
letter-spacing: .02em;
text-decoration: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.force-to-desktop span:hover {
background: #f4f7f8
}
#civil_code {
color: #afafaf;
padding: 25px 0 15px
}
#civil_code p {
margin-top: 0
}
@media(max-width:1024px) {
#civil_code {
padding-top: 0
}
}
#civil_code.shop-harcot p,
#civil_code.shop-harcot a {
display: inline-block;
vertical-align: middle;
max-width: 120px
}
#civil_code.shop-harcot p+p,
#civil_code.shop-harcot p+a,
#civil_code.shop-harcot a+p,
#civil_code.shop-harcot a+a {
margin-left: 10px
}
#civil_code.shop-harcot p img,
#civil_code.shop-harcot a img {
max-width: 100%
}
@media(max-width:1024px) {
#civil_code.shop-harcot {
padding-top: 15px
}
}
.icon-close-light {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
position: relative
}
.icon-close-light:before,
.icon-close-light:after {
content: '';
display: block;
height: 2px;
background: #7f7f7f;
position: absolute;
width: 23px
}
.icon-close-light:before {
top: 8px;
left: -2px;
transform: translate3d(0, 0, 0) rotate(-45deg);
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
-moz-transform: translate3d(0, 0, 0) rotate(-45deg);
-ms-transform: translate3d(0, 0, 0) rotate(-45deg);
-o-transform: translate3d(0, 0, 0) rotate(-45deg)
}
.icon-close-light:after {
top: 8px;
left: -2px;
transform: translate3d(0, 0, 0) rotate(45deg);
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
-moz-transform: translate3d(0, 0, 0) rotate(45deg);
-ms-transform: translate3d(0, 0, 0) rotate(45deg);
-o-transform: translate3d(0, 0, 0) rotate(45deg)
}
@media(max-width:767px) {
.icon-close-light.mobile-view {
width: 17px;
height: 17px;
border-width: 3px 3px 0 0;
border-style: solid;
transform: rotate(-135deg)
}
.icon-close-light.mobile-view:before {
right: 0;
left: auto;
top: -2px;
position: absolute;
height: 3px;
box-shadow: inset 0 0 0 32px;
transform: rotate(-45deg);
width: 20px;
transform-origin: right top
}
.icon-close-light.mobile-view:after {
display: none
}
}
.icons-promotion {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icons-widget-sprite.png);
background-repeat: no-repeat
}
.icons-promotion.icon-card {
width: 32px;
height: 21px;
background-position: 0 -96px
}
.icons-promotion.icon-free-delivery {
display: inline-block;
width: 46px;
height: 46px;
background-position: 0 -46px;
background-color: #fff;
border-radius: 90px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px
}
.icons-promotion.icon-quick-delivery {
display: inline-block;
width: 46px;
height: 46px;
background-position: 0 0;
background-color: #fff;
border-radius: 90px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px
}
.icon-css-arrow-down {
display: block;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 8px;
height: 8px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.icon-close-dark {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
position: relative
}
.icon-close-dark:before,
.icon-close-dark:after {
content: '';
display: block;
height: 2px;
background: #000;
position: absolute;
width: 23px
}
.icon-close-dark:before {
top: 8px;
left: -2px;
transform: translate3d(0, 0, 0) rotate(-45deg);
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
-moz-transform: translate3d(0, 0, 0) rotate(-45deg);
-ms-transform: translate3d(0, 0, 0) rotate(-45deg);
-o-transform: translate3d(0, 0, 0) rotate(-45deg)
}
.icon-close-dark:after {
top: 8px;
left: -2px;
transform: translate3d(0, 0, 0) rotate(45deg);
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
-moz-transform: translate3d(0, 0, 0) rotate(45deg);
-ms-transform: translate3d(0, 0, 0) rotate(45deg);
-o-transform: translate3d(0, 0, 0) rotate(45deg)
}
.icon-popup-back {
display: inline-block;
vertical-align: middle;
position: relative;
width: 13px;
height: 13px;
border-width: 2px 2px 0 0;
border-style: solid;
transform: rotate(-135deg)
}
.icon-popup-back:before {
right: 0;
left: auto;
top: -2px;
position: absolute;
height: 3px;
box-shadow: inset 0 0 0 32px;
transform: rotate(-45deg);
width: 20px;
transform-origin: right top
}
.icon-popup-back:after {
display: none
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
font-weight: 600;
color: #000
}
h1,
.h1 {
font-size: 1.571em
}
h2,
.h2 {
font-size: 1.286em
}
h3,
.h3 {
font-size: 1.143em
}
h4,
.h4 {
font-size: 1em
}
h1.title,
h2.title,
h3.title,
h4.title,
.h1.title,
.h2.title,
.h3.title,
.h4.title {
margin-top: 0
}
.blue {
color: #0169a1
}
.green {
color: #018068
}
.red {
color: #e30613
}
.gray {
color: #787878
}
@media(max-width:767px) {
.bold-xs {
font-weight: 600
}
}
.text-lowercase {
text-transform: lowercase
}
a {
color: #01649a;
text-decoration: none
}
a:hover {
color: #01649a;
text-decoration: underline
}
p {
font-size: 1em;
margin-bottom: 10px
}
p.gray {
color: #7f7f7f
}
small,
.small {
font-size: 92%
}
mark,
.mark {
background-color: #01618a;
color: #fff;
padding: .2em
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0
}
ul.list-with-links,
ol.list-with-links {
padding: 0!important;
margin: 0!important;
margin-bottom: 30px;
list-style: none
}
ul.list-with-links li,
ol.list-with-links li {
margin-bottom: 5px
}
ul.list-with-links li br,
ol.list-with-links li br {
display: none
}
ul.list-with-links li p,
ol.list-with-links li p {
margin: 0
}
ul.list-with-menu-links,
ol.list-with-menu-links {
padding: 0;
margin-top: 42px;
margin-bottom: 0;
list-style: none
}
ul.list-with-menu-links li,
ol.list-with-menu-links li {
margin-bottom: 32px
}
@media(max-width:1024px) {
ul.list-with-menu-links li,
ol.list-with-menu-links li {
margin-bottom: 25px
}
}
ul.list-with-menu-links li a,
ol.list-with-menu-links li a {
padding-top: 14px;
padding-bottom: 14px;
font-size: 1em;
font-weight: 600
}
@media(max-width:1300px) {
ul.list-with-menu-links li a,
ol.list-with-menu-links li a {
font-size: 1em
}
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #777
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857
}
@media(min-width:768px) {
.base-table-style {
overflow: hidden;
border: 1px solid #dee1e3;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
}
.base-table-style .table-row .table-col {
border: 0;
font-size: 1em;
height: 40px;
padding: 10px;
text-align: center
}
@media(min-width:768px) {
.base-table-style .table-row .table-col {
background: #fff
}
}
.base-table-style .table-row .table-col+.table-col {
border-left: 1px solid #dee1e3
}
.base-table-style .table-row.heading .table-col {
font-weight: 400;
height: 42px;
padding: 11px 10px;
border-bottom: 1px solid #999
}
.base-table-style .table-row:nth-child(2n) .table-col {
background: #f4f7f8
}
@media(max-width:767px) {
.base-table-style .table-row {
background: #eceff0;
margin-bottom: 15px;
padding: 20px 23px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.base-table-style .table-row .table-col {
text-align: left;
padding: 0!important;
margin-bottom: 14px;
height: auto;
background: 0 0!important
}
.base-table-style .table-row .table-col+.table-col {
border: 0
}
.base-table-style .table-row .table-col:last-child {
margin-bottom: 0
}
}
.base-table-style .table-row .link-more {
margin-top: 30px
}
.base-table-style .table-row .link-more a {
font-weight: 700
}
.base-table-style .table-row:last-child .table-col:first-child {
border-radius: 0 0 0 5px;
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px
}
.base-table-style .table-row:last-child .table-col:last-child {
border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0
}
.products-table .table-row.heading .table-col {
font-weight: 600;
height: 40px;
padding: 10px;
border-bottom: 1px solid #e7e7e7
}
.products-table .table-row .table-col {
border-bottom: 1px solid #e7e7e7;
font-size: 1em;
height: 110px;
padding: 15px 10px
}
.sidebar-menu+.sidebar-menu {
margin-top: 25px
}
.sidebar-menu .title {
font-weight: 600;
font-size: 1.2em;
letter-spacing: .04em;
margin-bottom: 16px
}
.sidebar-menu .menu-list ul {
padding: 0;
list-style: none;
margin-top: 0;
margin-bottom: 0
}
.sidebar-menu .menu-list ul li {
margin-top: -1px;
margin-bottom: 0
}
.sidebar-menu .menu-list ul li a {
position: relative;
display: block;
color: #000;
font-size: 1em;
line-height: 1.2;
border: 1px solid #e7e7e7;
padding: 14px 10px 12px 28px
}
.sidebar-menu .menu-list ul li a:before {
content: '\f054';
font-family: fontawesome;
font-size: .9em;
position: absolute;
left: 12px;
top: 15px;
color: #0169a1
}
.sidebar-menu .menu-list ul li .active {
background-color: #0169a1;
color: #fff;
font-weight: 600
}
.sidebar-menu .menu-list ul li .active:before {
color: #fff
}
.sidebar-menu .menu-list ul li.sub a {
padding: 14px 10px 12px 40px
}
.sidebar-menu .menu-list ul li.sub a:before {
left: 25px
}
.sidebar-menu .menu-list ul li:first-child a {
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px
}
.sidebar-menu .menu-list ul li:last-child a {
border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px
}
@media(min-width:768px) and (max-width:1024px) {
.sidebar-menu .menu-list ul li:nth-child(2) a {
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px
}
.sidebar-menu .menu-list ul li:nth-last-child(2) a {
border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px
}
}
.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-disabled {
display: none!important
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.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
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block;
width: 100%
}
.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-slide .slider-item {
width: 100%
}
.slick-arrow.slick-hidden {
display: none
}
.promotions-news .images-slider .slick-arrow,
.products-slider .slick-arrow {
position: absolute;
top: 50%;
z-index: 100;
font-size: 3em;
height: 40px;
width: 40px;
color: #fff;
padding: 0;
border-radius: 4px;
background: #0169a1;
border: 0;
left: auto;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.promotions-news .images-slider .slick-arrow.slick-prev,
.products-slider .slick-arrow.slick-prev {
right: 60px;
padding: 0 11px 0 9px
}
.promotions-news .images-slider .slick-arrow.slick-next,
.products-slider .slick-arrow.slick-next {
right: 15px;
padding: 0 9px 0 12px
}
.promotions-news .images-slider .slick-arrow i.fa,
.products-slider .slick-arrow i.fa {
display: block;
height: 40px;
line-height: 40px
}
.promotions-news .images-slider .slick-arrow:hover,
.products-slider .slick-arrow:hover {
color: #0169a1
}
.promotions-news .images-slider .slick-arrow i:before,
.products-slider .slick-arrow i:before {
line-height: 22px
}
@media(max-width:1024px) {
.promotions-news .images-slider .slick-arrow.slick-prev,
.products-slider .slick-arrow.slick-prev {
right: 47px
}
.promotions-news .images-slider .slick-arrow.slick-next,
.products-slider .slick-arrow.slick-next {
right: 10px
}
}
.products-slider {
position: relative;
min-height: 310px;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0)
}
.products-slider .morele-preloader {
transition: opacity 300ms ease;
-webkit-transition: opacity 300ms ease;
-moz-transition: opacity 300ms ease;
-ms-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease;
background: #fff
}
.products-slider.get-and-init-complete .morele-preloader {
display: none
}
.products-slider:hover .slick-arrow {
color: #0169a1;
background: rgba(255, 255, 255, .48)
}
.products-slider .slick-arrow {
transform: translateY(-50%);
top: 50%;
background: 0 0;
margin: 0;
color: #dddede
}
.products-slider .slick-arrow.slick-prev {
left: 10px;
right: auto
}
.products-slider .slick-arrow.slick-next {
right: 10px;
left: auto
}
.products-slider .slick-slide {
margin: 0 15px
}
@media(max-width:1024px) {
.products-slider .slick-slide {
margin: 0 10px
}
}
.products-slider.two-row {
min-height: 630px
}
@media(max-width:1024px) {
.products-slider.two-row {
min-height: 317px
}
}
.products-slider.two-row .product-slider--item {
margin-bottom: 15px
}
.products-slider.two-row .product-slider--item a {
padding: 19px 20px 18px
}
.images-slider-outer {
overflow: hidden
}
.images-slider:not(.images-news) {
overflow: hidden
}
.images-slider:not(.images-news) .slick-arrow {
position: absolute;
top: 50%;
z-index: 100;
font-size: 5em;
width: 50px;
height: 100px;
color: #000;
background: #0169a1;
border: 0;
background: #fff;
padding: 0;
border: 0;
opacity: 0;
filter: alpha(opacity=0);
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
@media(max-width:1024px) {
.images-slider:not(.images-news) .slick-arrow {
opacity: .8;
filter: alpha(opacity=80)
}
}
.images-slider:not(.images-news) .slick-arrow.slick-prev {
left: 15px;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0
}
@media(max-width:1024px) {
.images-slider:not(.images-news) .slick-arrow.slick-prev {
left: 10px
}
}
.images-slider:not(.images-news) .slick-arrow.slick-next {
right: 15px;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px
}
@media(max-width:1024px) {
.images-slider:not(.images-news) .slick-arrow.slick-next {
right: 10px
}
}
.images-slider:not(.images-news) .slick-arrow i {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.images-slider:not(.images-news):hover .slick-arrow {
color: #0169a1;
opacity: .8;
filter: alpha(opacity=80)
}
.images-slider:not(.images-news):hover .slick-arrow:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.owl-carousel {
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
display: none;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
padding-right: 15px
}
@media(min-width:1025px) {
.owl-carousel .owl-item {
width: 25%
}
.owl-carousel .owl-item:nth-child(1),
.owl-carousel .owl-item:nth-child(2),
.owl-carousel .owl-item:nth-child(3),
.owl-carousel .owl-item:nth-child(4) {
display: block
}
}
@media(min-width:768px) and (max-width:1024px) {
.owl-carousel .owl-item {
width: 33.3333333%
}
.owl-carousel .owl-item:nth-child(1),
.owl-carousel .owl-item:nth-child(2),
.owl-carousel .owl-item:nth-child(3) {
display: block
}
}
@media(min-width:500px) and (max-width:767px) {
.owl-carousel .owl-item {
width: 50%
}
.owl-carousel .owl-item:nth-child(1),
.owl-carousel .owl-item:nth-child(2) {
display: block
}
}
@media(max-width:499px) {
.owl-carousel .owl-item {
width: 100%
}
.owl-carousel .owl-item:nth-child(1) {
display: block
}
}
.owl-carousel .owl-with-filters {
position: relative;
min-height: 1px;
float: left;
display: none;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
padding-right: 15px
}
@media(min-width:1025px) {
.owl-carousel .owl-with-filters {
width: 33.3333333%
}
.owl-carousel .owl-with-filters:nth-child(1),
.owl-carousel .owl-with-filters:nth-child(2),
.owl-carousel .owl-with-filters:nth-child(3) {
display: block!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.owl-carousel .owl-with-filters {
width: 33.3333333%
}
.owl-carousel .owl-with-filters:nth-child(1),
.owl-carousel .owl-with-filters:nth-child(2),
.owl-carousel .owl-with-filters:nth-child(3) {
display: block
}
}
@media(min-width:500px) and (max-width:767px) {
.owl-carousel .owl-with-filters {
width: 50%
}
.owl-carousel .owl-with-filters:nth-child(1),
.owl-carousel .owl-with-filters:nth-child(2) {
display: block
}
}
@media(max-width:499px) {
.owl-carousel .owl-with-filters {
width: 100%
}
.owl-carousel .owl-with-filters:nth-child(1) {
display: block
}
}
.promotion-widget-type-2.owl-carousel .owl-item {
padding: 0!important
}
.promotion-widget-type-2.owl-carousel .owl-item .item {
border: 1px solid transparent;
border-top-width: 0;
border-right-color: #e7e7e7;
border-bottom-color: #e7e7e7;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.promotion-widget-type-2.owl-carousel .owl-item .disabled-wrap {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000
}
.promotion-widget-type-2.owl-carousel .owl-item .disabled-wrap div {
top: 115px;
left: 0;
right: 0;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #666;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
.promotion-widget-type-2.owl-carousel .owl-item .link-top {
position: relative;
padding-top: 38px;
margin-bottom: 10px
}
.promotion-widget-type-2.owl-carousel .owl-item .link-top .icon-quick-delivery {
display: block;
position: absolute;
top: 11px;
left: 7px;
z-index: 100
}
.promotion-widget-type-2.owl-carousel .owl-item .link-top .icon-free-delivery {
display: block;
position: absolute;
top: 11px;
left: 7px;
z-index: 100
}
.promotion-widget-type-2.owl-carousel .owl-item .link-top .icon-quick-delivery+.icon-free-delivery {
top: 64px
}
.promotion-widget-type-2.owl-carousel .owl-item .link-top-hover-section {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 110;
background: rgba(1, 97, 138, .8);
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.promotion-widget-type-2.owl-carousel .owl-item .link-top-hover-section .btn {
position: absolute;
top: 50%;
left: 50%;
width: 160px;
border-width: 1px;
margin: -21px 0 0 -80px
}
.promotion-widget-type-2.owl-carousel .owl-item .item:hover .link-top-hover-section {
opacity: 1;
filter: alpha(opacity=100)
}
.promotion-widget-type-2.owl-carousel .owl-item .product-quantity {
position: absolute;
top: 0;
right: -1px;
border: 1px solid #e7e7e7;
border-top: 0;
font-weight: 400;
font-size: 15px;
color: #000;
padding: 5px 13px;
background: #fff;
margin: 0;
z-index: 10
}
.promotion-widget-type-2.owl-carousel .owl-item .product-quantity .was_quantity {
color: #e30613
}
.promotion-widget-type-2.owl-carousel .owl-item .prod-img {
max-height: 175px
}
.promotion-widget-type-2.owl-carousel .owl-item .product-quantity-placeholder {
display: none
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-name {
text-align: left;
font-weight: 600;
font-size: 1.2em!important
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-instalment {
text-align: left;
color: #000;
position: relative;
padding-left: 40px;
font-size: 11px;
line-height: 12px;
margin-bottom: -2px;
margin-top: 12px;
height: 24px
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-instalment i.icon-card {
position: absolute;
left: 0;
top: 50%;
margin-top: -10.5px
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-rating {
padding-top: 21px;
padding-left: 15px;
float: left;
text-align: left
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-price {
text-align: right;
padding-right: 15px;
float: right
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-price span {
display: block;
clear: right;
margin: 0;
font-size: 19px;
color: #e30613
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-price span.price-old {
display: inline-block;
color: #000;
font-size: 16px;
font-weight: 400;
margin-bottom: 7px
}
@media(min-width:500px) and (max-width:600px) {
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-name {
text-align: center
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-instalment {
margin: 8px 0;
display: inline-block;
vertical-align: middle
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-rating {
padding: 0 15px;
float: none;
text-align: center;
margin-bottom: 10px
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-price {
float: none;
text-align: center
}
}
@media(min-width:768px) and (max-width:930px) {
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-name {
text-align: center
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-instalment {
margin: 8px 0;
display: inline-block;
vertical-align: middle
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-rating {
padding: 0 15px;
float: none;
text-align: center;
margin-bottom: 10px
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-price {
float: none;
text-align: center
}
}
@media(min-width:1025px) and (max-width:1150px) {
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-name {
text-align: center
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-instalment {
margin: 8px 0;
display: inline-block;
vertical-align: middle
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-rating {
padding: 0 15px;
float: none;
text-align: center;
margin-bottom: 10px
}
.promotion-widget-type-2.owl-carousel .owl-item .product-slider-price {
float: none;
text-align: center
}
}
@media(min-width:1025px) {
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) {
position: relative;
min-height: 670px;
width: 100%
}
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item {
position: absolute;
top: 0;
left: 0;
height: 50%
}
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(2n) {
top: 50%
}
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(3),
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(4) {
left: 25%
}
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(5),
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(6) {
left: 50%
}
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(7),
.content-center.not-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(8) {
left: 75%
}
.content-center.not-promotion .owl-interest.owl-carousel .owl-item {
display: none;
width: 25%
}
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(1),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(2),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(3),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(4),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(5),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(6),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(7),
.content-center.not-promotion .owl-interest.owl-carousel .owl-item:nth-child(8) {
display: block
}
}
@media(min-width:1025px) {
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) {
position: relative;
min-height: 670px;
width: 100%
}
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item {
position: absolute;
top: 0;
left: 0;
height: 50%
}
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(2n) {
top: 50%
}
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(3),
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(4) {
left: 33.3333333%;
left: calc(33.3333333% + 5px)
}
}
@media screen and (min-width:1025px) and (min-width:1225px) {
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(3),
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(4) {
left: 300px
}
}
@media(min-width:1025px) {
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(5),
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(6) {
left: 66.6666666%;
left: calc(66.6666666% + 10px)
}
}
@media screen and (min-width:1025px) and (min-width:1225px) {
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(5),
.content-center.has-promotion .owl-interest.owl-carousel:not(.owl-loaded) .owl-item:nth-child(6) {
left: 600px;
margin-right: 0!important
}
}
@media(min-width:1025px) {
.content-center.has-promotion .owl-interest.owl-carousel .owl-item {
display: none;
width: 33.3333333%;
width: calc(33.3333333% - 10px)
}
}
@media screen and (min-width:1025px) and (min-width:1225px) {
.content-center.has-promotion .owl-interest.owl-carousel .owl-item {
width: 285px
}
}
@media(min-width:1025px) {
.content-center.has-promotion .owl-interest.owl-carousel .owl-item:nth-child(1),
.content-center.has-promotion .owl-interest.owl-carousel .owl-item:nth-child(2),
.content-center.has-promotion .owl-interest.owl-carousel .owl-item:nth-child(3),
.content-center.has-promotion .owl-interest.owl-carousel .owl-item:nth-child(4),
.content-center.has-promotion .owl-interest.owl-carousel .owl-item:nth-child(5),
.content-center.has-promotion .owl-interest.owl-carousel .owl-item:nth-child(6) {
display: block
}
}
@media(min-width:768px) and (max-width:1024px) {
.owl-recomended.owl-carousel .owl-item {
width: 50%;
display: none
}
.owl-recomended.owl-carousel .owl-item:nth-child(1),
.owl-recomended.owl-carousel .owl-item:nth-child(2) {
display: block
}
}
.owl-loaded.owl-carousel .owl-item,
.owl-not-slider.owl-carousel .owl-item {
display: block;
padding-right: 0
}
.owl-not-slider.owl-carousel {
margin: 0 -7px;
width: auto
}
.lg-products-wrapper:not(.owl-with-filters) .owl-not-slider .owl-item {
padding: 7px
}
@media(min-width:1025px) {
.lg-products-wrapper:not(.owl-with-filters) .owl-not-slider .owl-item:nth-child(4n+1) {
clear: left
}
}
@media(min-width:768px) and (max-width:1024px) {
.lg-products-wrapper:not(.owl-with-filters) .owl-not-slider .owl-item:nth-child(3n+1) {
clear: left
}
}
@media(min-width:480px) and (max-width:767px) {
.lg-products-wrapper:not(.owl-with-filters) .owl-not-slider .owl-item:nth-child(2n+1) {
clear: left
}
}
@media(min-width:1025px) {
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(4n) .item {
border-right-color: transparent
}
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(-n+4) .item {
border-top: 1px solid #e7e7e7
}
}
@media(min-width:768px) and (max-width:1024px) {
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(3n) .item {
border-right-color: transparent
}
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(-n+3) .item {
border-top: 1px solid #e7e7e7
}
}
@media(min-width:480px) and (max-width:767px) {
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(2n) .item {
border-right-color: transparent
}
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(-n+2) .item {
border-top: 1px solid #e7e7e7
}
}
@media(max-width:479px) {
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item:nth-child(1) {
border-top-color: #e7e7e7
}
.lg-products-wrapper:not(.owl-with-filters) .promotion-widget-type-2 .owl-item .item {
border-right: 0
}
}
.lg-products-wrapper {
position: relative;
min-height: 60px
}
.lg-products-wrapper .new-loader-wr {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: rgba(255, 255, 255, .6)
}
.lg-products-wrapper.owl-with-filters .owl-item {
padding: 7px
}
@media(min-width:1025px) {
.lg-products-wrapper.owl-with-filters .owl-item {
width: 33.333333%
}
.lg-products-wrapper.owl-with-filters .owl-item:nth-child(3n+1) {
clear: left
}
}
@media(min-width:768px) and (max-width:1024px) {
.lg-products-wrapper.owl-with-filters .owl-item:nth-child(3n+1) {
clear: left
}
}
@media(min-width:480px) and (max-width:767px) {
.lg-products-wrapper.owl-with-filters .owl-item:nth-child(2n+1) {
clear: left
}
}
@media(min-width:1025px) {
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(3n) .item {
border-right-color: transparent
}
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(-n+3) .item {
border-top: 1px solid #e7e7e7
}
}
@media(min-width:768px) and (max-width:1024px) {
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(3n) .item {
border-right-color: transparent
}
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(-n+3) .item {
border-top: 1px solid #e7e7e7
}
}
@media(min-width:480px) and (max-width:767px) {
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(2n) .item {
border-right-color: transparent
}
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(-n+2) .item {
border-top: 1px solid #e7e7e7
}
}
@media(max-width:479px) {
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item:nth-child(1) {
border-top-color: #e7e7e7
}
.lg-products-wrapper.owl-with-filters .promotion-widget-type-2 .owl-item .item {
border-right: 0
}
}
.owl-loaded.owl-carousel .owl-item .owl-item {
width: 100%
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1e3ms;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.sliderHolder {
position: fixed;
top: 0;
left: 0;
font-size: 100%;
width: 100%;
height: 100%;
min-height: 100%
}
.sliderHolder {
overflow: hidden
}
.controlButton {
text-align: center
}
.banner img,
.bannerInner div {
display: none
}
.divPad {
padding-top: 40px
}
.superCaption {
padding: 5px
}
.gsThumbsHolder {
display: block;
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, .11);
z-index: 99999;
width: 100%
}
.gsThumbsHolder img {
top: 50%!important;
left: 50%!important;
height: auto!important;
transform: translate3d(-50%, -50%, 0)!important;
-webkit-transform: translate3d(-50%, -50%, 0)!important;
-moz-transform: translate3d(-50%, -50%, 0)!important;
-ms-transform: translate3d(-50%, -50%, 0)!important;
-o-transform: translate3d(-50%, -50%, 0)!important;
max-width: 100%!important;
max-height: 100%;
width: auto!important
}
.gsThumbsHolder>div>div>div {
margin-top: 5px;
background: #fff
}
.slider {
background: 0 0;
opacity: 1
}
.sliderHolder {
width: 100%;
min-height: 100%;
height: 100%;
position: relative;
overflow: hidden;
-ms-touch-action: none;
position: fixed;
touch-action: none;
top: 0;
left: 0;
z-index: 9999999999
}
.slider {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background: #eee;
opacity: .99
}
.sliderBg {
width: 100%;
min-height: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fff
}
.slides,
.thumbs {
width: 100%;
min-height: calc( 100% - 114px);
overflow: hidden;
position: absolute;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
margin-top: 30px
}
.slides.zoom,
.thumbs.zoom {
min-height: 100%;
margin-top: 0
}
.slides.zoom>div,
.thumbs.zoom>div {
overflow: hidden
}
.thumbs {
min-height: 0%;
bottom: 25px
}
.thumbsHolder {
width: 100%;
height: 104px;
bottom: 0;
position: absolute;
overflow: hidden;
display: block
}
.captionHolder {
width: 100%;
min-height: 20px;
position: absolute;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px
}
.caption {
width: 100%;
min-height: 20px;
color: #eee;
top: 0;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
font-family: Arial, Helvetica, sans-serif
}
.touchColor {
color: #414042
}
.touchLightColor {
color: #ccc
}
.nColor {
color: #2aace3
}
.swipeColor {
color: #939598
}
.headerColor {
color: #58595b
}
.footerLink,
.footerLink a {
font-size: 12px;
text-decoration: none;
color: #666;
cursor: pointer;
font-weight: 700
}
.footerLink:hover {
color: #414042;
text-decoration: none
}
.footerCopyright {
font-size: 10px
}
.infobox {
background: #eee;
border: 1px solid #aaa;
margin: 15px auto 10px;
padding: 10px
}
.blackBg {
background: #000
}
.darkGray {
background: #101010
}
.blackBgAlpha60 {
padding-bottom: 5px;
box-sizing: content-box;
background: #000;
background: rgba(0, 0, 0, .6);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}
.blackBgAlpha90 {
background: #000;
background: rgba(0, 0, 0, .9);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#EE000000, endColorstr=#EE000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE000000, endColorstr=#EE000000)"
}
.lightGrayBg {
background: #ccc
}
.controlHolder {
width: 100%;
height: 30px;
background: rgba(0, 0, 0, .6);
position: absolute;
top: 0;
overflow: hidden;
z-index: 999;
text-align: right
}
.controlHolder>div {
width: 30px;
height: 31px;
text-align: center;
cursor: pointer;
cursor: hand;
display: inline-block;
margin: 0 10px
}
.controlHolder i {
color: #fff;
font-size: 21px;
padding-top: 4px
}
.autoPlayIcon,
.nextIcon,
.prevIcon,
.zoomInIcon,
.zoomOutIcon,
.captionOnIcon,
.captionOffIcon,
.thumbsOnIcon,
.thumbsOffIcon,
.closeIcon {
width: 30px;
height: 31px;
text-align: center;
cursor: pointer;
cursor: hand;
margin-left: -10px
}
.autoPlayIcon {
background-position: 0 0
}
.prevIcon {
background-position: -50px 0
}
.nextIcon {
background-position: -75px 0
}
.zoomOutIcon {
background-position: -100px 0
}
.zoomInIcon {
background-position: -125px 0
}
.captionOnIcon {
background-position: -150px 0
}
.captionOffIcon {
background-position: -175px 0
}
.thumbsOnIcon {
background-position: -200px 0
}
.thumbsOffIcon {
background-position: -225px 0
}
.closeIcon {
background-position: -250px 0
}
.controlPos1,
.controlPos2,
.controlPos3,
.controlPos4,
.controlPos5,
.controlPos6,
.controlPos7 {
position: absolute
}
.controlPos1 {
left: 12.5%
}
.controlPos2 {
left: 25%
}
.controlPos3 {
left: 37.5%
}
.controlPos4 {
left: 50%
}
.controlPos5 {
left: 62.5%
}
.controlPos6 {
left: 75%
}
.controlPos7 {
left: 87.5%
}
.gallery-arrow {
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
font-size: 25px;
background: 0 0;
border: 0
}
.gallery-arrow.gallery-next {
right: 30px
}
.gallery-arrow.gallery-prev {
left: 30px
}
[data-tooltip]:not(.tooltip-not-style),
[data-tooltip-right]:not(.tooltip-not-style) {
color: #0169a1;
display: inline-block;
position: relative;
cursor: pointer
}
.tipsy {
position: absolute;
z-index: 100000
}
.tipsy-inner {
padding: 10px 15px;
background: #fff;
border: 2px solid #0169a1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
max-width: 400px
}
@media(max-width:500px) {
.tipsy-inner {
max-width: 300px
}
}
.not-logged-tooltip-wr {
position: relative;
z-index: 10
}
.not-logged-tooltip-wr>*:not(.not-logged-tooltip) {
pointer-events: none
}
.not-logged-tooltip-wr .not-logged-tooltip {
position: absolute;
top: 100%;
left: 0;
padding: 10px 15px;
background: #fff;
border: 2px solid #0169a1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
max-width: 400px;
min-width: 300px;
width: 100%
}
@media(max-width:500px) {
.not-logged-tooltip-wr .not-logged-tooltip {
max-width: 300px
}
}
.not-logged-tooltip-wr.toltip-to-right .not-logged-tooltip {
left: auto;
right: 0
}
.not-logged-tooltip-wr:hover .not-logged-tooltip {
opacity: 1;
filter: alpha(opacity=100);
pointer-events: auto
}
.m-tabs {
margin: 20px 0
}
.m-tabs-h {
background: #eceff0;
padding-top: 6px;
height: 51px;
overflow: hidden
}
.m-tabs-m {
position: relative;
margin: 0 25px
}
.m-tabs-m .owl-stage {
min-width: 100%
}
.m-tabs-m:after {
content: '';
display: block;
clear: both
}
.m-tabs-m .owl-item {
float: left
}
.m-tabs-m .owl-item .item {
margin-right: 0
}
.m-tabs-m .owl-stage-outer {
overflow: hidden
}
.m-tabs-m .owl-stage:after {
content: '';
display: block;
clear: both
}
.m-tabs-m .item {
padding: 11px 17px 15px;
font-weight: 600;
font-size: 1.143em;
margin-right: 10px;
cursor: pointer;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
float: left
}
.m-tabs-m .item.active {
pointer-events: none;
background: #fff
}
.m-tabs-m .owl-prev,
.m-tabs-m .owl-next {
position: absolute;
bottom: auto;
top: 50%;
background: 0 0;
border: 0;
color: #000;
padding: 0;
font-size: 2.5em;
margin-top: -3px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.m-tabs-m .owl-prev.disabled,
.m-tabs-m .owl-next.disabled {
display: none!important
}
.m-tabs-m .owl-prev {
left: -25px;
right: auto
}
.m-tabs-m .owl-next {
right: -25px;
left: auto
}
.m-tabs-ma {
display: none
}
@media(max-width:767px) {
.m-tabs-ma {
display: block;
position: relative;
padding: 14px 50px 13px 10px;
border-top: 1px solid #d6d6d6;
cursor: pointer;
font-size: 1.2em;
font-weight: 600;
background: #eceff0;
margin: 0 -10px
}
.m-tabs-ma:after {
content: '\f078';
font-family: fontawesome;
position: absolute;
top: 50%;
right: 17px;
width: 30px;
text-align: center;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
}
.m-tabs-cont-in {
padding: 15px 0
}
@media(max-width:767px) {
.m-tabs-cont-in {
padding: 0;
height: 0;
overflow: hidden
}
}
.m-tabs-cont>.item {
overflow: hidden;
margin: 0 -10px;
padding: 0 10px
}
@media(max-width:767px) {
.m-tabs-cont>.item {
margin: 0 -10px
}
}
@media(min-width:768px) {
.m-tabs-cont>.item {
position: relative;
z-index: -999;
height: 0;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
pointer-events: none
}
}
@media(max-width:767px) {
.m-tabs-cont>.item:last-child {
border-bottom: 1px solid #e7e7e7
}
}
@media(min-width:768px) {
.m-tabs-cont>.item.active {
height: auto;
z-index: 100;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
pointer-events: auto
}
.m-tabs-cont>.item.active[data-tabs-content-id="12"] {
overflow: visible
}
}
@media(max-width:767px) {
.m-tabs-cont>.item.active .m-tabs-cont-in {
position: relative;
height: auto;
padding: 20px 0
}
.m-tabs-cont>.item.active .m-tabs-ma {
border-bottom: 1px solid #e7e7e7
}
.m-tabs-cont>.item.active .m-tabs-ma:after {
content: '\f077'
}
}
.html-dialog-content {
display: none
}
.fp-wrap-out {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .41) none repeat scroll 0% 0%;
z-index: 202;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-y: scroll
}
.fp-wrap-in {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fp-wrap {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
padding: 5px
}
@media(min-width:768px) {
.fp-wrap {
padding: 20px
}
}
.morele-dialog-hidden {
display: none
}
.m-dialog-h {
padding: 17px 50px 17px 20px;
position: relative;
border-bottom: 1px solid #e5e5e5
}
.m-dialog-ht {
text-align: left;
margin: 0;
font-size: 1.5em;
line-height: 1.42857143
}
.m-dialog-hc {
border: 0;
background: 0;
padding: 0;
margin: 0;
color: #000;
position: absolute;
right: 20px;
width: 20px;
height: 30px;
top: 50%;
font-size: 22px;
margin-top: -10px;
color: #999;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-ms-transition: color 300ms linear;
-o-transition: color 300ms linear;
transition: color 300ms linear
}
.m-dialog-hc .default-btn-mobile {
display: none
}
.m-dialog-hc:hover {
color: #000
}
.m-dialog-cont {
padding: 20px;
text-align: left
}
.m-dialog-cont img {
max-width: 100%
}
.morele-dialog-hidden {
display: block
}
.html-dialog-c {
display: block
}
.m-dialog-f {
text-align: right;
padding: 15px 20px;
position: relative;
border-top: 1px solid #e5e5e5
}
.m-dialog {
display: inline-block;
background-color: #fff;
z-index: 1002;
width: 100%;
max-width: 1170px;
max-width: 100%;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
-webkit-overflow-scrolling: touch
}
.m-dialog.dialog-small {
width: 100%;
max-width: 380px
}
.m-dialog.dialog-middle {
width: 100%;
max-width: 850px
}
.m-dialog.question-dialog {
width: 100%;
max-width: 380px
}
.m-dialog.dialog-buy-info {
width: 100%;
max-width: 500px;
border: 0
}
.m-dialog.dialog-buy-info .m-dialog-cont {
padding: 0
}
.m-dialog.dialog-welcome {
max-width: 550px;
border: 2px solid #01618a
}
.m-dialog.dialog-welcome .m-dialog-cont {
padding: 25px 27px
}
.m-dialog.dialog-welcome .m-dialog-f {
border: 0;
padding-top: 0
}
@media(max-width:500px) {
.m-dialog.dialog-welcome .m-dialog-f {
text-align: center
}
}
.m-dialog.dialog-welcome .m-dialog-f .confirm {
min-width: 180px;
color: #fff;
background-color: #0169a1;
border-color: #0169a1
}
.m-dialog.dialog-welcome .m-dialog-f .confirm:focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm.focus {
color: #fff;
background-color: #01486e;
border-color: #001622
}
.m-dialog.dialog-welcome .m-dialog-f .confirm:hover {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.m-dialog.dialog-welcome .m-dialog-f .confirm:active,
.m-dialog.dialog-welcome .m-dialog-f .confirm.active,
.open>.m-dialog.dialog-welcome .m-dialog-f .confirm.dropdown-toggle {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.m-dialog.dialog-welcome .m-dialog-f .confirm:active:hover,
.m-dialog.dialog-welcome .m-dialog-f .confirm:active:focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm:active.focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm.active:hover,
.m-dialog.dialog-welcome .m-dialog-f .confirm.active:focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm.active.focus,
.open>.m-dialog.dialog-welcome .m-dialog-f .confirm.dropdown-toggle:hover,
.open>.m-dialog.dialog-welcome .m-dialog-f .confirm.dropdown-toggle:focus,
.open>.m-dialog.dialog-welcome .m-dialog-f .confirm.dropdown-toggle.focus {
color: #fff;
background-color: #00314b;
border-color: #001622
}
.m-dialog.dialog-welcome .m-dialog-f .confirm:active,
.m-dialog.dialog-welcome .m-dialog-f .confirm.active,
.open>.m-dialog.dialog-welcome .m-dialog-f .confirm.dropdown-toggle {
background-image: none
}
.m-dialog.dialog-welcome .m-dialog-f .confirm.disabled:hover,
.m-dialog.dialog-welcome .m-dialog-f .confirm.disabled:focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm.disabled.focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm[disabled]:hover,
.m-dialog.dialog-welcome .m-dialog-f .confirm[disabled]:focus,
.m-dialog.dialog-welcome .m-dialog-f .confirm[disabled].focus,
fieldset[disabled] .m-dialog.dialog-welcome .m-dialog-f .confirm:hover,
fieldset[disabled] .m-dialog.dialog-welcome .m-dialog-f .confirm:focus,
fieldset[disabled] .m-dialog.dialog-welcome .m-dialog-f .confirm.focus {
background-color: #0169a1;
border-color: #0169a1
}
.m-dialog.dialog-welcome .m-dialog-f .confirm .badge {
color: #0169a1;
background-color: #fff
}
.welcome-to-rwd .title {
font-size: 1.714em;
font-weight: 600;
color: #000;
margin-bottom: 20px
}
.welcome-to-rwd .subtitle {
font-size: 1.286em;
font-weight: 600;
color: #0169a1;
margin-bottom: 23px
}
.welcome-to-rwd .subtitle:last-child {
margin-bottom: 0
}
.welcome-to-rwd .text {
font-size: 1.143em;
margin-bottom: 25px;
line-height: 1.4
}
.welcome-to-rwd .button {
margin-bottom: 35px
}
.welcome-to-rwd .button .btn {
pointer-events: none
}
#dialogRemoveAllQuestion .block-table,
#dialogRemoveQuestion .block-table {
margin: 0
}
#dialogRemoveAllQuestion .table-col,
#dialogRemoveQuestion .table-col {
border: 0
}
#dialogRemoveAllQuestion .icon,
#dialogRemoveQuestion .icon {
width: 65px;
height: 65px;
border: 3px solid #e60612;
border-radius: 100%;
text-align: center;
margin: auto
}
#dialogRemoveAllQuestion .icon i.fa,
#dialogRemoveQuestion .icon i.fa {
font-size: 56px;
line-height: 65px;
color: #e60612
}
#dialogRemoveAllQuestion .text,
#dialogRemoveQuestion .text {
font-size: 20px;
line-height: 1.2
}
.m-dialog h2 {
color: #000;
font-size: 22px;
font-weight: 400;
margin-bottom: 10px
}
.m-dialog p {
font-size: 16px;
font-weight: 300;
color: #797979;
margin-bottom: 20px
}
.m-dialog button {
margin-left: 10px
}
@media(min-width:768px) {
.get-buy-info {
cursor: pointer
}
.get-buy-info:hover {
text-decoration: underline
}
.get-buy-info:hover * {
text-decoration: underline
}
}
@media(max-width:767px) {
.get-buy-info {
pointer-events: none
}
}
.buy-info-table-wr {
max-height: 400px;
overflow: hidden;
overflow-y: auto
}
@keyframes moreleDialogMove {
from {
bottom: -100vh
}
to {
bottom: 0
}
}
@keyframes moreleDialogRemove {
from {
bottom: 0
}
to {
bottom: -100vh
}
}
@media(max-width:767px) {
.mobile-popup .fp-wrap-out {
overflow: hidden
}
.mobile-popup .fp-wrap-in {
display: block
}
.mobile-popup .mobile-new-popup-style {
border-radius: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
pointer-events: auto;
background: #fff;
z-index: 1000;
animation-name: moreleDialogMove!important;
animation-duration: 500ms!important
}
.mobile-popup .close-mobile {
animation-name: moreleDialogRemove!important;
animation-duration: 500ms!important
}
.mobile-popup .m-dialog-h {
background-color: #f4f7f8;
padding: 14px 60px 12px 10px
}
.mobile-popup .m-dialog-ht {
font-size: 16px;
font-weight: 600;
color: #000
}
.mobile-popup .m-dialog-hc {
position: absolute;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
border: 0;
background: 0 0;
padding: 0;
width: 45px;
height: 100%;
margin: 0
}
.mobile-popup .m-dialog-hc .default-btn-mobile {
display: block;
margin: auto
}
.mobile-popup .m-dialog-hc .default-btn-desktop {
display: none
}
.mobile-popup .m-dialog-cont {
padding: 20px 10px;
overflow: auto
}
.mobile-popup .m-dialog-f {
padding: 10px
}
.mobile-popup .shake {
-webkit-animation: none;
animation: none
}
.mobile-popup .shakeRemove {
-webkit-animation: none;
animation: none
}
}
.bootstrap-tagsinput {
background-color: #fff;
border: 1px solid #e7e7e7;
display: block;
padding: 4px 8px 5px;
color: #555;
vertical-align: middle;
border-radius: 4px;
width: 100%;
max-width: 400px;
line-height: 22px;
cursor: text
}
@media(max-width:767px) {
.bootstrap-tagsinput {
max-width: 100%
}
}
.bootstrap-tagsinput input {
border: 0;
box-shadow: none;
outline: 0;
background-color: transparent;
padding: 0 6px;
margin: 0;
width: auto;
max-width: 100%
}
.bootstrap-tagsinput.form-control input::-moz-placeholder,
.bootstrap-tagsinput.btn-form-control input::-moz-placeholder {
color: #777;
opacity: 1
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder,
.bootstrap-tagsinput.btn-form-control input:-ms-input-placeholder {
color: #777
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder,
.bootstrap-tagsinput.btn-form-control input::-webkit-input-placeholder {
color: #777
}
.bootstrap-tagsinput input:focus {
border: 0;
box-shadow: none
}
.bootstrap-tagsinput .tag {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 18px;
margin: 2px 2px 2px 0;
padding: 4px 25px 2px 10px;
color: #000;
background: #eceff0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.bootstrap-tagsinput .tag [data-role=remove] {
position: absolute;
top: 50%;
right: 7px;
cursor: pointer;
font-size: 14px;
line-height: 14px;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
content: "x";
padding: 0 2px
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.ik-file-uploader-preview {
overflow: hidden;
margin: 0 -5px 20px
}
.ik-file-uploader-preview:after {
content: '';
display: block;
clear: both
}
.ik-file-uploader-preview:empty {
display: none
}
.ik-file-uploader-preview:empty:after {
display: none
}
.ik-file-uploader-preview .ik-uploader-item {
float: left;
width: 10%;
padding: 0 5px;
margin-bottom: 10px;
overflow: hidden;
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease
}
@media(max-width:1100px) {
.ik-file-uploader-preview .ik-uploader-item {
width: 12.5%
}
}
@media(max-width:900px) {
.ik-file-uploader-preview .ik-uploader-item {
width: 16.66667%
}
}
@media(max-width:700px) {
.ik-file-uploader-preview .ik-uploader-item {
width: 20%
}
}
@media(max-width:600px) {
.ik-file-uploader-preview .ik-uploader-item {
width: 25%
}
}
@media(max-width:450px) {
.ik-file-uploader-preview .ik-uploader-item {
width: 33.33333%
}
}
@media(max-width:700px) {
.ik-file-uploader-preview .ik-uploader-item {
padding: 0 2px;
margin-bottom: 4px
}
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-inside {
position: relative;
border: 1px solid #e7e7e7
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-preview {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-color: #fff
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-preview.image-upload-preview {
background-size: 60%;
-webkit-background-size: 60%;
-moz-background-size: 60%;
-ms-background-size: 60%;
-o-background-size: 60%
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-preview:before {
content: '';
display: block;
padding-top: 100%
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-status-icon {
display: none;
position: absolute;
top: 0;
right: 0;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
width: 18px;
height: 18px;
background: #fff;
z-index: 111;
text-align: center
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-status-icon:before {
content: '\f093';
font-family: fontawesome;
font-size: 12px;
line-height: 18px
}
.ik-file-uploader-preview .ik-uploader-item.mfi-status-error .mfi-inside {
border-color: #e30613
}
.ik-file-uploader-preview .ik-uploader-item.mfi-status-error .mfi-status-icon {
display: block;
border-color: #e30613;
color: #e30613
}
.ik-file-uploader-preview .ik-uploader-item.mfi-status-error .mfi-status-icon:before {
content: '\f071'
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-remove,
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-preview-remove {
position: absolute;
right: 0;
bottom: 0;
font-size: 22px;
color: #abb2b7;
padding: 3px 2px;
cursor: pointer;
background: #fff
}
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-remove:hover,
.ik-file-uploader-preview .ik-uploader-item .ik-uploader-preview-remove:hover {
color: #0169a1
}
.ik-file-uploader-preview .ik-uploader-progress {
position: absolute;
left: 0;
right: 0;
bottom: 0
}
.ik-file-uploader-preview .ik-uploader-progress-bar {
width: 0;
height: 5px;
color: #fff;
text-align: center;
background-color: #0169a1;
transition: width .6s ease;
-webkit-transition: width .6s ease;
-moz-transition: width .6s ease;
-ms-transition: width .6s ease;
-o-transition: width .6s ease
}
.ik-file-uploader-preview .ik-file-uploader-button {
float: left;
padding: 0 5px;
margin-bottom: 10px;
overflow: hidden;
width: 10%
}
@media(max-width:700px) {
.ik-file-uploader-preview .ik-file-uploader-button {
padding: 0 2px;
margin-bottom: 4px
}
}
@media(max-width:1100px) {
.ik-file-uploader-preview .ik-file-uploader-button {
width: 12.5%
}
}
@media(max-width:900px) {
.ik-file-uploader-preview .ik-file-uploader-button {
width: 16.66667%
}
}
@media(max-width:700px) {
.ik-file-uploader-preview .ik-file-uploader-button {
width: 20%
}
}
@media(max-width:600px) {
.ik-file-uploader-preview .ik-file-uploader-button {
width: 25%
}
}
@media(max-width:450px) {
.ik-file-uploader-preview .ik-file-uploader-button {
width: 33.33333%
}
}
.ik-file-uploader-preview .ik-file-uploader-button .ik-file-uploader-button-inside {
position: relative
}
.ik-file-uploader-preview .ik-file-uploader-button .ik-file-uploader-button-inside:before {
content: '';
display: block;
padding-top: 100%
}
.ik-file-uploader-preview .ik-file-uploader-button label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
border: 1px solid #e7e7e7;
background: #f9f9f9;
cursor: pointer;
margin: 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.ik-file-uploader-preview .ik-file-uploader-button label .icon-morele-camera {
position: absolute;
top: 50%;
left: 50%;
color: #949494;
font-size: 34px;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.ik-file-uploader-preview .ik-file-uploader-button label:hover {
background: #e7e7e7
}
.ik-file-uploader-preview .ik-file-uploader-button input {
position: absolute;
left: -999999em
}
.uploader-small-grid .ik-file-uploader-preview .ik-uploader-item,
.uploader-small-grid .ik-file-uploader-preview .ik-file-uploader-button {
width: 20%
}
@media(max-width:1000px) {
.uploader-small-grid .ik-file-uploader-preview .ik-uploader-item,
.uploader-small-grid .ik-file-uploader-preview .ik-file-uploader-button {
width: 25%
}
}
@media(max-width:767px) {
.uploader-small-grid .ik-file-uploader-preview .ik-uploader-item,
.uploader-small-grid .ik-file-uploader-preview .ik-file-uploader-button {
width: 16.66667%
}
}
@media(max-width:700px) {
.uploader-small-grid .ik-file-uploader-preview .ik-uploader-item,
.uploader-small-grid .ik-file-uploader-preview .ik-file-uploader-button {
width: 20%
}
}
@media(max-width:600px) {
.uploader-small-grid .ik-file-uploader-preview .ik-uploader-item,
.uploader-small-grid .ik-file-uploader-preview .ik-file-uploader-button {
width: 25%
}
}
@media(max-width:450px) {
.uploader-small-grid .ik-file-uploader-preview .ik-uploader-item,
.uploader-small-grid .ik-file-uploader-preview .ik-file-uploader-button {
width: 33.33333%
}
}
.morele-uploader-pending {
font-size: 16px;
margin: 20px 0
}
body.body-dragged-files .ik-file-uploader {
background: #f8f8f8
}
.image-gallery-window .owl-nav,
.image-gallery-thumbnails .owl-nav {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 100
}
.image-gallery-window .owl-nav .owl-prev,
.image-gallery-thumbnails .owl-nav .owl-prev,
.image-gallery-window .owl-nav .owl-next,
.image-gallery-thumbnails .owl-nav .owl-next {
position: absolute;
top: 0;
bottom: 0;
width: 50px;
background: rgba(228, 231, 234, .7);
pointer-events: auto;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
@media(max-width:1024px) {
.image-gallery-window .owl-nav .owl-prev,
.image-gallery-thumbnails .owl-nav .owl-prev,
.image-gallery-window .owl-nav .owl-next,
.image-gallery-thumbnails .owl-nav .owl-next {
width: 40px
}
}
.image-gallery-window .owl-nav .owl-prev.disabled,
.image-gallery-thumbnails .owl-nav .owl-prev.disabled,
.image-gallery-window .owl-nav .owl-next.disabled,
.image-gallery-thumbnails .owl-nav .owl-next.disabled {
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none
}
.image-gallery-window .owl-nav .owl-prev:hover,
.image-gallery-thumbnails .owl-nav .owl-prev:hover,
.image-gallery-window .owl-nav .owl-next:hover,
.image-gallery-thumbnails .owl-nav .owl-next:hover {
background: #e4e7ea
}
.image-gallery-window .owl-nav .owl-prev i,
.image-gallery-thumbnails .owl-nav .owl-prev i,
.image-gallery-window .owl-nav .owl-next i,
.image-gallery-thumbnails .owl-nav .owl-next i {
position: absolute;
top: 50%;
left: 50%;
font-size: 70px;
color: #7f7f7f;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
@media(max-width:1024px) {
.image-gallery-window .owl-nav .owl-prev i,
.image-gallery-thumbnails .owl-nav .owl-prev i,
.image-gallery-window .owl-nav .owl-next i,
.image-gallery-thumbnails .owl-nav .owl-next i {
font-size: 44px
}
}
.image-gallery-window .owl-nav .owl-prev,
.image-gallery-thumbnails .owl-nav .owl-prev {
left: 0
}
.image-gallery-window .owl-nav .owl-next,
.image-gallery-thumbnails .owl-nav .owl-next {
right: 0
}
.image-gallery.images-in-moderation {
position: relative;
pointer-events: none;
padding: 10px;
min-height: 150px;
border: 1px solid #ccc
}
.image-gallery.images-in-moderation .images-moderated-block {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(255, 255, 255, .9)
}
.image-gallery.images-in-moderation .images-moderated-block-center {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 10px;
text-align: center;
color: #999;
line-height: 24px;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.image-gallery.images-in-moderation .images-moderated-block-center i {
font-size: 17px;
margin-right: 4px
}
.image-gallery.images-in-moderation .image-gallery-thumbnails .ig-thumbnail.active-slide:after {
border-width: 0!important
}
.image-gallery.images-in-moderation .image-gallery-thumbnails .owl-nav {
display: none!important
}
.image-gallery-window {
position: relative;
margin-bottom: 40px;
border: 1px solid #e7e7e7;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
@media(max-width:1024px) {
.image-gallery-window {
margin-bottom: 20px
}
}
.image-gallery-window .ig-big-img {
display: block;
background-position: center center;
background-repeat: no-repeat;
background-color: #000;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain
}
.image-gallery-window .ig-big-img:before {
content: '';
display: block;
padding-top: 53%
}
.image-gallery-thumbnails .ig-thumbnail {
position: relative;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.image-gallery-thumbnails .ig-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
@media(min-width:1025px) {
.image-gallery-thumbnails .ig-thumbnail:hover {
opacity: .8!important
}
}
.image-gallery-thumbnails .ig-thumbnail.active-slide:after {
border-width: 5px
}
.image-gallery-thumbnails .ig-thumbnail:before {
content: '';
display: block;
padding-top: 71%
}
.mGallery {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity 300ms ease;
-webkit-transition: opacity 300ms ease;
-moz-transition: opacity 300ms ease;
-ms-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease
}
.mGallery-images {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.mGallery-images .mGallery-image {
display: table;
height: 100vh
}
.mGallery-images .mGallery-image .mGallery-image-inner {
display: table-cell;
vertical-align: middle;
padding: 0 5px
}
.mGallery-images .mGallery-image img {
max-width: 100%;
max-height: 100%
}
html.mGallery-show {
overflow: hidden
}
html.mGallery-show .mGallery {
opacity: 1;
filter: alpha(opacity=100)
}
.ug-gallery-wrapper,
.ug-gallery-wrapper * {
transition: all!important;
-o-transition: all!important;
-webkit-transition: all;
-moz-transition: all!important;
-ms-transition: all!important;
max-width: none
}
.ug-gallery-wrapper {
z-index: 0
}
.ug-item-wrapper img {
width: auto;
max-width: none;
margin: 0;
padding: 0
}
.ug-videoplayer-wrapper video {
height: 100%;
width: 100%;
visibility: visible!important
}
.ug-rtl {
direction: rtl
}
.ug-gallery-wrapper {
overflow: hidden;
position: relative;
font-family: Arial, Helvetica, sans-serif
}
.ug-error-message {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
color: #f30d0d
}
.ug-error-message-wrapper {
width: 100%;
height: 100%;
border: 1px solid #000
}
.ug-gallery-wrapper .ug-canvas-pie {
position: absolute;
z-index: 4
}
.ug-gallery-wrapper .ug-progress-bar {
position: absolute;
overflow: hidden;
z-index: 4
}
.ug-gallery-wrapper .ug-progress-bar-inner {
xposition: absolute
}
.ug-gallery-wrapper.ug-fullscreen {
height: 100%!important;
width: 100%!important;
max-width: none!important;
max-height: none!important
}
.ug-gallery-wrapper.ug-fake-fullscreen {
position: fixed!important;
height: auto!important;
width: auto!important;
max-width: none!important;
max-height: none!important;
margin: 0!important;
padding: 0!important;
top: 0!important;
left: 0!important;
bottom: 0!important;
right: 0!important;
z-index: 999999!important
}
.ug-body-fullscreen {
overflow: hidden!important;
height: 100%!important;
width: 100%!important;
margin: 0!important;
padding: 0!important
}
.ug-gallery-wrapper .ug-preloader-trans {
display: block;
height: 35px;
width: 32px;
height: 32px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/loader_skype_trans.gif);
background-repeat: no-repeat
}
.ug-gallery-wrapper .ug-slider-wrapper {
position: absolute;
overflow: hidden;
z-index: 1;
background-color: #000;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 66px!important
}
.ug-slider-wrapper .ug-slide-wrapper {
position: absolute
}
.ug-slide-wrapper.ug-slide-clickable {
cursor: pointer
}
.ug-slider-wrapper .ug-slider-inner {
position: absolute;
top: 38px!important;
bottom: 0!important;
height: auto!important;
z-index: 0
}
.ug-slider-wrapper .ug-slide-wrapper,
.ug-slider-wrapper .ug-item-wrapper {
height: 100%!important
}
.ug-slider-wrapper .ug-item-wrapper {
position: absolute;
overflow: hidden
}
.ug-slider-wrapper,
.ug-item-wrapper img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
max-width: none!important;
box-sizing: border-box
}
.ug-slider-wrapper .ug-slider-preloader {
position: absolute;
z-index: 1;
border: 2px solid #fff;
border-radius: 6px;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat
}
.ug-slider-preloader.ug-loader1 {
width: 30px;
height: 30px
}
.ug-slider-preloader.ug-loader1.ug-loader-black {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/loader-black1.gif)
}
.ug-slider-preloader.ug-loader-black {
border-color: #000;
background-color: #000
}
.ug-slider-preloader.ug-loader-nobg {
background-color: transparent
}
.ug-slider-wrapper .ug-button-videoplay {
position: absolute;
z-index: 2;
cursor: pointer
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square {
width: 86px;
height: 66px
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square:before {
content: '\f04b';
font-family: fontawesome
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover {
background-position: 0 0
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-round {
width: 76px;
height: 76px;
opacity: .9;
filter: alpha(opacity=90);
transition: all .3s ease 0s!important
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover {
opacity: 1;
filter: alpha(opacity=100);
transition: all .3s ease 0s!important
}
.ug-gallery-wrapper .ug-thumbs-strip,
.ug-gallery-wrapper .ug-thumbs-grid {
position: absolute;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
xbackground-color: green;
z-index: 10
}
.ug-thumbs-strip.ug-dragging {
xcursor: -webkit-grab;
xcursor: -moz-grab
}
.ug-gallery-wrapper .ug-thumbs-strip-inner,
.ug-gallery-wrapper .ug-thumbs-grid-inner {
position: absolute
}
.ug-thumb-wrapper.ug-thumb-generated {
position: absolute;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader,
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error {
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center center
}
.ug-thumb-wrapper .ug-thumb-border-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-style: solid
}
.ug-thumb-wrapper .ug-thumb-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 3
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/loader.gif)
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/not_loaded.png)
}
.ug-thumb-wrapper.ug-thumb-generated img {
position: absolute;
z-index: 1;
max-width: none!important
}
.ug-thumb-wrapper.ug-thumb-generated img.ug-thumb-image-overlay {
position: absolute;
z-index: 2;
max-width: none!important
}
img.ug-bw-effect {
filter: grayscale(100%);
filter: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPiNncmF5c2NhbGU=);
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%)
}
img.ug-blur-effect {
filter: blur(0.8px);
-webkit-filter: blur(0.8px);
-moz-filter: blur(0.8px);
-o-filter: blur(0.8px);
-ms-filter: blur(0.8px);
filter: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii44IiAvPjwvZmlsdGVyPjwvc3ZnPiNibHVy);
filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='0.8')
}
img.ug-sepia-effect {
-webkit-filter: sepia(1);
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);
-ms-filter: sepia(100%);
-o-filter: sepia(100%);
filter: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9InNlcGlhIj48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAuMTQgMC40NSAwLjA1IDAgMCAwLjEyIDAuMzkgMC4wNCAwIDAgMC4wOCAwLjI4IDAuMDMgMCAwIDAgMCAwIDEgMCIgLz48L2ZpbHRlcj48L3N2Zz4jc2VwaWE=);
filter: sepia(100%);
background-color: #5e2612;
filter: alpha(opacity=50);
zoom: 1
}
.ug-gallery-wrapper .ug-bullets {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0
}
.ug-gallery-wrapper .ug-bullets .ug-bullet {
background-repeat: no-repeat;
cursor: pointer;
display: block;
float: left;
z-index: 2
}
.ug-gallery-wrapper .ug-bullets .ug-bullet:first-child {
margin-left: 0
}
.ug-gallery-wrapper .ug-textpanel {
position: absolute;
overflow: hidden
}
.ug-slider-wrapper .ug-textpanel {
z-index: 2
}
.ug-gallery-wrapper .ug-textpanel-bg,
.ug-gallery-wrapper .ug-textpanel-title,
.ug-gallery-wrapper .ug-textpanel-description {
display: block;
position: absolute;
margin: 0;
padding: 0
}
.ug-gallery-wrapper .ug-textpanel-bg {
background-color: #000;
opacity: .4;
filter: alpha(opacity=40);
z-index: 1
}
.ug-textpanel-textwrapper {
overflow: hidden
}
.ug-gallery-wrapper .ug-textpanel-title {
font-size: 16px;
font-weight: 700;
color: #fff;
text-align: left;
z-index: 2
}
.ug-gallery-wrapper .ug-textpanel-description {
font-size: 14px;
color: #fff;
text-align: left;
z-index: 3
}
.ug-slider-wrapper .ug-zoompanel {
position: absolute;
top: 200px;
left: 100px
}
.ug-zoompanel .ug-zoompanel-button {
background-repeat: no-repeat;
cursor: pointer;
display: block
}
.ug-gallery-wrapper .ug-arrow-left {
position: absolute;
background-repeat: no-repeat;
display: block;
cursor: pointer
}
.ug-gallery-wrapper .ug-arrow-right {
position: absolute;
background-repeat: no-repeat;
cursor: pointer
}
.ug-gallery-wrapper .ug-grid-panel {
position: absolute;
background-color: #000;
xbackground-color: blue;
z-index: 2
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow {
position: absolute;
background-repeat: no-repeat;
cursor: pointer;
z-index: 11
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow.ug-button-disabled {
cursor: default
}
.ug-gallery-wrapper .ug-panel-handle-tip {
position: absolute;
z-index: 13;
cursor: pointer;
display: none!important
}
.ug-gallery-wrapper .ug-overlay-disabled {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
background-color: #000;
opacity: .3;
filter: alpha(opacity=30);
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/cover-grid.png)
}
.ug-gallery-wrapper .ug-strip-panel {
position: absolute;
background-color: #000;
z-index: 2;
top: auto!important;
bottom: 0!important
}
.ug-strip-panel .ug-strip-arrow {
position: absolute;
cursor: pointer
}
.ug-strip-panel .ug-strip-arrow.ug-button-disabled {
cursor: default
}
.ug-strip-panel .ug-strip-arrow-tip {
position: absolute
}
.ug-thumb-wrapper.ug-tile {
display: block;
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
padding: 0;
margin: 0
}
.ug-tile .ug-tile-cloneswrapper {
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=90)
}
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile,
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled {
transition: left .7s ease 0s, top .7s ease 0s, width .7s ease 0s, height .7s ease 0s!important
}
.ug-thumb-wrapper.ug-tile.ug-tile-clickable {
cursor: pointer
}
.ug-thumb-wrapper.ug-tile .ug-image-container {
position: absolute;
overflow: hidden;
z-index: 1;
top: 0;
left: 0
}
.ug-thumb-wrapper.ug-tile img.ug-thumb-image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
max-width: none!important;
max-height: none!important;
display: block;
border: 0;
padding: 0!important;
margin: 0!important;
width: auto;
height: auto;
position: absolute
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay {
position: absolute;
overflow: hidden;
z-index: 2;
top: 0;
left: 0
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img {
width: 100%;
max-width: none!important
}
.ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img {
height: 100%;
max-width: none!important
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon {
position: absolute;
width: 38px;
height: 38px;
background-repeat: no-repeat;
background-position: 0 0;
xbackground-color: green;
z-index: 6;
top: 1px;
left: 1px;
cursor: pointer
}
.ug-thumbs-grid .ug-tile-image-overlay img {
width: auto;
height: auto;
position: absolute;
max-width: none!important
}
.ug-tile .ug-textpanel {
z-index: 5;
cursor: default
}
.ug-tile.ug-tile-clickable .ug-textpanel {
cursor: pointer
}
.ug-tile .ug-textpanel-title {
font-size: 14px;
font-weight: 700
}
.ug-gallery-wrapper .ug-carousel-wrapper {
position: absolute;
overflow: hidden
}
.ug-gallery-wrapper .ug-carousel-inner {
position: absolute
}
.ug-tabs-wrapper {
margin-top: 0;
margin-bottom: 20px;
text-align: center
}
.ug-tabs-wrapper a.ug-tab {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #fff;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 5px;
background-color: #333;
border-radius: 3px;
font-size: 12px;
font-weight: 400;
border: 1px solid #969696
}
.ug-tabs-wrapper a.ug-tab:hover {
background-color: #707070!important
}
.ug-tabs-wrapper a.ug-tab.ug-tab-selected,
.ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover {
background-color: #2077a2!important;
cursor: default!important
}
.ug-tabs-wrapper a.ug-tab:first-child {
margin-left: 0!important
}
.ug-arrow-left.ug-skin-default,
.ug-arrow-right.ug-skin-default {
width: 20px;
height: 44px
}
.ug-arrow-left.ug-skin-default:before,
.ug-arrow-right.ug-skin-default:before {
display: block;
font-family: morele-font;
font-size: 42px;
line-height: 40px;
color: #fff
}
.ug-arrow-left.ug-skin-default:before {
content: '\e81a'
}
.ug-arrow-right.ug-skin-default:before {
content: '\e81b'
}
.ug-button-fullscreen.ug-skin-default {
position: absolute;
top: 6px!important;
left: 8px!important;
width: 26px;
height: 26px;
z-index: 1111;
cursor: pointer
}
.ug-button-fullscreen.ug-skin-default:before {
content: '\e81c';
display: block;
font-family: morele-font;
font-size: 26px;
line-height: 26px;
color: #bcbcbc
}
.ug-button-fullscreen.ug-skin-default.ug-button-hover:before {
color: #fff
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode:before {
content: '\e81d'
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover:before {
color: #fff
}
.ug-slider-wrapper .ug-zoompanel {
position: absolute;
top: 0!important;
left: 0!important;
right: 0!important;
height: 38px;
background: rgba(0, 0, 0, .45)
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button {
position: absolute;
top: 50%;
margin-top: -13px;
cursor: pointer;
height: 26px;
width: 26px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button:before {
display: block;
font-family: morele-font;
font-size: 24px;
line-height: 28px;
color: #bcbcbc
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-close {
right: 7px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-close:before {
content: '\f05c';
font-family: fontawesome
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-close:hover:before {
color: #fff
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus {
right: 50px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus:before {
content: '\e81e';
font-size: 22px;
line-height: 27px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-minus {
right: 92px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-minus:before {
content: '\e81f';
font-size: 22px;
line-height: 27px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-return {
right: 136px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-return:before {
content: '\f24d';
font-size: 22px;
line-height: 27px
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover:before {
color: #fff
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled,
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled {
cursor: default;
pointer-events: none
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled:before,
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled:before {
opacity: .5
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default {
width: 30px;
height: 15px;
background-position: 0 0;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/arrow_grid_down.png)
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover {
background-position: 0 -15px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-disabled {
background-position: 0 -30px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default {
width: 30px;
height: 15px;
background-position: 0 0;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/arrow_grid_up.png)
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover {
background-position: 0 -15px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-disabled {
background-position: 0 -30px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default {
width: 40px;
height: 40px;
background-position: 0 -40px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/grid_arrow_left.png)
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover {
background-position: 0 0
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-disabled {
background-position: 0 -80px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default {
width: 40px;
height: 40px;
background-position: 0 -40px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/grid_arrow_right.png)
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover {
background-position: 0 0
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-disabled {
background-position: 0 -80px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default {
width: 15px;
height: 30px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/slider_arrow_left.png);
background-position: 0 0
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover {
background-position: 0 -30px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-disabled {
background-position: 0 -60px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default {
width: 15px;
height: 30px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/slider_arrow_right.png);
background-position: 0 0
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover {
background-position: 0 -30px
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-disabled {
background-position: 0 -60px
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default {
width: 25px;
height: 50px
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
background-position: 0 0;
background-repeat: no-repeat;
width: 4px;
height: 7px
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/arrows_strip_left.png)
}
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/arrows_strip_right.png)
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default.ug-button-hover .ug-strip-arrow-tip {
background-position: 0 -7px
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default {
height: 25px;
width: 50px
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip {
background-position: 0 0;
background-repeat: no-repeat;
width: 7px;
height: 4px
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/arrows_strip_up.png)
}
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/arrows_strip_down.png)
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default.ug-button-hover .ug-strip-arrow-tip {
background-position: -7px 0
}
.ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip {
background-position: 0 0;
opacity: .5;
filter: alpha(opacity=50)
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default {
width: 22px;
height: 36px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/grid_handle_black_left.png);
background-repeat: no-repeat;
background-position: 0 -36px
}
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/grid_handle_black_right.png);
background-position: 0 -36px
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-button-hover.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-button-hover.ug-skin-default {
background-position: 0 0
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed {
background-position: 0 -108px
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed.ug-button-hover {
background-position: 0 -72px
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default {
width: 36px;
height: 22px
}
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/grid_handle_black_bottom.png);
background-position: -36px 0
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover {
background-position: 0 0
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed {
background-position: -108px 0
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed.ug-button-hover {
background-position: -72px 0
}
.mGallery.mGallery-light {
background: #fff
}
.mGallery.mGallery-light .ug-gallery-wrapper .ug-overlay-disabled,
.mGallery.mGallery-light .ug-gallery-wrapper .ug-slider-wrapper {
background: #fff
}
.mGallery.mGallery-light .ug-gallery-wrapper .ug-strip-panel {
background: rgba(0, 0, 0, .6)!important
}
.mGallery.mGallery-light .ug-thumb-wrapper.ug-thumb-generated img {
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
margin: auto!important;
max-width: 100%!important;
max-height: 100%!important;
width: auto!important;
height: auto!important;
z-index: 10!important
}
.mGallery.mGallery-light .ug-thumb-wrapper.ug-thumb-generated {
border: 2px solid #fff;
background: #fff;
cursor: pointer
}
.mGallery.mGallery-light .ug-thumb-wrapper.ug-thumb-generated.ug-thumb-selected {
border-color: #0169a1
}
.mGallery.mGallery-light .ug-thumb-wrapper .ug-thumb-border-overlay {
border: 0!important
}
.mGallery.mGallery-light .ug-slider-wrapper .ug-zoompanel {
background: rgba(0, 0, 0, .6)!important
}
.mGallery.mGallery-light .ug-thumb-wrapper .ug-thumb-overlay {
background: #fff!important
}
.mGallery.mGallery-light .ug-arrow-left.ug-skin-default,
.mGallery.mGallery-light .ug-arrow-right.ug-skin-default {
width: 30px;
height: 60px
}
.mGallery.mGallery-light .ug-arrow-left.ug-skin-default:before,
.mGallery.mGallery-light .ug-arrow-right.ug-skin-default:before {
font-size: 60px;
line-height: 60px;
color: #0169a1
}
.rating {
border: 0;
display: block;
float: left
}
.rating input[type=radio] {
display: none
}
.rating label {
margin: 0;
cursor: pointer
}
.rating label:before {
margin: 0;
font-family: FontAwesome;
display: inline-block;
content: "\f005";
color: #cccdce;
border: 1px solid transparent
}
.rating label.full {
position: relative
}
.rating label.half {
position: relative
}
.rating label.half:before {
position: absolute;
top: 0;
left: 0;
content: "\f089";
margin: 0;
font-family: FontAwesome;
display: inline-block;
color: transparent
}
.rating input[type=radio]:checked~label:before,
.rating input[type=radio].checked~label:before {
color: #faa91c
}
.rating input[type=radio]+label:hover:before,
.rating input[type=radio]~label:hover:before,
.rating label:hover~input[type=radio]~label:before,
.rating input[type=radio]~label:hover~label:before {
color: #ffed85
}
.rating>label {
float: right
}
.rating-container {
position: relative;
display: inline-block;
vertical-align: middle
}
.rating-container:after {
content: '';
display: block;
clear: both
}
.rating-container .not-avalible {
color: #01649a;
line-height: 23px
}
.rating-container .not-avalible:hover {
text-decoration: underline
}
.rating-container .not-avalible-empty {
height: 23px
}
.rating-container .loading-recount {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
z-index: 1;
background: #fff;
text-align: center
}
.rating-container .loading-recount>div {
display: inline-block;
vertical-align: top;
margin-right: 10px
}
.rating-container .no-rating {
display: none
}
.rating-container>span+span {
margin-left: 10px
}
.header-review fieldset.rating {
margin: -7px -27px 0;
height: 41px;
display: inline-block;
vertical-align: top
}
.rating-display-only>label,
.rating-display-only>label:before {
pointer-events: none
}
fieldset.rating {
font-size: 16px;
margin-right: 5px
}
.rating-product-link {
text-decoration: none
}
.rate-count {
display: block;
float: left;
line-height: 22px;
font-weight: 600;
color: #01649a
}
.not-bold {
font-weight: 400
}
.rate-enabled {
cursor: pointer
}
.brand-cer-detail .cer-name {
font-size: 1.286em;
font-weight: 600;
margin-bottom: 20px
}
.brand-cer-detail .cer-logo {
margin-bottom: 15px
}
.brand-cer-detail .cer-desc {
line-height: 1.45;
margin-bottom: 30px
}
.brand-cer-detail .cer-image {
margin-bottom: 30px
}
.brand-cer-detail .cer-image a {
display: inline-block;
vertical-align: top;
text-decoration: none
}
.brand-cer-detail .cer-image img {
max-width: 100%
}
.cs-tabs .cs-tab-product+.cs-tab-product {
border-top: 1px solid #e7e7e7
}
@media(max-width:767px) {
.cs-tabs .cs-tab-product {
position: relative;
padding: 11px
}
}
.cs-tabs .table-col {
border-bottom: 0;
padding: 15px 12px;
height: 120px
}
@media(max-width:767px) {
.cs-tabs .table-col {
padding: 0;
height: auto
}
}
.cs-tabs .cs-tab-product-img {
position: relative;
text-align: center
}
@media(min-width:768px) {
.cs-tabs .cs-tab-product-img {
width: 145px;
height: 120px
}
}
@media(max-width:767px) {
.cs-tabs .cs-tab-product-img {
float: left;
width: 100px;
height: auto;
max-height: 100px;
margin-bottom: 10px
}
}
.cs-tabs .cs-tab-product-img a {
display: block;
text-decoration: none
}
@media(min-width:768px) {
.cs-tabs .cs-tab-product-img a {
position: absolute;
top: 0;
left: 12px;
right: 0;
bottom: 0;
height: 120px;
margin: auto
}
}
.cs-tabs .cs-tab-product-img img {
max-width: 100%;
max-height: 100px
}
@media(min-width:768px) {
.cs-tabs .cs-tab-product-img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
}
@media(max-width:767px) {
.cs-tabs .cs-tab-product-img img {
max-height: 100px
}
}
.cs-tabs .cs-tab-product-name {
padding-left: 25px
}
@media(max-width:767px) {
.cs-tabs .cs-tab-product-name {
padding-left: 110px;
margin-bottom: 7px
}
}
.cs-tabs .cs-tab-product-name a {
font-weight: 700
}
.cs-tabs .cs-tab-product-wc {
margin-bottom: 5px
}
.cs-tabs .cs-tab-product-wc img {
display: inline-block;
vertical-align: middle;
margin-bottom: 3px
}
.cs-tabs .cs-tab-product-wc img+img {
margin-left: 5px
}
.cs-tabs .cs-tab-product-discount {
color: #e30613
}
@media(min-width:768px) {
.cs-tabs .cs-tab-product-discount {
width: 12%
}
}
.cs-tabs .cs-tab-product-price .old-price {
font-size: .9em
}
@media(min-width:768px) {
.cs-tabs .cs-tab-product-price {
width: 12%
}
}
@media(min-width:768px) and (max-width:1024px) {
.cs-tabs .cs-tab-product-price {
text-align: center
}
}
@media(max-width:767px) {
.cs-tabs .cs-tab-product-price {
padding-left: 110px;
margin-bottom: 12px
}
.cs-tabs .cs-tab-product-price .prices>div[class*=price] {
display: inline-block;
vertical-align: baseline;
margin-bottom: 0
}
.cs-tabs .cs-tab-product-price .prices>div[class*=price]+div {
margin-left: 10px
}
}
.cs-tabs .cs-tab-product-price .discount {
color: #e30613;
margin-bottom: 11px
}
@media(max-width:767px) {
.cs-tabs .cs-tab-product-price .discount {
margin-bottom: 7px
}
}
.cs-tabs .cs-tab-product-price .old-price {
display: inline-block;
vertical-align: middle;
font-size: .85em;
position: relative;
color: #e30613;
line-height: 10px;
text-decoration: none;
margin-right: 7px
}
.cs-tabs .cs-tab-product-price .old-price:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 2px;
background: #e30613;
display: block;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.cs-tab {
border: 1px solid #e7e7e7;
border-bottom: 0
}
.cs-tab:first-child {
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0
}
.cs-tab:last-child {
border-bottom: 1px solid #e7e7e7;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px
}
.cs-tab .cs-tab-head {
position: relative;
font-weight: 600;
font-size: 1.143em;
padding: 14px 45px 15px 13px;
cursor: pointer
}
.cs-tab .cs-tab-head:after {
content: '\f078';
font-family: fontawesome;
position: absolute;
right: 14px;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.cs-tab .cs-tab-head:hover {
text-decoration: underline
}
.cs-tab .cs-tab-body {
height: 0;
overflow: hidden
}
@media(max-width:767px) {
.cs-tab .cs-tab-body .display-table,
.cs-tab .cs-tab-body .table-row,
.cs-tab .cs-tab-body .table-col {
display: block
}
}
.cs-tab.tab-active {
border: 3px solid #0169a1
}
.cs-tab.tab-active .cs-tab-head {
border-bottom: 1px solid #e7e7e7
}
.cs-tab.tab-active .cs-tab-head:after {
content: '\f077'
}
.cs-tab.tab-active .cs-tab-body {
height: auto
}
.cs-tab-product-button {
position: relative
}
.cs-tab-product-button .btn {
width: 100%
}
@media(min-width:768px) {
.cs-tab-product-button .btn {
max-width: 180px
}
}
.cs-tab-product-button label {
display: block;
margin-bottom: 0
}
.cs-tab-product-button label input[type=radio] {
position: absolute;
left: -999999em;
visibility: hidden
}
.cs-tab-product-button label input[type=radio]:disabled+.btn {
opacity: .6
}
.cs-tab-product-button label .add-to-basket {
margin-bottom: 0
}
@media(min-width:768px) {
.cs-tab-product-button {
width: 255px;
padding: 55px 12px;
text-align: right
}
}
@media(max-width:767px) {
.cs-tab-product-button {
clear: both
}
}
.cs-tab-product-button,
.slider-basket {
padding: 0 13px 16px
}
.cs-tab-product-button .add-to-basket-info,
.slider-basket .add-to-basket-info {
display: none;
font-weight: 600;
font-size: .857em;
color: #018068
}
@media(max-width:767px) {
.cs-tab-product-button .add-to-basket-info,
.slider-basket .add-to-basket-info {
margin-top: 10px
}
}
@media(min-width:768px) {
.cs-tab-product-button .add-to-basket-info,
.slider-basket .add-to-basket-info {
position: absolute;
left: 12px;
right: 12px;
bottom: 13px
}
}
.cs-tab-product-button .product-is-added~.add-to-basket-info,
.slider-basket .product-is-added~.add-to-basket-info {
display: block
}
.slider-basket .add-to-basket-info {
padding-top: 10px
}
@media(min-width:768px) {
.slider-basket .add-to-basket-info {
position: relative;
left: auto;
right: auto;
bottom: auto
}
}
.cs-other-product .zitem.product-is-added-wr,
.cs-tabs.cs-new-button .zitem.product-is-added-wr {
border-color: #0169a1!important
}
.cs-other-product button.btn,
.cs-tabs.cs-new-button button.btn {
position: relative;
color: #fff;
background-color: #0169a1;
border-color: #0169a1;
padding-left: 40px;
padding-right: 10px;
font-weight: 700
}
.cs-other-product button.btn:focus,
.cs-other-product button.btn.focus,
.cs-tabs.cs-new-button button.btn:focus,
.cs-tabs.cs-new-button button.btn.focus {
color: #fff;
background-color: #01486e;
border-color: #001622
}
.cs-other-product button.btn:hover,
.cs-tabs.cs-new-button button.btn:hover {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.cs-other-product button.btn:active,
.cs-other-product button.btn.active,
.open>.cs-other-product button.btn.dropdown-toggle,
.cs-tabs.cs-new-button button.btn:active,
.cs-tabs.cs-new-button button.btn.active,
.open>.cs-tabs.cs-new-button button.btn.dropdown-toggle {
color: #fff;
background-color: #01486e;
border-color: #014164
}
.cs-other-product button.btn:active:hover,
.cs-other-product button.btn:active:focus,
.cs-other-product button.btn:active.focus,
.cs-other-product button.btn.active:hover,
.cs-other-product button.btn.active:focus,
.cs-other-product button.btn.active.focus,
.open>.cs-other-product button.btn.dropdown-toggle:hover,
.open>.cs-other-product button.btn.dropdown-toggle:focus,
.open>.cs-other-product button.btn.dropdown-toggle.focus,
.cs-tabs.cs-new-button button.btn:active:hover,
.cs-tabs.cs-new-button button.btn:active:focus,
.cs-tabs.cs-new-button button.btn:active.focus,
.cs-tabs.cs-new-button button.btn.active:hover,
.cs-tabs.cs-new-button button.btn.active:focus,
.cs-tabs.cs-new-button button.btn.active.focus,
.open>.cs-tabs.cs-new-button button.btn.dropdown-toggle:hover,
.open>.cs-tabs.cs-new-button button.btn.dropdown-toggle:focus,
.open>.cs-tabs.cs-new-button button.btn.dropdown-toggle.focus {
color: #fff;
background-color: #00314b;
border-color: #001622
}
.cs-other-product button.btn:active,
.cs-other-product button.btn.active,
.open>.cs-other-product button.btn.dropdown-toggle,
.cs-tabs.cs-new-button button.btn:active,
.cs-tabs.cs-new-button button.btn.active,
.open>.cs-tabs.cs-new-button button.btn.dropdown-toggle {
background-image: none
}
.cs-other-product button.btn.disabled:hover,
.cs-other-product button.btn.disabled:focus,
.cs-other-product button.btn.disabled.focus,
.cs-other-product button.btn[disabled]:hover,
.cs-other-product button.btn[disabled]:focus,
.cs-other-product button.btn[disabled].focus,
fieldset[disabled] .cs-other-product button.btn:hover,
fieldset[disabled] .cs-other-product button.btn:focus,
fieldset[disabled] .cs-other-product button.btn.focus,
.cs-tabs.cs-new-button button.btn.disabled:hover,
.cs-tabs.cs-new-button button.btn.disabled:focus,
.cs-tabs.cs-new-button button.btn.disabled.focus,
.cs-tabs.cs-new-button button.btn[disabled]:hover,
.cs-tabs.cs-new-button button.btn[disabled]:focus,
.cs-tabs.cs-new-button button.btn[disabled].focus,
fieldset[disabled] .cs-tabs.cs-new-button button.btn:hover,
fieldset[disabled] .cs-tabs.cs-new-button button.btn:focus,
fieldset[disabled] .cs-tabs.cs-new-button button.btn.focus {
background-color: #0169a1;
border-color: #0169a1
}
.cs-other-product button.btn .badge,
.cs-tabs.cs-new-button button.btn .badge {
color: #0169a1;
background-color: #fff
}
.cs-other-product button.btn:before,
.cs-tabs.cs-new-button button.btn:before {
content: '';
position: absolute;
left: 8px;
top: 50%;
width: 24px;
height: 24px;
border: 1px solid #fff;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.cs-other-product button.btn.product-is-added,
.cs-tabs.cs-new-button button.btn.product-is-added {
background: #00314b;
border-color: #00314b
}
.cs-other-product button.btn.product-is-added:after,
.cs-tabs.cs-new-button button.btn.product-is-added:after {
content: '\f00c';
font-family: fontawesome;
position: absolute;
left: 8px;
top: 50%;
font-size: 20px;
width: 24px;
line-height: 24px;
color: #fff;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.section-compare {
display: none;
margin: 10px 0
}
.section-compare h4 {
margin-top: 0;
margin-bottom: 2px
}
.section-compare-items {
display: inline-block;
vertical-align: middle;
margin-right: 12px
}
.section-compare-items:after {
content: '';
display: block;
clear: both
}
.section-compare-button {
display: inline-block;
vertical-align: middle;
float: right;
margin: 10px 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.section-compare-button .btn {
min-width: 123px
}
.section-compare-item {
position: relative;
float: left;
width: 60px;
height: 60px;
border: 1px solid #e7e7e7;
margin-right: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-size: contain;
background-repeat: no-repeat;
background-position: center
}
.section-compare-item i.icon-morele-no-photo {
font-size: 36px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.section-compare-item .icon-remove {
position: absolute;
top: 3px;
right: 2px;
display: none;
cursor: pointer;
width: 13px;
height: 13px;
background: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%
}
.section-compare-item .icon-remove i {
width: 13px;
height: 13px;
line-height: 13px;
vertical-align: top
}
.section-compare-inner {
position: relative;
background: #fff;
z-index: 100;
left: auto;
padding: 10px;
-webkit-transform: translateZ(0)
}
.section-compare-inner.position-fixed {
position: fixed;
top: 0;
z-index: 150;
-webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .3);
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .3)
}
.section-compare-inner.position-fixed .section-compare-items {
margin-right: -2px
}
.section-compare-inner.position-fixed .section-compare-item {
width: 40px;
height: 40px
}
.section-compare-inner.position-fixed .section-compare-button {
margin: 0
}
.section-compare-inner.position-fixed:hover .section-compare-item {
width: 60px;
height: 60px
}
.section-compare-inner.position-fixed:hover .section-compare-button {
margin: 10px 0
}
.disabled-events {
pointer-events: none
}
@media(max-width:767px) {
.compare-wr .section-compare {
display: none!important
}
}
.compare-wr .section-compare {
display: none;
margin: 0;
background: #fff
}
.compare-wr .icon-remove {
display: inline-block
}
.compare-wr .section-compare-inner {
padding: 10px
}
.compare-wr #section_compare_mask {
height: 0;
width: 100%
}
@media(min-width:1025px) {
.compare-wr.position-fixed .section-compare {
position: fixed;
top: 0;
z-index: 150;
-webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .3);
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .3)
}
.compare-wr.position-fixed h4 {
display: none
}
.compare-wr.position-fixed #section_compare_mask {
height: 98px
}
.compare-wr.position-fixed .section-compare-inner .section-compare-items {
margin-right: -2px
}
.compare-wr.position-fixed .section-compare-inner .section-compare-item {
width: 40px;
height: 40px
}
.compare-wr.position-fixed .section-compare-inner .section-compare-item i.icon-morele-no-photo {
font-size: 28px
}
.compare-wr.position-fixed .section-compare-inner .section-compare-button {
margin: 0
}
.compare-wr.position-fixed:hover .section-compare-inner .section-compare-item {
width: 60px;
height: 60px
}
.compare-wr.position-fixed:hover .section-compare-inner .section-compare-item i.icon-morele-no-photo {
font-size: 36px
}
.compare-wr.position-fixed:hover .section-compare-inner .section-compare-button {
margin: 10px 0
}
}
#productSliderContainer .owl-prod .owl-item {
padding-right: 0!important;
margin-right: 15px!important
}
#productSliderContainer .owl-prod .item {
height: 326px!important
}
.owl-carousel {
position: relative;
z-index: 1
}
.owl-carousel:after {
content: '';
display: block;
clear: both
}
.owl-preloader {
position: relative;
min-height: 320px
}
.owl-prod {
position: relative
}
.owl-prod .owl-item.not-active {
pointer-events: none
}
.owl-prod .item,
.owl-prod .zitem {
position: relative;
border: 2px solid transparent;
text-align: center;
height: auto!important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.owl-prod .item:hover,
.owl-prod .zitem:hover {
border-color: #e7e7e7
}
.owl-prod .item>a,
.owl-prod .zitem>a {
text-decoration: none!important;
display: block
}
.owl-prod .item .disabled-wrap,
.owl-prod .zitem .disabled-wrap {
position: absolute;
top: -16px;
left: -13px;
right: -13px;
bottom: 0;
background: rgba(255, 255, 255, .67);
z-index: 100
}
@media(min-width:768px) and (max-width:1024px) {
.owl-prod .item .disabled-wrap,
.owl-prod .zitem .disabled-wrap {
top: -24px;
left: -17px;
right: -17px
}
}
.owl-prod .item .disabled-wrap>div,
.owl-prod .zitem .disabled-wrap>div {
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #e30613;
transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(-40deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(-40deg)
}
.owl-prod a.link-top {
padding: 18px 13px 8px
}
.owl-prod a.link-stars {
position: relative;
z-index: 10;
display: inline-block
}
.owl-prod a.link-bottom {
margin-top: -26px;
padding: 30px 13px 16px
}
.owl-prod .prod-img {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
max-height: 182px;
overflow: hidden
}
.owl-prod .prod-img .icon-morele-no-photo {
font-size: 120px
}
.owl-prod .prod-img:before {
content: '';
display: block;
padding-top: 90%
}
.owl-prod .prod-top10 {
position: relative;
border: 1px solid #e7e7e7;
text-align: left;
padding: 10px 5px 10px 50px;
margin: -18px -15px 10px -14px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.owl-prod .prod-top10 .num-info {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
background: #018068;
width: 41px;
text-align: center;
line-height: 38px;
color: #fff;
font-size: 1.286em;
font-weight: 700;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px
}
.owl-prod .prod-top10 .buy-info {
color: #018068
}
.owl-prod .owl-prev,
.owl-prod .owl-next {
position: absolute;
top: 50%;
z-index: 100;
font-size: 3em;
height: 40px;
width: 40px;
border-radius: 4px;
padding: 0 9px 0 12px;
color: #dddede;
cursor: pointer;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.owl-prod .owl-prev i.fa,
.owl-prod .owl-next i.fa {
display: block;
height: 40px;
line-height: 40px
}
.owl-prod .owl-prev:hover,
.owl-prod .owl-next:hover {
color: #0169a1
}
.owl-prod .owl-prev.disabled,
.owl-prod .owl-next.disabled {
display: none
}
.owl-prod .owl-prev {
left: 0
}
.owl-prod .owl-next {
right: 0
}
.owl-prod:hover .owl-prev,
.owl-prod:hover .owl-next {
color: #0169a1;
background: rgba(255, 255, 255, .48)
}
.owl-images .item a,
.owl-images .zitem a {
position: relative;
text-decoration: none;
display: block
}
.owl-images .item a div.image,
.owl-images .zitem a div.image {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain
}
.owl-images .item a div.image:before,
.owl-images .zitem a div.image:before {
content: '';
display: block;
padding-top: 83.35%
}
.owl-images .owl-prev,
.owl-images .owl-next {
position: absolute;
top: 50%;
z-index: 100;
font-size: 5em;
width: 50px;
height: 100px;
padding: 5px;
color: #000;
cursor: pointer;
background: rgba(255, 255, 255, .6);
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
opacity: 0;
filter: alpha(opacity=0)
}
.owl-images .owl-prev i.fa,
.owl-images .owl-next i.fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.owl-images .owl-prev:hover,
.owl-images .owl-next:hover {
color: #0169a1;
background: #fff
}
.owl-images .owl-prev.disabled,
.owl-images .owl-next.disabled {
display: none
}
.owl-images .owl-prev {
left: 0;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0
}
.owl-images .owl-next {
right: 0;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px
}
.owl-images:hover .owl-prev,
.owl-images:hover .owl-next {
color: #0169a1;
opacity: 1;
filter: alpha(opacity=100)
}
.owl-images.owl-images-big .item a div.image,
.owl-images.owl-images-big .zitem a div.image {
max-width: 400px;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
opacity: 1;
filter: alpha(opacity=100);
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.owl-images.owl-images-big .item a div.image:before,
.owl-images.owl-images-big .zitem a div.image:before {
padding-top: 62%
}
.owl-images.owl-images-big .item a:hover div.image,
.owl-images.owl-images-big .zitem a:hover div.image {
opacity: .5;
filter: alpha(opacity=50)
}
.owl-images .link {
margin-top: 15px;
text-align: center
}
.owl-images .link span {
font-weight: 600;
font-size: 1.143em
}
.catgroup-list {
visibility: hidden;
position: relative;
z-index: 6;
margin: 13px 25px
}
.catgroup-list.owl-loaded {
visibility: visible
}
.catgroup-list .owl-stage-outer {
overflow: hidden
}
.catgroup-list .owl-stage:after {
content: '';
display: block;
clear: both
}
.catgroup-list .owl-item {
float: left
}
.catgroup-list .owl-prev,
.catgroup-list .owl-next {
position: absolute;
top: 50%;
z-index: 100;
font-size: 2.5em;
color: #0169a1;
cursor: pointer;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.catgroup-list .owl-prev.disabled,
.catgroup-list .owl-next.disabled {
display: none
}
.catgroup-list .owl-prev {
left: -25px
}
.catgroup-list .owl-next {
right: -25px
}
.warranty-dialog {
position: relative;
max-width: 950px
}
.warranty-dialog.warranty-dialog-cols-2 {
max-width: 775px
}
.warranty-dialog .m-dialog-cont {
padding: 15px 15px 0
}
.warranty-dialog .m-dialog-f {
border-top: 0;
padding: 15px 20px
}
.warranty-dialog .m-dialog-f .btn {
min-width: 203px
}
.ws-title {
display: none;
text-align: left;
line-height: 20px;
font-size: 18px;
font-weight: 600;
color: #000;
margin-bottom: 22px
}
@media(max-width:930px) {
.ws-title.ws-title-tablet {
display: block
}
}
@media(min-width:931px) {
.ws-title.ws-title-desctop {
display: block
}
}
.warranty-dialog .warranty-table .table-row .table-col {
border: 0;
height: 0;
padding: 0;
text-align: center
}
.warranty-dialog .warranty-table .table-row .table-col[data-column=warranty_labels] {
width: 100%;
text-align: left
}
.warranty-dialog .warranty-table .table-row .table-col[data-column=warranty_standart] {
width: 154px
}
.warranty-dialog .warranty-table .table-row .table-col[data-column=warranty_extended],
.warranty-dialog .warranty-table .table-row .table-col[data-column=warranty_premium] {
width: 178px
}
.warranty-dialog .warranty-table .table-row .table-col .ws-row-heading {
font-weight: 600;
text-transform: uppercase
}
.warranty-dialog .warranty-table .table-row.heading .table-col {
height: 66px
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_standart],
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_extended],
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_premium] {
border: 1px solid #e7e7e7;
border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_extended],
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_premium] {
border-left: 0;
cursor: pointer
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_extended] .ws-head,
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_premium] .ws-head {
cursor: pointer
}
.warranty-dialog .warranty-table .table-row.heading .table-col .ws-name {
font-weight: 600;
text-transform: uppercase;
color: #000
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_labels] {
vertical-align: bottom;
padding-bottom: 7px
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_extended] {
background: #f3f7f8
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_extended]:hover {
background: #e8e8e8
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_premium] {
background: #0069a2;
border-color: #0069a2
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_premium] .ws-name {
color: #fff
}
.warranty-dialog .warranty-table .table-row.heading .table-col[data-column=warranty_premium]:hover {
background: #0679b7
}
.warranty-dialog .warranty-table .table-row.heading .w-table {
border: 0
}
.warranty-dialog .warranty-table .table-row.warranty-body .table-col {
height: 30px;
border-right: 1px solid #e7e7e7
}
.warranty-dialog .warranty-table .table-row.warranty-body .table-col[data-column=warranty_labels] {
padding: 7px 9px;
line-height: 1.2;
border: 0
}
.warranty-dialog .warranty-table .table-row.warranty-body .table-col[data-column=warranty_standart] {
border-left: 1px solid #e7e7e7
}
.warranty-dialog .warranty-table .table-row.warranty-body .table-col i.fa {
font-size: 1.2em
}
.warranty-dialog .warranty-table .table-row.warranty-body .table-col i.fa.fa-times {
color: #dd0009
}
.warranty-dialog .warranty-table .table-row.warranty-body .table-col i.fa.fa-check {
color: #0a62a2
}
.warranty-dialog .warranty-table .table-row.warranty-body-bg .table-col {
background: #f3f7f8
}
.warranty-dialog .warranty-table .table-row.warranty-border-bottom .table-col {
border-bottom: 1px solid #e7e7e7!important
}
.warranty-dialog .warranty-table .table-row.warranty-body-title .table-col[data-column=warranty_labels] {
padding: 7px 0
}
.warranty-dialog .warranty-table .table-row.warranty-footer .table-col {
vertical-align: bottom;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7
}
.warranty-dialog .warranty-table .table-row.warranty-footer .table-col[data-column=warranty_labels] {
border: 0
}
.warranty-dialog .warranty-table .table-row.warranty-footer .table-col[data-column=warranty_standart] {
border-left: 1px solid #e7e7e7
}
.w-product {
text-align: center;
padding-top: 27px;
margin-bottom: -20px
}
.w-product .w-img {
position: relative;
width: 100%;
max-width: 180px;
margin: auto
}
.w-product .w-img:before {
content: '';
display: block;
padding-top: 75%
}
.w-product .w-img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%
}
.w-product .w-name {
font-size: 16px;
margin-bottom: 15px;
color: #0169a1
}
.warranty-choose {
text-align: left;
padding: 10px 9px
}
.warranty-choose .form-item {
margin-bottom: 10px
}
.warranty-choose .form-item .radio {
margin: 0
}
.warranty-choose .form-item .radio label {
font-size: 1em;
line-height: 1.3;
padding-left: 24px
}
.warranty-choose .form-item .radio label .input {
width: 17px;
height: 17px
}
.warranty-choose .form-item .radio .info-name {
display: block;
color: #000
}
.warranty-choose .form-item .radio .old-price {
color: #000;
position: relative
}
.warranty-choose .form-item .radio .old-price:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 48%;
height: 1px;
background: #000;
display: block
}
@-moz-document url-prefix() {
.warranty-choose .form-item .radio .old-price:before {
top: 50%
}
}
.warranty-choose .form-item .radio .new-price {
color: #e30613
}
.warranty-choose .form-item .radio .inline {
display: inline-block;
vertical-align: baseline
}
.warranty-desc-box {
position: relative;
width: 100%;
background-color: #fff;
padding: 20px;
text-align: left;
line-height: 1.4
}
.warranty-desc-box h2 {
margin: 0 0 20px;
font-weight: 600
}
.warranty-desc-box div.desc {
margin-bottom: 18px
}
.warranty-desc-box a.btn-close-desc.close-icon {
position: absolute;
top: 10px;
right: 10px;
padding: 8px 10px;
font-size: 20px
}
.warranty-desc-box a.btn-close-desc:not(.close-icon) {
min-width: 200px
}
.warranty-hide {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
width: 50%;
padding: 8px 17px
}
#kartyOpis * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#kartyOpis .desckp-shops .logoBox {
text-align: center;
color: #010101;
font-size: 14px
}
#kartyOpis #faq_1 a {
text-decoration: none;
color: #000
}
#kartyOpis #faq_1 a:hover {
text-decoration: underline
}
#kartyOpis .desckp-desctop-img img {
display: block!important
}
#kartyOpis .desckp-mobile-img img {
display: none!important
}
#kartyOpis .faq-items {
padding-left: 20px;
padding-right: 20px
}
#kartyOpis #desckpDescription .row {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1XL.jpg) top center no-repeat
}
#kartyOpis #desckpDescription h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 22px;
color: #d50612
}
#kartyOpis #desckpDescription {
background-color: #efefef
}
#kartyOpis .desckpGoldFish {
background-color: #e30613
}
#kartyOpis .desckpGoldFish .row {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundFishXL.jpg) center center no-repeat;
height: 225px
}
#kartyOpis .desckpGoldFish .row p {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 22px;
color: #fff;
padding-top: 20px
}
#kartyOpis .desckpGoldFish #desckpGoldFishBox1 {
padding-left: 65px;
padding-top: 35px
}
#kartyOpis .desckpGoldFish #desckpGoldFishBox2 p {
font-size: 16px;
font-weight: 400;
line-height: 25px
}
#kartyOpis .desckpGoldFish #desckpImg {
text-align: center
}
#kartyOpis #desckpDescription #desckpDescBox2 {
padding-top: 165px;
padding-bottom: 90px
}
#kartyOpis #desckpDescription #desckpDescBox1 {
padding-top: 20px
}
#kartyOpis .desckp-shops .borderBoxFirst {
border-left: 1px solid #bcbcbc
}
#kartyOpis .desckp-shops {
padding-top: 5px;
padding-bottom: 35px
}
#kartyOpis .desckp-shops .desckp-title {
margin-top: 34px
}
#kartyOpis .desckp-shops .borderBox {
border-right: 1px solid #bcbcbc
}
#kartyOpis .desckp-shops .logoBox .produktyBox {
color: #666;
font-size: 14px
}
#kartyOpis .desckp-shops .logoBox .produktyBox b {
font-size: 22px
}
.desckp-title {
font-size: 24px;
font-weight: 600;
color: #666;
text-align: center;
margin-bottom: 34px;
margin-top: 50px
}
.desckp-products-title {
margin-bottom: 52px
}
.desckp {
margin: -8px 0 0
}
.desckp-head {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/top-bg-desctop2.png) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center
}
.desckp-head img {
max-width: 100%
}
#kartyOpis hr {
width: 100%;
border: 1px solid #e0e4e7
}
@media(max-width:600px) {
.desckp-head {
padding-bottom: 0;
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/top-content-mobileSwieta.png) center center no-repeat;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
text-align: center
}
.desckp-head:before {
content: '';
display: block;
padding-top: 134%
}
.desckp-head img {
display: none
}
#mobile_description #kartyOpis .desckp-head img {
display: none!important
}
}
.desckp-buy {
padding: 0
}
.desckp-steps {
max-width: 1130px;
margin: 0 auto 27px
}
.desckp-steps .row {
margin-left: -10px;
margin-right: -10px
}
.desckp-steps .row [class*=col-] {
padding-left: 10px;
padding-right: 10px
}
.desckp-step {
border: 1px solid #e0e4e7;
border-radius: 10px;
padding: 10px 10px 17px;
margin-bottom: 20px
}
.desckp-step .desckp-i {
position: relative;
margin-bottom: 5px
}
.desckp-step .desckp-i:before {
content: '';
display: block;
padding-top: 55%
}
.desckp-step .desckp-i img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto
}
.desckp-step .desckp-t {
text-align: center;
line-height: 1.45;
padding: 0 5px
}
.desckp-step .desckp-t span {
color: #e30613;
margin-right: 6px
}
@media(max-width:1050px) {
.desckp-step br {
display: none
}
.desckp-step .desckp-i:before {
padding-top: 40%
}
}
@media(max-width:500px) {
.desckp-steps .row [class*=col-] {
float: none;
width: 100%
}
}
.desckp-products {
text-align: right;
max-width: 1132px;
margin: auto;
margin-bottom: 30px
}
.desckp-product {
display: inline-block;
vertical-align: middle;
margin: 5px
}
.desckp-product label {
margin: 0
}
.desckp-product label input {
position: absolute;
left: -999999999em
}
.desckp-product label .desckp-product-button {
display: inline-block;
vertical-align: middle;
border: 1px solid #e30613;
border-radius: 5px;
height: 47px;
line-height: 34px;
font-size: 24px;
padding: 5px 10px;
cursor: pointer
}
.desckp-product label:hover .desckp-product-button {
color: #fff;
background-color: #b1050f;
border-color: #a7040e
}
.desckp-product label input:checked+.desckp-product-button {
color: #fff;
background-color: #e30613;
border-color: #e30613
}
.desckp-addToBasket {
display: inline-block;
vertical-align: middle;
margin: 5px 0 5px 38px
}
.desckp-addToBasket button {
padding: 10px 18px;
font-size: 18px
}
@media(max-width:1000px) {
.desckp-products {
text-align: center
}
.desckp-addToBasket {
margin: 5px
}
#kartyOpis .desckp-shops .logoBox img {
width: 100%
}
}
@media(max-width:500px) {
.desckp-products {
text-align: left
}
}
.desckp-info {
background: #f6f6f6 url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/laptop.jpg) 75% 420px no-repeat;
padding: 0 0 64px
}
#kartyOpis .desckp-faq {
background: #fff url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/faqBackground.png) top center no-repeat
}
.info-steps-img {
margin: 55px 0 0
}
.info-steps-img img {
max-width: 100%
}
.info-text {
margin-bottom: 30px
}
.info-text ul {
margin: 0;
padding: 0 0 0 22px;
list-style: none
}
.info-text ul li {
position: relative;
padding-left: 14px;
line-height: 1.4;
margin-bottom: 9px
}
.info-text ul li:before {
content: '\f111';
font-family: fontawesome;
position: absolute;
top: 5px;
left: 0;
font-size: 6px;
color: #e30613
}
@media(max-width:1025px) {
.desckp-info {
background-position: 123% bottom
}
.info-steps-img {
text-align: center
}
.desckp-addToBasket {
display: block;
vertical-align: middle;
margin: 15px 0 5px 38px
}
#kartyOpis .desckp-shops .borderBoxFirst {
border-left: 0
}
#kartyOpis .desckp-shops .borderBoxLast {
border-right: 0
}
.desckp-products {
text-align: center;
max-width: 1132px;
margin: auto;
margin-bottom: 30px
}
#kartyOpis .desckp-shops .logoBox p {
height: 50px
}
}
@media(max-width:767px) {
.desckp-info {
background: #f6f6f6
}
.info-text ul {
padding: 0
}
#kartyOpis .desckp-shops .logoBox img {
width: inherit
}
#kartyOpis .desckp-shops .borderBox {
border-bottom: 1px solid #bcbcbc;
border-right: 0
}
#kartyOpis .desckp-shops .borderBoxRight {
border-right: 1px solid #bcbcbc
}
#kartyOpis .desckp-shops .borderBoxNone {
border-bottom: 0
}
}
@media(max-width:500px) {
#kartyOpis .desckp-desctop-img img {
display: none!important
}
#kartyOpis .desckp-mobile-img img {
display: block!important
}
}
.faq-img img {
max-width: 100%
}
.faq-title {
padding: 17px 0;
letter-spacing: .2px;
line-height: 1.4;
color: #e30613
}
.faq-body {
padding: 7px 0 0 29px;
letter-spacing: .2px
}
.faq-body p,
.faq-body ul {
margin: 0 0 26px
}
.faq-body ul {
padding: 0;
list-style: none;
margin-top: 4px
}
.faq-body ul li {
position: relative;
padding-left: 9px;
margin-bottom: 4px
}
.faq-body ul li:before {
content: '\f111';
font-family: fontawesome;
position: absolute;
top: 7px;
left: 0;
font-size: 4px
}
.faq-body p.mb-zero {
margin-bottom: 0
}
.desckp-seo {
font-size: 12px;
color: #84888b;
border-top: 3px solid #e20612;
margin-top: 30px;
padding: 20px 0 0
}
@media(max-width:1199px) {
#kartyOpis #desckpDescription #desckpDescBox2 {
padding-top: 165px;
padding-bottom: 55px
}
#kartyOpis .desckpGoldFish #desckpGoldFishBox1 {
padding-left: 40px;
padding-top: 35px
}
#kartyOpis .desckpGoldFish .row {
background: #f6f6f6 url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundFishXL.jpg) top center no-repeat;
height: 270px;
padding-bottom: 40px
}
}
@media(max-width:900px) {
#kartyOpis #desckpDescription .row {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1SM.jpg) top center no-repeat
}
#kartyOpis .desckpGoldFish #desckpImg img {
width: 100%
}
}
@media(max-width:768px) {
#kartyOpis #desckpDescription #desckpDescBox2 {
padding-top: 20px;
padding-bottom: 55px
}
#kartyOpis .desckpGoldFish .row {
background: #f6f6f6 url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundFishXL.jpg) top center no-repeat;
height: 150px;
padding-bottom: 40px
}
#kartyOpis .desckpGoldFish .row p {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 22px;
color: #fff;
padding-top: 0;
margin: 0
}
#kartyOpis .desckpGoldFish #desckpGoldFishBox2 p {
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding-top: 10px
}
}
@media(max-width:420px) {
#kartyOpis .desckpGoldFish #desckpImg img {
width: 100%;
padding-top: 30px
}
#kartyOpis .desckpGoldFish #desckpGoldFishBox2 p {
font-size: 16px;
font-weight: 400;
line-height: 15px;
padding-top: 10px
}
}
#enderOpis * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#enderOpis .containerBox {
background-color: #000;
color: #fff;
font-family: rajdhani, sans-serif
}
#enderOpis .containerBox #enderDesc header {
margin-top: 20px
}
#enderOpis .hidden {
display: block!important
}
#enderOpis header .setLogo {
float: right;
padding-top: 30px
}
#enderOpis .containerBox section#enderDesc header p.setMorele {
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 24px;
width: 50px
}
#enderOpis .containerBox section#enderDesc header p.setMorele span {
font-size: 28px
}
#enderOpis .row:before {
content: " ";
display: none
}
#enderOpis .containerBox section#enderDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1.png) top center no-repeat;
height: 600px;
margin-bottom: 20px
}
#enderOpis .containerBox section#enderOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 1160px;
padding-top: 30px
}
#enderOpis .containerBox section#enderFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
height: 500px;
padding-top: 50px
}
#enderOpis .containerBox section#enderSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4a.png) top center no-repeat;
height: 590px;
padding-top: 100px
}
#enderOpis .containerBox section#enderObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) top center no-repeat;
height: 890px;
padding-top: 30px
}
#enderOpis .containerBox section#enderMontaz {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background5.png) top center no-repeat;
height: 1e3px
}
#enderOpis .containerBox section#enderMontaz h1 {
padding-top: 90px;
padding-bottom: 40px
}
#enderOpis .containerBox section#enderMontaz p {
padding-bottom: 40px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie h1 {
color: #fff
}
#enderOpis .containerBox section#enderMontaz .col-lg-12 {
padding-left: 0;
padding-right: 0
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie p {
color: #000;
font-size: 18px
}
#enderOpis .containerBox section#enderDesc h1 {
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 48px;
display: inline;
background-color: #000;
text-transform: uppercase;
padding-right: 5px;
padding-left: 5px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie img {
width: 100%
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie .pakowanie1 {
margin-top: 100px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie .pakowanie2 {
margin-top: 150px
}
#enderOpis .containerBox section#enderDesc p,
#enderOpis .containerBox section#enderOsiagi p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#enderOpis .containerBox section#enderOsiagi h1 {
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 48px;
text-transform: uppercase;
margin-top: 180px
}
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow1 h2 {
color: #ffc800;
font-size: 24px;
font-weight: 500;
line-height: 24px
}
#enderOpis .containerBox section#enderDesc .enderTitle {
margin-top: 130px
}
#enderOpis .containerBox section#enderDesc .enderDescDesc {
margin-top: 30px
}
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow2 p,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow3 p,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow4 p,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow5 p,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow6 p,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow7 p,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow8 p {
color: #fff;
font-size: 24px;
font-weight: 500
}
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableImage,
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableFps p {
height: 80px;
line-height: 80px
}
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow1 h2 {
color: #ffc800;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase
}
#enderOpis #detailsTableHr {
color: #ffc800
}
#enderOpis #detailsTableHr hr {
border-top: 1px solid #ffc800;
background-color: #ffc800;
display: block
}
#enderOpis .containerBox section#enderSpecyfikacja h1 {
color: #fff;
font-size: 30px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
padding: 0;
margin: 0
}
#enderOpis .containerBox section#enderSpecyfikacja h2 {
color: #000;
font-size: 30px;
font-weight: 600;
line-height: 36px;
padding: 0;
margin: 0
}
#enderOpis .containerBox section#enderSpecyfikacja p {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#enderOpis .containerBox section#enderSpecyfikacja img {
padding-top: 150px
}
#enderOpis .containerBox section#enderObudowa ul {
padding: 0;
margin: 0
}
#enderOpis .containerBox section#enderObudowa ul li {
list-style-type: none;
clear: both;
padding-top: 18px;
padding-bottom: 12px
}
#enderOpis .containerBox section#enderObudowa ul li img {
display: inline;
margin-right: 10px;
margin-left: 10px
}
#enderOpis .containerBox section#enderObudowa ul.listOne img {
float: left
}
#enderOpis .containerBox section#enderObudowa ul.listTwo img {
float: right
}
#enderOpis .containerBox section#enderOsiagi .detailsTable .detailsTableRow1 img {
width: 80%
}
#enderOpis .containerBox section#enderObudowa h1,
#enderOpis .containerBox section#enderMontaz h1 {
color: #ffc700;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase
}
#enderOpis .containerBox section#enderMontaz h1 {
margin-top: 100px;
margin-bottom: 40px
}
#enderOpis .containerBox section#enderObudowa h2 {
color: #fff;
font-size: 30px;
font-weight: 500;
line-height: 36px;
margin: 0;
padding: 0
}
#enderOpis .containerBox section#enderObudowa p,
#enderOpis .containerBox section#enderMontaz p {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 30px
}
#enderOpis .containerBox section#enderObudowa ul li h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 0;
margin: 0;
margin-top: 30px
}
#enderOpis .containerBox section#enderObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 80px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie .col-lg-6 {
padding-right: 0;
padding-left: 0
}
#enderOpis .containerBox section#enderObudowa ul li p {
color: #666;
font-size: 16px;
font-weight: 500
}
#enderOpis .containerBox section#enderObudowa .col-lg-4 {
padding-left: 0;
padding-right: 0
}
#enderOpis .containerBox section#enderObudowa .middleColumn img {
padding-top: 50px
}
#enderOpis .containerBox section#enderObudowa .middleColumn p {
padding-top: 25px
}
#enderOpis .containerBox .yellowText {
color: #fc0
}
#enderOpis .containerBox .greyText {
color: #666
}
#enderOpis .containerBox #enderFilm .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
#enderOpis .containerBox #enderFilm .video-container iframe,
#enderOpis .containerBox #enderFilm .video-container object,
#enderOpis .containerBox #enderFilm .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media(max-width:1229px) {
#enderOpis .containerBox section#enderSpecyfikacja img {
padding-top: 150px;
padding-left: 50px
}
#enderOpis .containerBox section#enderObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 125px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie {
padding-top: 100px
}
}
@media(max-width:1024px) {
#enderOpis .containerBox section#enderDesc {
height: initial;
display: inline-block;
margin-bottom: 20px
}
#enderOpis .containerBox section#enderOsiagi {
height: initial;
padding-top: 30px;
display: inline-block
}
#enderOpis .containerBox section#enderSpecyfikacja {
background-size: cover;
display: inline-block;
padding-bottom: 100px
}
#enderOpis .containerBox section#enderOsiagi #enderOpis .containerBox section#enderMontaz {
height: initial;
display: inline-block
}
#enderOpis .containerBox section#enderSpecyfikacja p {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#enderOpis .containerBox section#enderObudowa h1,
#enderOpis .containerBox section#enderMontaz h1 {
color: #ffc700;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px
}
#enderOpis .containerBox section#enderObudowa h1,
#enderOpis .containerBox section#enderMontaz #enderPakowanie h1 {
margin-top: 0
}
#enderOpis .containerBox section#enderObudowa {
height: initial;
padding-top: 30px;
display: inline-block;
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) bottom center no-repeat
}
#enderOpis .containerBox section#enderMontaz p img {
padding-top: 140px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie {
padding-top: 0
}
#enderOpis .containerBox section#enderObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 100px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie img {
margin-top: 20px
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie img:first-child {
width: 60%;
float: left
}
}
@media(max-width:767px) {
#enderOpis .containerBox section#enderDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie .pakowanie1,
#enderOpis .containerBox section#enderMontaz #enderPakowanie .pakowanie2 {
margin-top: 10px
}
#enderOpis .containerBox section#enderOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
display: inline-block
}
#enderOpis .containerBox section#enderFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
display: inline-block
}
#enderOpis .containerBox section#enderSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile4a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#enderOpis .containerBox section#enderObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#enderOpis .containerBox section#enderMontaz {
background: 0 0
}
#enderOpis .containerBox section#enderMontaz #paddingMobile {
padding: 0;
margin: 0
}
#enderOpis .containerBox section#enderMontaz #enderMontazMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6b.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit;
padding-top: 50px
}
#enderOpis .containerBox section#enderDesc img {
padding-top: 100px
}
#enderOpis .containerBox section#enderDesc header img {
padding-top: 0
}
#enderOpis .containerBox section#enderDesc #enderTitle {
margin-top: 20px
}
#enderOpis .containerBox section#enderSpecyfikacja img {
padding-top: 50px;
padding-left: 0;
margin: 0 auto
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie img:first-child {
width: initial
}
#enderOpis .containerBox section#enderMontaz #enderPakowanie .pillow {
margin-top: 80px
}
}
@media(max-width:400px) {
#enderOpis .hidden {
display: none!important
}
}
#eliteOpis * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#eliteOpis .containerBox {
background-color: #000;
color: #fff;
font-family: rajdhani, sans-serif
}
#eliteOpis .containerBox #eliteDesc header {
margin-top: 20px
}
#eliteOpis .hidden {
display: block!important
}
#eliteOpis header .setLogo {
float: right;
padding-top: 30px
}
#eliteOpis .containerBox section#eliteDesc header p.setMorele {
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 24px;
width: 50px
}
#eliteOpis .containerBox section#eliteDesc header p.setMorele span {
font-size: 28px
}
#eliteOpis .row:before {
content: " ";
display: none
}
#eliteOpis .containerBox section#eliteDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1.png) top center no-repeat;
height: 600px;
margin-bottom: 20px
}
#eliteOpis .containerBox section#eliteOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 1160px;
padding-top: 30px
}
#eliteOpis .containerBox section#eliteFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
height: 500px;
padding-top: 50px
}
#eliteOpis .containerBox section#eliteSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4a.png) top center no-repeat;
height: 590px;
padding-top: 100px
}
#eliteOpis .containerBox section#eliteObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background6.png) bottom center no-repeat;
height: 810px;
padding-top: 30px
}
#eliteOpis .containerBox section#eliteMontaz {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background5.png) top center no-repeat;
display: inline-block;
background-size: cover
}
#eliteOpis .containerBox section#eliteMontaz h1 {
padding-top: 90px;
padding-bottom: 40px
}
#eliteOpis .containerBox section#eliteMontaz p {
padding-bottom: 40px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie h1 {
color: #000
}
#eliteOpis .containerBox section#eliteMontaz .col-lg-12 {
padding-left: 0;
padding-right: 0
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie p {
color: #fff;
font-size: 18px
}
#eliteOpis .containerBox section#eliteDesc h1 {
color: #fff;
font-size: 44px;
font-weight: 500;
line-height: 48px;
display: inline;
background-color: #000;
text-transform: uppercase;
padding-right: 5px;
padding-left: 5px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie img {
width: 100%
}
#eliteOpis .containerBox section#eliteDesc p,
#eliteOpis .containerBox section#eliteOsiagi p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#eliteOpis .containerBox section#eliteOsiagi h1 {
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 48px;
text-transform: uppercase;
margin-top: 180px
}
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow1 h2 {
color: #c00;
font-size: 24px;
font-weight: 500;
line-height: 24px
}
#eliteOpis .containerBox section#eliteDesc .eliteTitle {
margin-top: 130px
}
#eliteOpis .containerBox section#eliteDesc .eliteDescDesc {
margin-top: 30px
}
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow2 p,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow3 p,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow4 p,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow5 p,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow6 p,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow7 p,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow8 p {
color: #fff;
font-size: 24px;
font-weight: 500
}
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableImage,
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableFps p {
height: 80px;
line-height: 80px
}
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow1 h2 {
color: #c00;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase
}
#eliteOpis .containerBox #detailsTableHr {
color: #c00
}
#eliteOpis .containerBox #detailsTableHr hr {
border-top: 1px solid #c00;
background-color: #c00;
display: block
}
#eliteOpis .containerBox section#eliteSpecyfikacja h1 {
color: #000;
font-size: 30px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
padding: 0;
margin: 0
}
#eliteOpis .containerBox section#eliteSpecyfikacja h2 {
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 36px;
padding: 0;
margin: 0
}
#eliteOpis .containerBox section#eliteSpecyfikacja p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#eliteOpis .containerBox section#eliteSpecyfikacja img {
padding-top: 150px
}
#eliteOpis .containerBox section#eliteObudowa ul {
padding: 0;
margin: 0
}
#eliteOpis .containerBox section#eliteObudowa ul li {
list-style-type: none;
clear: both;
padding-top: 18px;
padding-bottom: 12px
}
#eliteOpis .containerBox section#eliteObudowa ul li img {
display: inline;
margin-right: 10px;
margin-left: 10px
}
#eliteOpis .containerBox section#eliteObudowa ul.listOne img {
float: left
}
#eliteOpis .containerBox section#eliteObudowa ul.listTwo img {
float: right
}
#eliteOpis .containerBox section#eliteOsiagi .detailsTable .detailsTableRow1 img {
width: 80%
}
#eliteOpis .containerBox section#eliteObudowa h1,
#eliteOpis .containerBox section#eliteMontaz h1 {
color: #c00;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase
}
#eliteOpis .containerBox section#eliteMontaz h1 {
margin-top: 100px;
margin-bottom: 40px
}
#eliteOpis .containerBox section#eliteObudowa h2 {
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 36px;
margin: 0;
padding: 0
}
#eliteOpis .containerBox section#eliteObudowa p,
#eliteOpis .containerBox section#eliteMontaz p {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 30px
}
#eliteOpis .containerBox section#eliteObudowa ul li h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 0;
margin: 0;
margin-top: 30px
}
#eliteOpis .containerBox section#eliteObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 80px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie .col-lg-6 {
padding-right: 0;
padding-left: 0
}
#eliteOpis .containerBox section#eliteObudowa ul li p {
color: #666;
font-size: 16px;
font-weight: 500
}
#eliteOpis .containerBox section#eliteObudowa .col-lg-4 {
padding-left: 0;
padding-right: 0
}
#eliteOpis .containerBox section#eliteObudowa .middleColumn img {
padding-top: 15px
}
#eliteOpis .containerBox section#eliteObudowa .middleColumn p {
padding-top: 0
}
#eliteOpis .containerBox .redText {
color: #c00
}
#eliteOpis .containerBox .greyText {
color: #666
}
#eliteOpis .containerBox #eliteFilm .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
#eliteOpis .containerBox #eliteFilm .video-container iframe,
#eliteOpis .containerBox #eliteFilm .video-container object,
#eliteOpis .containerBox #eliteFilm .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media(max-width:1229px) {
#eliteOpis .containerBox section#eliteSpecyfikacja img {
padding-top: 150px;
padding-left: 50px
}
#eliteOpis .containerBox section#eliteObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 125px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie {
padding-top: 100px
}
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie .pakowanie1 {
margin-top: 100px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie .pakowanie2 {
margin-top: 150px
}
@media(max-width:1024px) {
#eliteOpis .containerBox section#eliteDesc {
height: initial;
display: inline-block;
margin-bottom: 20px
}
#eliteOpis .containerBox section#eliteOsiagi {
height: initial;
padding-top: 30px;
display: inline-block
}
#eliteOpis .containerBox section#eliteSpecyfikacja {
background-size: cover;
display: inline-block;
padding-bottom: 100px
}
#eliteOpis .containerBox section#eliteOsiagi #eliteOpis .containerBox section#eliteMontaz {
height: initial;
display: inline-block
}
#eliteOpis .containerBox section#eliteSpecyfikacja p {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#eliteOpis .containerBox section#eliteObudowa h1,
#eliteOpis .containerBox section#eliteMontaz h1 {
color: #c00;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px
}
#eliteOpis .containerBox section#eliteObudowa h1 {
margin-top: 0
}
#eliteOpis .containerBox section#eliteObudowa {
height: initial;
padding-top: 30px;
display: inline-block;
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background6.png) bottom center no-repeat
}
#eliteOpis .containerBox #elitePakowanie h1 {
margin-top: -10px
}
#eliteOpis .containerBox section#eliteMontaz p img {
padding-top: 0;
padding-bottom: 20px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie {
padding-top: 0
}
#eliteOpis .containerBox section#eliteObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 100px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie img {
margin-top: 20px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie img:first-child {
float: left
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie .pakowanie1 {
margin-top: 10px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie .pakowanie2 {
margin-top: 100px
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie h1 {
color: #000;
padding-bottom: 10px
}
#eliteOpis .containerBox section#eliteMontaz p {
padding-bottom: 40px;
margin-bottom: 20px
}
}
@media(max-width:767px) {
#eliteOpis .containerBox section#eliteDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#eliteOpis .containerBox section#eliteOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
display: inline-block
}
#eliteOpis .containerBox section#eliteFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
display: inline-block
}
#eliteOpis .containerBox section#eliteSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile4a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#eliteOpis .containerBox section#eliteObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#eliteOpis .containerBox section#eliteMontaz {
background: 0 0
}
#eliteOpis .containerBox section#eliteMontaz #paddingMobile {
padding: 0;
margin: 0
}
#eliteOpis .containerBox section#eliteMontaz #eliteMontazMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6b.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit;
padding-top: 50px
}
#eliteOpis .containerBox section#eliteDesc img {
padding-top: 100px
}
#eliteOpis .containerBox section#eliteDesc header img {
padding-top: 0
}
#eliteOpis .containerBox section#eliteDesc #eliteTitle {
margin-top: 20px
}
#eliteOpis .containerBox section#eliteSpecyfikacja img {
padding-top: 50px;
padding-left: 0;
margin: 0 auto
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie img:first-child {
width: initial
}
#eliteOpis .containerBox section#eliteMontaz #elitePakowanie .pillow {
margin-top: 80px
}
}
@media(max-width:400px) {
#eliteOpis .hidden {
display: none!important
}
}
#challengerOpis * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#challengerOpis .containerBox {
background-color: #000;
color: #fff;
font-family: rajdhani, sans-serif
}
#challengerOpis .containerBox #challengerDesc header {
margin-top: 20px
}
#challengerOpis .hidden {
display: block!important
}
#challengerOpis header .setLogo {
float: right;
padding-top: 30px
}
#challengerOpis .containerBox section#challengerDesc header p.setMorele {
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 24px;
width: 50px
}
#challengerOpis .containerBox section#challengerDesc header p.setMorele span {
font-size: 28px
}
#challengerOpis .row:before {
content: " ";
display: none
}
#challengerOpis .containerBox section#challengerDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1.png) top center no-repeat;
height: 600px;
margin-bottom: 20px
}
#challengerOpis .containerBox section#challengerOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 1160px;
padding-top: 30px
}
#challengerOpis .containerBox section#challengerFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
height: 500px;
padding-top: 50px
}
#challengerOpis .containerBox section#challengerSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) top center no-repeat;
height: 590px;
padding-top: 100px
}
#challengerOpis .containerBox section#challengerObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background5.png) bottom center no-repeat;
height: 815px;
padding-top: 30px
}
#challengerOpis .containerBox section#challengerMontaz {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background6.png) top center no-repeat;
display: inline-block;
background-size: cover
}
#challengerOpis .containerBox section#challengerMontaz h1 {
padding-top: 90px;
padding-bottom: 40px
}
#challengerOpis .containerBox section#challengerMontaz p {
padding-bottom: 40px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie h1 {
color: #fff
}
#challengerOpis .containerBox section#challengerMontaz .col-lg-12 {
padding-left: 0;
padding-right: 0
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie p {
color: #000;
font-size: 18px
}
#challengerOpis .containerBox section#challengerDesc h1 {
color: #fff;
font-size: 45px;
font-weight: 500;
line-height: 48px;
display: inline;
background-color: #000;
text-transform: uppercase;
padding-right: 5px;
padding-left: 5px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie img {
width: 100%
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie .pakowanie1 {
margin-top: 100px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie .pakowanie2 {
margin-top: 150px
}
#challengerOpis .containerBox section#challengerDesc p,
#challengerOpis .containerBox section#challengerOsiagi p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#challengerOpis .containerBox section#challengerOsiagi h1 {
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 48px;
text-transform: uppercase;
margin-top: 180px
}
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow1 h2 {
color: #09f;
font-size: 24px;
font-weight: 500;
line-height: 24px
}
#challengerOpis .containerBox section#challengerDesc .challengerTitle {
margin-top: 130px
}
#challengerOpis .containerBox section#challengerDesc .challengerDescDesc {
margin-top: 30px
}
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow2 p,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow3 p,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow4 p,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow5 p,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow6 p,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow7 p,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow8 p {
color: #fff;
font-size: 24px;
font-weight: 500
}
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableImage,
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableFps p {
height: 80px;
line-height: 80px
}
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow1 h2 {
color: #09f;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase
}
#challengerOpis .containerBox #detailsTableHr {
color: #09f
}
#challengerOpis .containerBox #detailsTableHr hr {
border-top: 1px solid #09f;
background-color: #09f;
display: block
}
#challengerOpis .containerBox section#challengerSpecyfikacja h1 {
color: #000;
font-size: 30px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
padding: 0;
margin: 0
}
#challengerOpis .containerBox section#challengerSpecyfikacja h2 {
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 36px;
padding: 0;
margin: 0
}
#challengerOpis .containerBox section#challengerSpecyfikacja p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#challengerOpis .containerBox section#challengerSpecyfikacja img {
padding-top: 150px
}
#challengerOpis .containerBox section#challengerObudowa ul {
padding: 0;
margin: 0
}
#challengerOpis .containerBox section#challengerObudowa ul li {
list-style-type: none;
clear: both;
padding-top: 18px;
padding-bottom: 12px
}
#challengerOpis .containerBox section#challengerObudowa ul li img {
display: inline;
margin-right: 10px;
margin-left: 10px
}
#challengerOpis .containerBox section#challengerObudowa ul.listOne img {
float: left
}
#challengerOpis .containerBox section#challengerObudowa ul.listTwo img {
float: right
}
#challengerOpis .containerBox section#challengerOsiagi .detailsTable .detailsTableRow1 img {
width: 80%
}
#challengerOpis .containerBox section#challengerObudowa h1,
#challengerOpis .containerBox section#challengerMontaz h1 {
color: #09f;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase
}
#challengerOpis .containerBox section#challengerMontaz h1 {
margin-top: 100px;
margin-bottom: 40px
}
#challengerOpis .containerBox section#challengerObudowa h2 {
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 36px;
margin: 0;
padding: 0
}
#challengerOpis .containerBox section#challengerObudowa p,
#challengerOpis .containerBox section#challengerMontaz p {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 30px
}
#challengerOpis .containerBox section#challengerObudowa ul li h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 0;
margin: 0;
margin-top: 30px
}
#challengerOpis .containerBox section#challengerObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 80px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie .col-lg-6 {
padding-right: 0;
padding-left: 0
}
#challengerOpis .containerBox section#challengerObudowa ul li p {
color: #666;
font-size: 16px;
font-weight: 500
}
#challengerOpis .containerBox section#challengerObudowa .col-lg-4 {
padding-left: 0;
padding-right: 0
}
#challengerOpis .containerBox section#challengerObudowa .middleColumn img {
padding-top: 25px
}
#challengerOpis .containerBox section#challengerObudowa .middleColumn p {
padding-top: 5px
}
#challengerOpis .containerBox .yellowText {
color: #09f
}
#challengerOpis .containerBox .greyText {
color: #666
}
#challengerOpis .containerBox #challengerFilm .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
#challengerOpis .containerBox #challengerFilm .video-container iframe,
#challengerOpis .containerBox #challengerFilm .video-container object,
#challengerOpis .containerBox #challengerFilm .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media(max-width:1229px) {
#challengerOpis .containerBox section#challengerSpecyfikacja img {
padding-top: 150px;
padding-left: 50px
}
#challengerOpis .containerBox section#challengerObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 125px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie {
padding-top: 100px
}
}
@media(max-width:1024px) {
#challengerOpis .containerBox section#challengerDesc {
height: initial;
display: inline-block;
margin-bottom: 20px
}
#challengerOpis .containerBox section#challengerOsiagi {
height: initial;
padding-top: 30px;
display: inline-block
}
#challengerOpis .containerBox section#challengerSpecyfikacja {
background-size: cover;
display: inline-block;
padding-bottom: 100px
}
#challengerOpis .containerBox section#challengerMontaz {
height: initial;
display: inline-block
}
#challengerOpis .containerBox section#challengerSpecyfikacja p {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#challengerOpis .containerBox section#challengerObudowa h1,
#challengerOpis .containerBox section#challengerMontaz h1 {
color: #09f;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px
}
#challengerOpis .containerBox section#challengerObudowa h1,
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie h1 {
margin-top: 0
}
#challengerOpis .containerBox section#challengerObudowa {
height: initial;
padding-top: 30px;
display: inline-block
}
#challengerOpis .containerBox section#challengerMontaz p img {
padding-top: 0
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie {
padding-top: 0
}
#challengerOpis .containerBox section#challengerObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 100px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie img {
margin-top: 20px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie img:first-child {
float: left
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie .pakowanie1 {
margin-top: 10px
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie .pakowanie2 {
margin-top: 85px
}
}
@media(max-width:767px) {
#challengerOpis .containerBox section#challengerDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#challengerOpis .containerBox section#challengerOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
display: inline-block
}
#challengerOpis .containerBox section#challengerFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
display: inline-block
}
#challengerOpis .containerBox section#challengerSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile4a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#challengerOpis .containerBox section#challengerObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/landingpage/background4.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#challengerOpis .containerBox section#challengerMontaz {
background: 0 0
}
#challengerOpis .containerBox section#challengerMontaz #paddingMobile {
padding: 0;
margin: 0
}
#challengerOpis .containerBox section#challengerMontaz #challengerMontazMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6b.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit;
padding-top: 50px
}
#challengerOpis .containerBox section#challengerDesc img {
padding-top: 100px
}
#challengerOpis .containerBox section#challengerDesc header img {
padding-top: 0
}
#challengerOpis .containerBox section#challengerDesc #challengerTitle {
margin-top: 20px
}
#challengerOpis .containerBox section#challengerSpecyfikacja img {
padding-top: 50px;
padding-left: 0;
margin: 0 auto
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie img:first-child {
width: initial
}
#challengerOpis .containerBox section#challengerMontaz #challengerPakowanie .pillow {
margin-top: 80px
}
}
@media(max-width:400px) {
#challengerOpis .hidden {
display: none!important
}
}
#supremeOpis * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie .pakowanie1 {
margin-top: 100px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie .pakowanie2 {
margin-top: 150px
}
#supremeOpis .containerBox {
background-color: #000;
color: #fff;
font-family: rajdhani, sans-serif
}
#supremeOpis .containerBox #supremeDesc header {
margin-top: 20px
}
#supremeOpis .hidden {
display: block!important
}
#supremeOpis header .setLogo {
float: right;
padding-top: 30px
}
#supremeOpis .containerBox section#supremeDesc header p.setMorele {
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 24px;
width: 50px
}
#supremeOpis .containerBox section#supremeDesc header p.setMorele span {
font-size: 28px
}
#supremeOpis .row:before {
content: " ";
display: none
}
#supremeOpis .containerBox section#supremeDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1.png) top center no-repeat;
height: 640px;
margin-bottom: 20px
}
#supremeOpis .containerBox section#supremeOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 1160px;
padding-top: 30px
}
#supremeOpis .containerBox section#supremeFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
height: 500px;
padding-top: 50px
}
#supremeOpis .containerBox section#supremeSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4a.png) top center no-repeat;
height: 590px;
padding-top: 100px
}
#supremeOpis .containerBox section#supremeObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) bottom center no-repeat;
height: 764px;
padding-top: 30px
}
#supremeOpis .containerBox section#supremeMontaz {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background5.png) top center no-repeat;
display: inline-block;
background-size: cover
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie {
margin-top: 90px
}
#supremeOpis .containerBox section#supremeMontaz h1 {
padding-top: 120px;
padding-bottom: 40px
}
#supremeOpis .containerBox section#supremeMontaz p {
padding-bottom: 40px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie h1 {
color: #fff
}
#supremeOpis .containerBox section#supremeMontaz .col-lg-12 {
padding-left: 0;
padding-right: 0
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie p {
color: #000;
font-size: 18px
}
#supremeOpis .containerBox section#supremeDesc h1 {
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 48px;
display: inline;
background-color: #000;
text-transform: uppercase;
padding-right: 5px;
padding-left: 5px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie img {
width: 100%
}
#supremeOpis .containerBox section#supremeDesc p,
#supremeOpis .containerBox section#supremeOsiagi p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#supremeOpis .containerBox section#supremeOsiagi h1 {
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 48px;
text-transform: uppercase;
margin-top: 180px
}
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow1 h2 {
color: #c28eff;
font-size: 24px;
font-weight: 500;
line-height: 24px
}
#supremeOpis .containerBox section#supremeDesc .supremeTitle {
margin-top: 130px
}
#supremeOpis .containerBox section#supremeDesc .supremeDescDesc {
margin-top: 30px
}
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow2 p,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow3 p,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow4 p,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow5 p,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow6 p,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow7 p,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow8 p {
color: #fff;
font-size: 24px;
font-weight: 500
}
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableImage,
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableFps p {
height: 80px;
line-height: 80px
}
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow1 h2 {
color: #c28eff;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase
}
#supremeOpis #detailsTableHr {
color: #c28eff
}
#supremeOpis #detailsTableHr hr {
border-top: 1px solid #c28eff;
background-color: #c28eff;
display: block
}
#supremeOpis .containerBox section#supremeSpecyfikacja h1 {
color: #000;
font-size: 30px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
padding: 0;
margin: 0
}
#supremeOpis .containerBox section#supremeSpecyfikacja h2 {
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 36px;
padding: 0;
margin: 0
}
#supremeOpis .containerBox section#supremeSpecyfikacja p {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#supremeOpis .containerBox section#supremeSpecyfikacja img {
padding-top: 150px
}
#supremeOpis .containerBox section#supremeObudowa ul {
padding: 0;
margin: 0
}
#supremeOpis .containerBox section#supremeObudowa ul li {
list-style-type: none;
clear: both;
padding-top: 18px;
padding-bottom: 12px
}
#supremeOpis .containerBox section#supremeObudowa ul li img {
display: inline;
margin-right: 10px;
margin-left: 10px
}
#supremeOpis .containerBox section#supremeObudowa ul.listOne img {
float: left
}
#supremeOpis .containerBox section#supremeObudowa ul.listTwo img {
float: right
}
#supremeOpis .containerBox section#supremeOsiagi .detailsTable .detailsTableRow1 img {
width: 80%
}
#supremeOpis .containerBox section#supremeObudowa h1,
#supremeOpis .containerBox section#supremeMontaz h1 {
color: #c28eff;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase
}
#supremeOpis .containerBox section#supremeMontaz h1 {
margin-top: 100px;
margin-bottom: 40px
}
#supremeOpis .containerBox section#supremeObudowa h2 {
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 36px;
margin: 0;
padding: 0
}
#supremeOpis .containerBox section#supremeObudowa p,
#supremeOpis .containerBox section#supremeMontaz p {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 30px
}
#supremeOpis .containerBox section#supremeObudowa ul li h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 0;
margin: 0;
margin-top: 30px
}
#supremeOpis .containerBox section#supremeObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 80px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie .col-lg-6 {
padding-right: 0;
padding-left: 0
}
#supremeOpis .containerBox section#supremeObudowa ul li p {
color: #666;
font-size: 16px;
font-weight: 500
}
#supremeOpis .containerBox section#supremeObudowa .col-lg-4 {
padding-left: 0;
padding-right: 0
}
#supremeOpis .containerBox section#supremeObudowa .middleColumn img {
padding-top: 20px
}
#supremeOpis .containerBox section#supremeObudowa .middleColumn p {
padding-top: 15px
}
#supremeOpis .containerBox .yellowText {
color: #c28eff
}
#supremeOpis .containerBox .greyText {
color: #666
}
#supremeOpis .containerBox #supremeFilm .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
#supremeOpis .containerBox #supremeFilm .video-container iframe,
#supremeOpis .containerBox #supremeFilm .video-container object,
#supremeOpis .containerBox #supremeFilm .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media(max-width:1229px) {
#supremeOpis .containerBox section#supremeSpecyfikacja img {
padding-top: 150px;
padding-left: 50px
}
#supremeOpis .containerBox section#supremeObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 125px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie {
padding-top: 100px
}
}
@media(max-width:1024px) {
#supremeOpis .containerBox #supremePakowanie {
margin-top: 20px
}
#supremeOpis .containerBox #supremePakowanie .pakowanie1 {
margin-top: 7px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie .pakowanie2 {
margin-top: 70px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie p {
color: #000;
font-size: 18px;
padding-bottom: 60px
}
#supremeOpis .containerBox section#supremeDesc {
height: initial;
display: inline-block;
margin-bottom: 20px
}
#supremeOpis .containerBox section#supremeOsiagi {
height: initial;
padding-top: 30px;
display: inline-block
}
#supremeOpis .containerBox section#supremeSpecyfikacja {
background-size: cover;
display: inline-block;
padding-bottom: 100px
}
#supremeOpis .containerBox section#supremeMontaz {
height: initial;
display: inline-block
}
#supremeOpis .containerBox section#supremeSpecyfikacja p {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
#supremeOpis .containerBox section#supremeObudowa h1,
#supremeOpis .containerBox section#supremeMontaz h1 {
color: #c28eff;
font-size: 30px;
font-weight: 400;
padding: 0;
margin: 0;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px
}
#supremeOpis .containerBox section#supremeObudowa h1,
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie h1 {
margin-top: 0
}
#supremeOpis .containerBox section#supremeObudowa {
height: initial;
padding-top: 30px;
display: inline-block;
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) bottom center no-repeat
}
#supremeOpis .containerBox section#supremeMontaz p img {
padding-top: 55px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie {
padding-top: 0
}
#supremeOpis .containerBox section#supremeObudowa ul.listTwo li h3 {
text-align: left;
padding-left: 100px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie img {
margin-top: 20px
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie img:first-child {
float: left
}
}
@media(max-width:767px) {
#supremeOpis .containerBox section#supremeDesc {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#supremeOpis .containerBox section#supremeOsiagi {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
display: inline-block
}
#supremeOpis .containerBox section#supremeFilm {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
display: inline-block
}
#supremeOpis .containerBox section#supremeSpecyfikacja {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile4a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#supremeOpis .containerBox section#supremeObudowa {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background4.png) top center no-repeat;
background-size: cover;
display: inline-block
}
#supremeOpis .containerBox section#supremeMontaz {
background: 0 0
}
#supremeOpis .containerBox section#supremeMontaz #paddingMobile {
padding: 0;
margin: 0
}
#supremeOpis .containerBox section#supremeMontaz #supremeMontazMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6a.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile6b.png) top center no-repeat;
background-size: cover;
display: inline-block;
height: inherit;
padding-top: 50px
}
#supremeOpis .containerBox section#supremeDesc img {
padding-top: 100px
}
#supremeOpis .containerBox section#supremeDesc header img {
padding-top: 0
}
#supremeOpis .containerBox section#supremeDesc #supremeTitle {
margin-top: 20px
}
#supremeOpis .containerBox section#supremeSpecyfikacja img {
padding-top: 50px;
padding-left: 0;
margin: 0 auto
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie img:first-child {
width: initial
}
#supremeOpis .containerBox section#supremeMontaz #supremePakowanie .pillow {
margin-top: 80px
}
}
@media(max-width:400px) {
#supremeOpis .hidden {
display: none!important
}
}
#workstudio * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#workstudio {
background-color: #388cff
}
#workstudio section#work1 .workstudio_opis {
font-family: opensans, sans-serif;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 30px;
padding-top: 50px
}
#workstudio section#work2 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left;
column-count: 2;
padding-bottom: 40px
}
#workstudio section#work3 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 30px;
text-align: left;
padding-top: 40px
}
#workstudio section#work3Alpha p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 30px;
text-align: left;
padding-top: 40px
}
#workstudio section#work3 .workstudio_obudowa2 {
padding-top: 200px
}
#workstudio section#work3Alpha .workstudio_obudowa2 {
padding-top: 0
}
#workstudio section#work3 .workstudio_obudowa1 {
padding-top: 100px
}
#workstudio section#work3Alpha .workstudio_obudowa1 {
padding-top: 100px
}
#workstudio section#work4 h1 {
font-family: rajdhani, sans-serif;
color: #388cff;
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: left;
text-transform: uppercase
}
#workstudio section#work4 p,
#workstudio section#work5 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left
}
#workstudio section#work5 h1 {
font-family: rajdhani, sans-serif;
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: left;
text-transform: uppercase
}
#workstudio section#work1 img {
padding-top: 40px;
padding-bottom: 40px
}
#workstudio section#work5 .pakowanie1 img {
width: 100%;
padding-top: 40px
}
#workstudio section#work5 .pakowanie2 img {
padding-top: 80px
}
#workstudio section#work1 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1.png) top center no-repeat;
height: 820px
}
#workstudio section#work2 {
background-color: #388cff;
display: inline-block
}
#workstudio section#work3 {
background-color: #006cff;
height: 550px
}
#workstudio section#work3Alpha {
background-color: #006cff;
height: 529px
}
#workstudio section#work5 {
background-color: #388cff;
display: inline-block;
padding-top: 50px;
padding-bottom: 50px
}
#workstudio section#work4 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 520px
}
@media(max-width:1024px) {
#workstudio section#work3 .workstudio_obudowa1 img {
width: 100%
}
#workstudio section#work3Alpha .workstudio_obudowa1 img {
width: 100%
}
}
@media(max-width:767px) {
#workstudio section#work1 {
background: 0 0;
height: initial
}
#workstudio section#work1 .work1aMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile1.png) top center no-repeat;
padding-bottom: 230px
}
#workstudio section#work1 .work1bMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile2.png) top center no-repeat;
display: inline-block
}
#workstudio section#work2 p {
column-count: 1
}
#workstudio {
background-color: transparent
}
#workstudio section#work2 {
margin-left: 10px;
margin-right: 10px
}
#workstudio section#work3 {
background-color: #006cff;
height: initial;
display: inline-block;
margin-left: 10px;
margin-right: 10px
}
#workstudio section#work3Alpha {
background-color: #006cff;
height: initial;
display: inline-block;
margin-left: 10px;
margin-right: 10px
}
#workstudio section#work4 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile3.png) top center no-repeat;
display: inline-block;
padding-top: 406px;
margin-left: 10px;
margin-right: 10px;
background-size: cover;
height: inherit
}
#workstudio section#work5 {
margin-left: 10px;
margin-right: 10px
}
}
#creative * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#creative {
background-color: #388cff
}
#creative section#work1 .creative_opis {
font-family: opensans, sans-serif;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 30px;
padding-top: 50px
}
#creative section#work2 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left;
column-count: 2;
padding-bottom: 40px
}
#creative section#work3 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 30px;
text-align: left;
padding-top: 40px
}
#creative section#work3 .creative_obudowa2 {
padding-top: 200px
}
#creative section#work3 .creative_obudowa1 {
padding-top: 100px
}
#creative section#work4 h1 {
font-family: rajdhani, sans-serif;
color: #388cff;
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: left;
text-transform: uppercase
}
#creative section#work4 p,
#creative section#work5 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left
}
#creative section#work5 h1 {
font-family: rajdhani, sans-serif;
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: left;
text-transform: uppercase
}
#creative section#work1 img {
padding-top: 40px;
padding-bottom: 40px
}
#creative section#work5 .pakowanie1 img {
width: 100%;
padding-top: 40px
}
#creative section#work5 .pakowanie2 img {
padding-top: 80px
}
#creative section#work1 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background3.png) top center no-repeat;
height: 820px
}
#creative section#work2 {
background-color: #388cff;
display: inline-block
}
#creative section#work3 {
background-color: #9c00ff;
height: 550px
}
#creative section#work5 {
background-color: #9c00ff;
display: inline-block;
padding-top: 50px;
padding-bottom: 50px
}
#creative section#work4 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 520px
}
@media(max-width:1024px) {
#creative section#work3 .creative_obudowa1 img {
width: 100%
}
}
@media(max-width:767px) {
#creative section#work1 {
background: 0 0;
height: initial
}
#creative section#work1 .work1aMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile1.png) top center no-repeat;
padding-bottom: 230px
}
#creative section#work1 .work1bMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile2.png) top center no-repeat;
display: inline-block
}
#creative section#work2 p {
column-count: 1
}
#creative {
background-color: transparent
}
#creative section#work2 {
margin-left: 10px;
margin-right: 10px
}
#creative section#work3 {
background-color: #9c00ff;
height: initial;
display: inline-block;
margin-left: 10px;
margin-right: 10px
}
#creative section#work4 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile3.png) top center no-repeat;
display: inline-block;
padding-top: 406px;
margin-left: 10px;
margin-right: 10px;
background-size: cover;
height: inherit
}
#creative section#work5 {
margin-left: 10px;
margin-right: 10px
}
}
#home * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#home {
background-color: #84dd2e
}
#home section#home3 {
background-color: #44c008;
height: 529px
}
#home section#work1 .home_opis {
font-family: opensans, sans-serif;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 30px;
padding-top: 50px
}
#home section#work2 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left;
column-count: 2;
padding-bottom: 40px
}
#home section#home3 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 30px;
text-align: left;
padding-top: 40px
}
#home section#home3 .home_obudowa2 {
padding-top: 0
}
#home section#home3 .home_obudowa1 {
padding-top: 100px
}
#home section#work4 h1 {
font-family: rajdhani, sans-serif;
color: #44c008;
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: left;
text-transform: uppercase
}
#home section#work4 p,
#home section#work5 p {
font-family: opensans, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left
}
#home section#work5 h1 {
font-family: rajdhani, sans-serif;
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: left;
text-transform: uppercase
}
#home section#work1 img {
padding-top: 40px;
padding-bottom: 40px
}
#home section#work5 .pakowanie1 img {
width: 100%;
padding-top: 40px
}
#home section#work5 .pakowanie2 img {
padding-top: 80px
}
#home section#work1 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background1.png) top center no-repeat;
height: 800px
}
#home section#work2 {
background-color: #84dd2e;
display: inline-block
}
#home section#work5 {
background-color: #44c008;
display: inline-block;
padding-top: 50px;
padding-bottom: 50px
}
#home section#work4 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background2.png) top center no-repeat;
height: 520px
}
@media(max-width:1024px) {
#home section#home3 .home_obudowa1 img {
width: 100%
}
}
@media(max-width:767px) {
#home section#work1 {
background: 0 0;
height: initial
}
#home section#work1 .work1aMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile1.png) top center no-repeat;
padding-bottom: 500px;
background-size: cover
}
#home section#work1 .work1bMobile {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile2.png) top center no-repeat;
display: inline-block;
background-size: cover
}
#home section#work2 p {
column-count: 1
}
#home {
background-color: transparent
}
#home section#work2 {
margin-left: 10px;
margin-right: 10px
}
#home section#home3 {
background-color: #44c008;
height: initial;
display: inline-block;
margin-left: 10px;
margin-right: 10px
}
#home section#home3 {
background-color: #44c008;
height: initial
}
#home section#work4 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/backgroundMobile3.png) top center no-repeat;
display: inline-block;
padding-top: 406px;
margin-left: 10px;
margin-right: 10px;
background-size: cover;
height: inherit
}
#home section#work5 {
margin-left: 10px;
margin-right: 10px
}
}
#challengerOpis #challengerObudowa5670 {
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/background5.png) bottom center no-repeat;
height: 846px;
padding-top: 30px
}
#creative .obudowa_right {
position: absolute;
right: -15px
}
#home .home_obudowa3 {
padding-top: 0
}
.outlet-widget {
position: relative;
min-height: 170px
}
.outlet-widget .ow-item {
border-top: 1px solid #e7e7e7;
padding: 15px 0;
margin: 10px 0
}
.outlet-widget .ow-item:last-child {
border-bottom: 1px solid #e7e7e7
}
.outlet-widget .ow-item:after {
content: '';
display: block;
clear: both
}
.outlet-widget .ow-image {
float: left;
width: 145px;
text-align: center;
position: relative;
z-index: 10
}
.outlet-widget .ow-image .icon-morele-no-photo {
font-size: 100px
}
@media(max-width:767px) {
.outlet-widget .ow-image {
display: none
}
}
.outlet-widget .ow-image-img {
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.outlet-widget .ow-image-img:hover {
opacity: .8;
filter: alpha(opacity=80)
}
@media(max-width:767px) {
.outlet-widget .ow-image-img {
display: none
}
}
.outlet-widget .ow-image-img:before {
content: '';
display: block;
padding-top: 80%
}
.outlet-widget .ow-image-gallery {
display: inline-block;
vertical-align: middle;
font-size: 9px;
margin-top: 5px;
color: #0169a1;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.outlet-widget .ow-image-gallery i {
font-size: 14px;
margin: 0 2px -3px 0
}
.outlet-widget .ow-image-gallery:hover {
text-decoration: underline
}
.outlet-widget .ow-info {
float: left;
width: 100%;
margin-left: -145px;
padding: 10px 0 0 168px
}
@media(max-width:767px) {
.outlet-widget .ow-info {
float: none;
margin: 0;
padding-left: 0
}
}
.outlet-widget .ow-info:after {
content: '';
display: block;
clear: both
}
.outlet-widget .ow-info .ow-image-gallery {
display: none;
font-size: 13px;
margin-top: 16px
}
@media(max-width:767px) {
.outlet-widget .ow-info .ow-image-gallery {
display: inline-block
}
}
.outlet-widget .ow-status {
font-weight: 600;
font-size: 18px;
margin-bottom: 22px
}
.outlet-widget .ow-left {
float: left;
width: 100%;
max-width: 410px
}
@media(max-width:1024px) {
.outlet-widget .ow-left {
width: 100%;
max-width: 100%;
margin-right: -320px;
padding-right: 330px
}
}
@media(max-width:767px) {
.outlet-widget .ow-left {
margin-right: 0;
padding-right: 0
}
}
.outlet-widget .ow-right {
float: right;
width: 100%;
max-width: 369px;
margin-top: -10px
}
@media(max-width:1024px) {
.outlet-widget .ow-right {
width: 320px;
max-width: 100%
}
}
@media(max-width:767px) {
.outlet-widget .ow-right {
width: 100%;
margin-top: 0
}
}
.outlet-widget .ow-right:after {
content: '';
display: block;
clear: both
}
.outlet-widget .ow-right .outlet-product-id {
font-size: 11px;
color: #787878;
text-align: left
}
.outlet-widget .ow-desc {
line-height: 1.35;
margin-bottom: 8px
}
.outlet-widget .ow-warranty {
font-size: 12px
}
.outlet-widget .ow-price {
float: left;
margin-top: 9px
}
@media(max-width:1024px) {
.outlet-widget .ow-price {
padding-right: 10px
}
}
@media(max-width:767px) {
.outlet-widget .ow-price {
float: right;
margin: 28px 0 0 10px;
padding: 0
}
}
.outlet-widget .ow-old-price {
font-size: 12px;
color: #e30613;
text-decoration: line-through
}
.outlet-widget .ow-btn-delivery {
float: right;
width: 180px
}
@media(max-width:767px) {
.outlet-widget .ow-btn-delivery {
float: left;
margin-top: 1px
}
}
.outlet-widget .ow-btn {
margin-bottom: 7px
}
.outlet-widget .ow-delivery {
display: inline-block;
vertical-align: baseline;
width: 100%;
font-weight: 600;
text-align: center;
border: 1px solid #e7e7e7;
padding: 7px 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 1em;
color: #018068
}
@media(max-width:767px) {
.outlet-widget .ow-delivery {
display: none
}
}
.outlet-widget .ow-delivery span {
color: #018068!important
}
.outlet-widget .ow-delivery i {
color: #000;
font-size: 20px;
display: inline-block;
vertical-align: text-bottom;
margin: 0 4px -1px 0;
width: 20px;
height: 20px;
line-height: 20px
}
.outlet-widget .ow-delivery i:before {
display: block;
margin: 0
}
.shoppingList-dropdown {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left
}
@media(min-width:768px) {
.shoppingList-dropdown:hover {
z-index: 10000
}
}
.shoppingList-dropdown .sld-button,
.shoppingList-dropdown .sld-button-not-register {
position: relative;
z-index: 0;
cursor: pointer
}
.shoppingList-dropdown .sld-button .sld-button-type-product,
.shoppingList-dropdown .sld-button-not-register .sld-button-type-product {
color: #0169a1;
font-size: 14px;
letter-spacing: .1px;
cursor: pointer
}
.shoppingList-dropdown .sld-button .sld-button-type-product:hover,
.shoppingList-dropdown .sld-button-not-register .sld-button-type-product:hover {
text-decoration: underline
}
.shoppingList-dropdown .sld-button .sld-button-type-product i,
.shoppingList-dropdown .sld-button-not-register .sld-button-type-product i {
margin-right: 6px
}
.shoppingList-dropdown .sld-button .sld-button-tooltip,
.shoppingList-dropdown .sld-button-not-register .sld-button-tooltip {
position: absolute;
top: 100%;
left: 0;
padding: 10px 15px;
background: #fff;
border: 2px solid #0169a1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
font-size: 12px;
color: #787878;
width: 310px;
line-height: 1.2;
letter-spacing: 0;
pointer-events: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
@media(max-width:500px) {
.shoppingList-dropdown .sld-button .sld-button-tooltip,
.shoppingList-dropdown .sld-button-not-register .sld-button-tooltip {
max-width: 300px
}
}
.shoppingList-dropdown .sld-button .sld-button-type-category,
.shoppingList-dropdown .sld-button-not-register .sld-button-type-category {
color: #0169a1;
font-size: 14px;
cursor: pointer
}
.shoppingList-dropdown .sld-button:hover .sld-button-tooltip,
.shoppingList-dropdown .sld-button-not-register:hover .sld-button-tooltip {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
min-width: 300px;
z-index: 1000;
text-align: left;
pointer-events: none
}
.shoppingList-dropdown .sld-popup .sld-popup-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .7);
pointer-events: none;
z-index: 50;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.shoppingList-dropdown .sld-popup .sld-popup-inside {
position: absolute;
background: #fff;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: 45px 0 0;
opacity: 0;
filter: alpha(opacity=0);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0)
}
}
@media(min-width:768px) {
.shoppingList-dropdown .sld-popup {
margin-left: 0;
left: 0;
position: absolute;
top: 100%;
width: 270px;
background: #fff;
padding: 18px 25px;
border: 1px solid #e7e7e7;
display: none;
margin-top: 11px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .6);
box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .6)
}
.shoppingList-dropdown .sld-popup:before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 14px;
height: 14px;
border: 1px solid #e7e7e7;
background: #fff;
border-left-color: transparent;
border-bottom-color: transparent;
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
.shoppingList-dropdown .sld-popup .sld-popup-overlay {
display: none
}
}
@media(min-width:1025px) {
.shoppingList-dropdown .sld-popup {
left: 50%;
margin-left: -135px
}
}
.shoppingList-dropdown .sld-popup-header {
color: #000
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-header {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #f4f7f8;
padding: 14px 130px 12px 17px;
font-size: 16px;
font-weight: 600;
color: #000
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close {
font-size: 28px;
display: block;
float: left;
height: 45px;
margin: -14px 0 -12px -20px;
padding: 0 0 0 20px;
text-align: left;
line-height: 45px;
cursor: pointer;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close.sld-close-desktop {
display: none
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close .sld-close-mobile-label {
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 4px;
font-size: 16px
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close:hover {
opacity: .5;
filter: alpha(opacity=50)
}
.shoppingList-dropdown .sld-popup-header .sld-add-list-btn {
position: absolute;
top: 50%;
right: 20px;
font-size: 12px;
color: #787878;
cursor: pointer;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.shoppingList-dropdown .sld-popup-header .sld-add-list-btn i {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #000;
font-size: 14px
}
}
@media(min-width:768px) {
.shoppingList-dropdown .sld-popup-header {
position: relative;
font-size: 12px;
font-weight: 600;
margin-bottom: 13px
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close {
position: absolute;
right: -14px;
top: 50%;
font-size: 16px;
cursor: pointer;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close.sld-close-mobile {
display: none
}
.shoppingList-dropdown .sld-popup-header .sld-popup-close:hover {
opacity: .5;
filter: alpha(opacity=50)
}
.shoppingList-dropdown .sld-popup-header .sld-add-list-btn {
display: none
}
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-body {
max-height: 100%;
overflow: hidden;
overflow-y: auto
}
}
@media(max-width:767px) {
.shoppingList-dropdown .form-new-list-mobile+.sld-popup-body {
max-height: calc(100% - 67px)
}
.shoppingList-dropdown .form-new-list-mobile.hidden+.sld-popup-body {
max-height: 100%
}
}
.shoppingList-dropdown .form-new-list-mobile {
margin: 0!important;
padding: 16px 20px;
border-bottom: 2px solid #e4e4e4
}
@media(min-width:768px) {
.shoppingList-dropdown .form-new-list-mobile {
display: none!important
}
}
.shoppingList-dropdown .sld-popup-list {
position: relative;
min-height: 30px
}
@media(min-width:768px) {
.shoppingList-dropdown .sld-popup-list {
max-height: 156px;
overflow: hidden;
overflow-y: auto;
margin: 0 -12px 0 0
}
}
.shoppingList-dropdown .sld-popup-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 20px;
background-color: #f5f5f5
}
.shoppingList-dropdown .sld-popup-list::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
border-radius: 20px
}
.shoppingList-dropdown .sld-popup-list::-webkit-scrollbar-thumb {
border-radius: 20px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #8b8b8b
}
.shoppingList-dropdown .sld-popup-list .loader {
font-size: 6px;
margin: 33px auto;
color: #0169a1
}
.shoppingList-dropdown .sld-popup-item {
position: relative;
font-size: 15px;
overflow: hidden;
color: #7b7b7b;
cursor: pointer;
padding: 4px 40px 4px 10px;
word-break: break-word
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-item {
border-bottom: 2px solid #e4e4e4;
padding: 10px 50px 10px 20px
}
}
.shoppingList-dropdown .sld-popup-item:last-child {
border: 0
}
.shoppingList-dropdown .sld-popup-item:hover {
background: #f5f2f2
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-item:hover {
background: #f5f2f2
}
}
.shoppingList-dropdown .sld-popup-item .sld-add-remove-product {
position: absolute;
top: 50%;
right: 12px;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.shoppingList-dropdown .sld-popup-item .sld-add-remove-product .checkbox {
margin: 0
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-item .sld-add-remove-product {
right: 20px
}
}
.shoppingList-dropdown .sld-popup-item .add-remove-button {
cursor: pointer
}
.shoppingList-dropdown .sld-popup-item .add-remove-button:after {
content: '\f08a';
font-family: fontawesome;
display: block;
color: #0169a1;
line-height: 16px;
font-size: 16px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
background: 0 0
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-item .add-remove-button:after {
line-height: 18px;
font-size: 20px
}
}
.shoppingList-dropdown .sld-popup-item.button-checked .add-remove-button:after {
content: '\f004'
}
.shoppingList-dropdown .sld-popup-footer {
border-top: 1px solid #e7e7e7;
padding: 18px 25px;
margin: 20px -25px -18px
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-popup-footer {
display: none
}
}
.shoppingList-dropdown .sld-popup-footer .sld-add-list-btn {
font-size: 12px;
color: #0169a1;
cursor: pointer
}
.shoppingList-dropdown .sld-popup-footer .sld-add-list-btn i {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #000;
font-size: 14px
}
.shoppingList-dropdown .sld-popup-footer .sld-add-list-btn:hover {
text-decoration: underline
}
.shoppingList-dropdown .sld-add-list-form:after {
content: '';
display: block;
clear: both
}
.shoppingList-dropdown .sld-add-list-form .sld-add-list-input {
float: left;
width: 100%;
margin-right: -78px;
padding-right: 78px
}
.shoppingList-dropdown .sld-add-list-form .sld-add-list-input input {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px
}
.shoppingList-dropdown .sld-add-list-form .sld-add-list-submit {
float: right;
width: 78px
}
.shoppingList-dropdown .sld-add-list-form .sld-add-list-submit .btn {
width: 100%;
font-weight: 600;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0
}
@media(max-width:767px) {
.shoppingList-dropdown .sld-add-list-form {
margin: 20px 10px
}
}
.shoppingList-dropdown.page-product {
z-index: 1000;
margin: -3px 0 2px!important
}
.shoppingList-dropdown.page-category {
position: absolute;
left: 3px;
top: 5px
}
.shoppingList-dropdown.page-category-box {
position: relative;
left: auto;
bottom: auto;
display: inline-block;
vertical-align: middle;
z-index: 100
}
@media(max-width:767px) {
.shoppingList-dropdown.page-shopping-list .sld-button {
display: block;
float: none
}
.shoppingList-dropdown.page-shopping-list .sld-button .link-control {
display: block
}
}
.shoppingList-dropdown.page-category-box .sld-button .sld-button-type-category,
.shoppingList-dropdown.page-category-box .sld-button-not-register .sld-button-type-category {
display: inline-block;
vertical-align: middle;
background: #0169a1;
color: #fff;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 34px;
text-align: center;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.shoppingList-dropdown.page-basket {
margin-right: 10px
}
.shoppingList-dropdown.page-basket.sld-dialog-show .btn-offer-blue {
border-color: #0169a1;
background: #0169a1;
color: #fff
}
@media(min-width:768px) {
.shoppingList-dropdown.page-basket .sld-popup {
left: 0;
width: 270px;
margin-left: 0;
background: #fff
}
.shoppingList-dropdown.page-basket .sld-popup:before {
left: 15px;
transform: translate3d(0, -50%, 0) rotate(-45deg);
-webkit-transform: translate3d(0, -50%, 0) rotate(-45deg);
-moz-transform: translate3d(0, -50%, 0) rotate(-45deg);
-ms-transform: translate3d(0, -50%, 0) rotate(-45deg);
-o-transform: translate3d(0, -50%, 0) rotate(-45deg)
}
}
.shoppingList-dropdown.page-basket .sld-button-tooltip {
right: auto;
left: 0
}
@media(min-width:768px) {
.shoppingList-dropdown.sld-dialog-show {
z-index: 10000
}
}
@media(max-width:767px) {
.shoppingList-dropdown.sld-dialog-show .sld-popup {
pointer-events: auto
}
.shoppingList-dropdown.sld-dialog-show .sld-popup .sld-popup-inside {
opacity: 1;
filter: alpha(opacity=100);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
.shoppingList-dropdown.sld-dialog-show .sld-popup .sld-popup-overlay {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
}
@media(min-width:768px) {
.shoppingList-dropdown.sld-dialog-show .sld-popup {
display: block
}
}
.price .price-old~.shoppingList-dropdown.page-category {
top: 20px
}
@media(max-width:767px) {
html.shopping-list-popup {
overflow: hidden
}
html.shopping-list-popup #header {
z-index: 0
}
html.shopping-list-popup .catalog-sidebar-menu.position-fixed,
html.shopping-list-popup .button-to-top-fixed {
display: none
}
}
.author-img {
position: relative;
width: 40px;
height: 40px;
background: #dcdcdc;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.author-img .icon-morele-user {
position: absolute;
top: 50%;
left: 50%;
font-size: 26px;
color: #fff;
margin-top: -2px;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
@media(max-width:767px) {
.author-img {
width: 34px;
height: 34px;
background: #ccc
}
.author-img .icon-morele-user {
font-size: 20px;
margin-top: -1px
}
}
.grid-images-title {
font-weight: 600;
font-size: 18px;
letter-spacing: .7px;
margin-bottom: 10px
}
.grid-images {
margin: 0 -8px
}
.grid-images:after {
content: '';
display: block;
clear: both
}
@media(max-width:550px) {
.grid-images {
margin: 0 -4px
}
}
.grid-image-wr {
float: left;
padding: 8px
}
@media(max-width:1000px) {
.grid-images.base-full-grid {
margin: 0 -4px
}
}
@media(min-width:768px) {
.grid-images.base-full-grid .grid-image-wr {
width: 10%
}
}
@media(min-width:551px) and (max-width:767px) {
.grid-images.base-full-grid .grid-image-wr {
width: 14.28571%
}
}
@media(min-width:401px) and (max-width:550px) {
.grid-images.base-full-grid .grid-image-wr {
width: 20%
}
}
@media(max-width:400px) {
.grid-images.base-full-grid .grid-image-wr {
width: 25%
}
}
@media(max-width:1000px) {
.grid-images.base-full-grid .grid-image-wr {
padding: 4px
}
}
@media(max-width:1000px) {
.grid-images.pr-images {
margin: 0 -4px
}
}
@media(max-width:767px) {
.grid-images.pr-images {
margin: 0
}
}
.grid-images.pr-images .grid-image-wr {
display: none
}
@media(min-width:901px) {
.grid-images.pr-images .grid-image-wr {
width: 10%
}
.grid-images.pr-images .grid-image-wr:nth-child(-n+10) {
display: block
}
}
@media(min-width:768px) and (max-width:900px) {
.grid-images.pr-images .grid-image-wr {
width: 12.5%
}
.grid-images.pr-images .grid-image-wr:nth-child(-n+8) {
display: block
}
}
@media(min-width:551px) and (max-width:767px) {
.grid-images.pr-images .grid-image-wr {
width: 16.6666666%
}
.grid-images.pr-images .grid-image-wr:nth-child(-n+6) {
display: block
}
}
@media(min-width:401px) and (max-width:550px) {
.grid-images.pr-images .grid-image-wr {
width: 25%
}
.grid-images.pr-images .grid-image-wr:nth-child(-n+7) {
display: block
}
}
@media(max-width:400px) {
.grid-images.pr-images .grid-image-wr {
width: 33.333333%
}
.grid-images.pr-images .grid-image-wr:nth-child(-n+5) {
display: block
}
}
@media(max-width:1000px) {
.grid-images.pr-images .grid-image-wr {
padding: 4px
}
}
.grid-image-inside {
position: relative;
background: #000;
cursor: pointer
}
.grid-image-inside:before {
content: '';
display: block;
padding-top: 100%
}
.grid-image-inside:after {
content: '\f00e';
font-family: fontawesome;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 26px;
pointer-events: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0);
transform: translate3d(-50%, -50px, 0);
-webkit-transform: translate3d(-50%, -50px, 0);
-moz-transform: translate3d(-50%, -50px, 0);
-ms-transform: translate3d(-50%, -50px, 0);
-o-transform: translate3d(-50%, -50px, 0)
}
.grid-image-inside:hover .grid-image:not(.image-lazy-load) {
opacity: .5;
filter: alpha(opacity=50);
transform: scale(1.1) translate3d(0, 0, 0);
-webkit-transform: scale(1.1) translate3d(0, 0, 0);
-moz-transform: scale(1.1) translate3d(0, 0, 0);
-ms-transform: scale(1.1) translate3d(0, 0, 0);
-o-transform: scale(1.1) translate3d(0, 0, 0)
}
.grid-image-inside:hover:after {
opacity: 1;
filter: alpha(opacity=100);
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.grid-image {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
display: block;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transform: scale(1) translate3d(0, 0, 0);
-webkit-transform: scale(1) translate3d(0, 0, 0);
-moz-transform: scale(1) translate3d(0, 0, 0);
-ms-transform: scale(1) translate3d(0, 0, 0);
-o-transform: scale(1) translate3d(0, 0, 0)
}
.grid-image.image-lazy-load {
border: 1px solid #e7e7e7
}
.grid-image-btn-wr {
display: none!important
}
@media(min-width:401px) and (max-width:550px) {
.grid-image-btn-wr.show-on-sm-mobile {
display: block!important
}
}
@media(max-width:400px) {
.grid-image-btn-wr.show-on-xs-mobile {
display: block!important
}
}
.grid-image-btn-wr .grid-image-inside {
position: relative;
background: #fff;
border: 1px solid #0169a1;
color: #0169a1;
margin: -1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.grid-image-btn-wr .grid-image-inside:after {
display: none
}
.grid-image-btn-wr .grid-image-inside .grid-image-btn {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 10px;
font-weight: 600;
text-align: center;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.grid-image-btn-wr:hover .grid-image-inside {
background: #0169a1;
color: #fff
}
.grid-images-more {
margin-top: 14px;
display: none
}
@media(min-width:901px) {
.grid-images-more.show-on-desctop {
display: block
}
}
@media(min-width:768px) and (max-width:900px) {
.grid-images-more.show-on-tablet {
display: block
}
}
@media(min-width:551px) and (max-width:767px) {
.grid-images-more.show-on-mobile {
display: block
}
}
.grid-images-more a {
font-size: 16px
}
.youtube-parser-widget {
position: relative;
max-width: 550px;
margin: 20px 0
}
.youtube-parser-widget .youtube_player {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover
}
.youtube-parser-widget .youtube_player iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.youtube-parser-widget .youtube_player .youtube_player-play {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: rgba(0, 0, 0, .8);
color: #fff;
text-align: center;
line-height: 80px;
font-size: 28px;
transition: all 250ms ease;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%
}
.youtube-parser-widget .youtube_player .youtube_player-play i {
margin-right: -5px
}
.youtube-parser-widget .youtube_player:hover .youtube_player-play {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1)
}
.youtube-parser-widget:before {
content: '';
display: block;
padding-top: 56%
}
.comments-count {
color: #0169a1;
cursor: pointer;
letter-spacing: .9px
}
.comments-count:hover {
text-decoration: underline
}
.add-comment i,
.add-comment span {
display: inline-block;
vertical-align: middle
}
.add-comment.btn i {
font-size: 20px;
margin-right: 4px
}
.add-comment:not(.btn) {
text-decoration: none!important
}
.add-comment:not(.btn) i {
font-size: 24px
}
.add-comment:not(.btn) i.fa-comment {
display: none
}
.add-comment:not(.btn) span {
margin: 3px 0 0 4px;
letter-spacing: .5px
}
@media(max-width:767px) {
.add-comment:not(.btn) i {
font-size: 20px
}
.add-comment:not(.btn) span {
margin: 1px 0 0 1px
}
}
.add-comment:not(.btn):hover i.fa-comment {
display: inline-block;
vertical-align: middle
}
.add-comment:not(.btn):hover i.fa-comment-o {
display: none
}
.add-comment:not(.btn):hover span {
text-decoration: underline
}
@media(max-width:767px) {
.comments-head .add-to-moderation {
float: none;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
margin-bottom: 10px
}
}
@media(min-width:551px) {
.comment .c-author,
.comment-form .c-author {
float: left;
width: 80px;
min-height: 1px;
text-align: center;
padding: 10px 0 0
}
.comment .c-author-img,
.comment-form .c-author-img {
margin: 0 auto 10px
}
.comment .c-author-name,
.comment-form .c-author-name {
font-weight: 600
}
.comment .c-box-wr,
.comment-form .c-box-wr {
float: left;
width: 100%;
margin-left: -80px;
padding-left: 97px
}
}
@media(max-width:550px) {
.comment .c-author,
.comment-form .c-author {
margin-bottom: 10px;
margin-left: 10px
}
.comment .c-author-img,
.comment-form .c-author-img {
display: inline-block;
vertical-align: middle
}
.comment .c-author-info,
.comment-form .c-author-info {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
max-width: calc(100% - 55px)
}
.comment .c-author-name,
.comment-form .c-author-name {
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%
}
}
.comments-body {
margin-top: 10px
}
.comments-body .comment+.comment {
margin-top: 10px
}
@media(max-width:550px) {
.comments-body .comment+.comment {
margin-top: 17px
}
}
.comments-body .comment.with-answers {
margin-top: 0!important;
padding-bottom: 11px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px
}
.comments-body .comment-preloader {
position: relative;
height: 100px
}
.comments-body .comment-short-items {
display: none
}
.comments-body .comment-short-items .comment {
margin-top: 10px
}
@media(max-width:550px) {
.comments-body .comment-short-items .comment {
margin-top: 17px
}
}
.comments-body .c-author-of-rate {
font-weight: 600;
color: #018068;
font-size: 10px;
margin-top: 3px
}
@media(max-width:767px) {
.comments-body .c-author-of-rate {
margin-top: 0
}
}
.comments-body .c-box {
position: relative;
background: #f4f7f8;
padding: 21px 18px 35px;
min-height: 100px;
border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px
}
.comments-body .c-box .object-order-confirmed {
margin: -6px 0 6px
}
.comments-body .c-box:before {
content: '';
position: absolute;
top: 0;
right: 100%;
width: 22px;
height: 23px;
background: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/comment-before.png) top right no-repeat
}
@media(max-width:550px) {
.comments-body .c-box:before {
top: auto;
right: auto;
left: 0;
bottom: 100%;
margin-top: 1px;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg)
}
}
.comments-body .c-body {
line-height: 1.5;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.comments-body .c-date-rate {
position: absolute;
bottom: 7px;
left: 20px
}
.comments-body .c-date-rate .f-add-comment {
display: inline-block;
vertical-align: middle;
margin: -5px 18px 0 0
}
.comments-body .c-date-rate .f-add-comment i {
font-size: 20px
}
.comments-body .c-rate {
display: inline-block;
vertical-align: middle;
font-size: 12px
}
.comments-body .c-rate .add-rate-btn {
display: inline-block;
vertical-align: middle;
margin: -2px 0 0
}
.comments-body .c-rate .add-rate-btn i {
font-size: 15px;
color: #b8b8b8;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.comments-body .c-rate .add-rate-btn.rate-active i.fa-thumbs-o-up,
.comments-body .c-rate .add-rate-btn:hover i.fa-thumbs-o-up {
color: #018068
}
.comments-body .c-rate .add-rate-btn.rate-active i.fa-thumbs-o-down,
.comments-body .c-rate .add-rate-btn:hover i.fa-thumbs-o-down {
color: #e30613
}
.comments-body .c-rate .add-rate-btn.rate-active {
-webkit-animation: addRatePulse 1s;
-o-animation: addRatePulse 1s;
animation: addRatePulse 1s
}
.comments-body .c-rate span {
display: inline-block;
vertical-align: middle;
color: #676767;
margin: -2px 19px 0 3px
}
@media(max-width:767px) {
.comments-body .c-rate span {
margin: -2px 7px 0 3px
}
.comments-body .c-rate .add-rate-label+.add-rate-btn {
margin-left: 0
}
}
.comments-body .c-date {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #7a7a7a
}
.comments-body .add-to-moderation {
float: none;
position: absolute;
bottom: 8px;
right: 10px
}
.comments-body .c-answers {
margin: 15px 0 0
}
.comments-body .c-answers .comments-body {
margin-left: 34px
}
@media(max-width:550px) {
.comments-body .c-answers .comments-body {
margin-left: 20px
}
}
.add-to-moderation {
float: right;
font-size: 12px
}
.comments-footer {
margin-top: 20px
}
.comments-footer .f-add-comment {
float: left;
position: relative;
width: 120px;
z-index: 10
}
.comments-footer .more-comments-block {
float: right;
width: 100%;
margin-left: -120px;
padding-left: 120px;
text-align: center
}
.comments-footer .more-comments-block a {
line-height: 29px
}
@media(max-width:550px) {
.comments-footer .more-comments-block {
float: none;
width: 100%;
margin-left: 0;
padding-left: 0;
margin-bottom: 10px;
text-align: center
}
}
.comment-new-wr {
display: none
}
.comment-new-form {
padding: 30px 0 20px
}
.comment-new-form .c-new-comment-row label {
font-size: 12px
}
.comment-new-form .c-new-comment-row+.c-new-comment-row {
margin-top: 20px
}
.body-list-items {
position: relative
}
.body-list-empty {
border: 1px solid #e7e7e7;
text-align: center;
padding: 20px 15px
}
.body-list-empty .btn {
margin-left: 5px
}
.object-author {
position: relative;
margin-bottom: 15px;
padding: 6px 0 3px 49px
}
@media(max-width:767px) {
.object-author {
padding-right: 43px
}
}
.object-author-img {
position: absolute;
top: 1px;
left: 0
}
@media(max-width:767px) {
.object-author-img {
top: 4px
}
}
.object-author-name-date {
float: left
}
.object-author-name {
font-weight: 600;
margin-bottom: 2px
}
.object-author-date {
font-size: 12px;
color: #7c7c7c
}
.object-owntime {
float: left;
border-left: 1px solid #a8a8a8;
font-size: 12px;
color: #606060;
letter-spacing: .4px;
margin: -1px 0 0 15px;
padding: 0 0 0 15px
}
@media(max-width:550px) {
.object-owntime {
float: none;
clear: left;
padding: 10px 0 0;
margin: 0 0 0 -43px;
border: 0
}
.object-owntime .object-owntime-label {
display: none
}
}
.object-owntime .object-order-confirmed {
margin: 4px 0 -3px
}
.object-without-confirmed {
padding: 12px 0
}
.object-order-confirmed {
font-weight: 700;
color: #018068;
font-size: 12px;
letter-spacing: .1px;
margin-bottom: 23px
}
.object-order-confirmed .icon-morele-cart {
position: relative;
font-size: 22px;
margin-right: 3px;
margin-top: -4px;
display: inline-block;
vertical-align: middle
}
.object-order-confirmed .icon-morele-cart:before {
margin: 0
}
.object-order-confirmed .fa-check {
position: absolute;
top: 3px;
right: 2px;
font-size: 8px;
width: 14px;
height: 14px;
text-align: center;
line-height: 12px;
border: 1px solid #fff;
color: #fff;
background: #018068;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.object-order-confirmed .fa-check:before {
margin: 0
}
.internal-comment-link {
margin: 0 5px
}
.internal-comment-link i {
font-size: 1em;
margin-right: 5px
}
.comments-list-items {
position: relative;
overflow: hidden
}
.comments-head-add {
margin-bottom: 20px;
margin-top: 20px
}
@media(max-width:440px) {
.comment.with-answers .c-box {
padding-bottom: 55px
}
.comment.with-answers .c-date-rate {
bottom: 25px
}
.comment.with-answers .add-to-moderation {
bottom: 7px
}
.comment.with-answers .c-answers .c-box {
padding-bottom: 35px
}
.comment.with-answers .c-answers .c-date-rate {
bottom: 8px
}
.comment.with-answers .c-answers .add-to-moderation {
bottom: 9px
}
}
.news-comment-wrap .comments-head-add {
margin-bottom: 0
}
.news-comment-wrap .new-comment {
margin-bottom: 30px
}
.news-comment-wrap .new-comment .cha-add-comment {
text-align: right;
float: right
}
@media(max-width:768px) {
.news-comment-wrap .new-comment .cha-add-comment {
width: 100%
}
}
.news-comment-wrap .new-comment .cha-add-comment .add-comment {
position: relative;
z-index: 111
}
@media(min-width:701px) {
.news-comment-wrap .new-comment .cha-add-comment {
margin: -66px 0 0
}
}
@media(max-width:700px) {
.news-comment-wrap .new-comment .cha-add-comment .add-comment {
width: 100%
}
}
@media(min-width:701px) {
.news-comment-wrap .new-comment.no-button-align .cha-add-comment {
margin: 0
}
}
.rateSection {
width: 100%;
max-width: 474px;
margin-bottom: 15px
}
.rateSection:after {
content: '';
display: block;
clear: both
}
.rateSection .rs-info {
float: left;
position: relative;
padding-left: 37px;
margin: 10px 0
}
@media(max-width:550px) {
.rateSection .rs-info {
float: none;
margin-bottom: 20px
}
}
.rateSection .rs-info .fa-star {
position: absolute;
top: 50%;
left: 0;
font-size: 31px;
color: #faa81b;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.rateSection .rs-info .fa-star:before {
margin: 0
}
.rateSection .rs-info .rs-info-average-rate {
display: inline-block;
vertical-align: middle;
font-size: 37px;
line-height: 38px;
font-weight: 600;
color: #0169a1
}
.rateSection .rs-info .rs-info-counts {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
font-size: 12px
}
.rateSection .rs-info .rs-info-counts .rs-info-count-rates {
color: #787878
}
.rateSection .rs-info .rs-info-counts .rs-info-count-comments {
color: #0169a1;
margin-top: 5px
}
.rateSection .rs-add-rate {
float: right;
position: relative;
margin: 3px 0;
padding: 8px 14px 3px 25px;
border: 1px solid #e7e7e7;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
@media(max-width:550px) {
.rateSection .rs-add-rate {
float: none;
display: inline-block;
vertical-align: middle
}
}
.rateSection .rs-add-rate:after {
content: '';
display: block;
clear: both
}
.rateSection .rs-add-rate.not-logged input,
.rateSection .rs-add-rate.not-logged label {
pointer-events: none
}
.rateSection .rs-add-rate.not-logged .rs-add-rating-tooltip {
position: absolute;
top: 100%;
left: 0;
padding: 10px 15px;
background: #fff;
border: 2px solid #0169a1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
font-size: 12px;
color: #787878;
width: 250px;
pointer-events: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.rateSection .rs-add-rate.not-logged:hover .rs-add-rating-tooltip {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
.rateSection .rs-add-rate .rs-add-rate-title {
position: absolute;
top: -12px;
left: 10px;
background: #fff;
font-size: 12px;
font-weight: 600;
padding: 5px;
color: #0169a1
}
.rateSection .rs-add-rating label {
margin-right: 5px
}
.rateSection .rs-add-rating label.half {
margin-left: -5px
}
.rateSection .rs-add-rating label.half:before {
left: 5px
}
.rateSection .rs-add-rating label:before {
font-size: 31px;
color: #bec0c3
}
.rateSection .rs-add-rating input:checked~label:before,
.rateSection .rs-add-rating input[type=radio]+label:hover:before,
.rateSection .rs-add-rating input[type=radio]~label:hover:before,
.rateSection .rs-add-rating label:hover~input[type=radio]~label:before,
.rateSection .rs-add-rating input[type=radio]~label:hover~label:before {
color: #faa81b
}
.warehouse-info {
font-size: 14px!important
}
.dialog-product-warehouse-info {
border-radius: 0!important;
box-shadow: none!important;
border: 0!important
}
.warehouse-dialog p {
font-size: 18px;
color: #111
}
.warehouse-info-product {
margin: 20px 0;
overflow: hidden
}
.warehouse-info-product .warehouse-info-product-img {
width: 10%;
float: left
}
.warehouse-info-product .warehouse-info-product-img img {
width: 100%;
height: auto
}
.warehouse-info-product .warehouse-info-product-details {
width: 90%;
float: left;
font-size: 14px;
padding-left: 15px
}
.warehouse-info-product .warehouse-info-product-details .warehouse-info-product-name p {
color: #111;
margin: 2px;
font-weight: 500;
font-size: 14px
}
.warehouse-info-product .warehouse-info-product-details .warehouse-info-product-price p {
margin: 2px;
font-weight: 800;
color: #111;
font-size: 14px
}
.warehouse-info-list {
list-style: none;
margin: 20px 0;
padding: 0
}
.warehouse-info-list li {
border-top: 1px solid #eceff0;
overflow: hidden;
padding: 10px 20px
}
.warehouse-info-list .warehouse-details {
color: #444;
width: 50%;
float: left
}
.warehouse-info-list .warehouse-details .warehouse-city {
font-size: 18px;
color: #444;
font-weight: 500
}
.warehouse-info-list .warehouse-details .warehouse-address {
font-size: 13px;
color: #0169a1
}
.warehouse-info-list .warehouse-details .warehouse-hours {
font-size: 13px;
font-weight: 600;
color: #444
}
.warehouse-info-list .warehouse-details .warehouse-hours-details {
list-style: none;
margin: 0;
padding: 0
}
.warehouse-info-list .warehouse-details .warehouse-hours-details li {
font-size: 13px;
font-weight: 500;
color: #444;
padding: 2px;
border: 0
}
.warehouse-info-list .warehouse-details p {
margin: 4px 0
}
.warehouse-info-list .warehouse-quantity {
width: 50%;
float: left
}
.warehouse-info-list .warehouse-quantity .warehouse-quantity-text {
font-weight: 600;
color: green;
font-size: 15px
}
.warehouse-info-list .warehouse-quantity .warehouse-quantity-amount {
color: #333;
font-weight: 600;
font-size: 15px
}
.dialog-product-warehouse-info .m-dialog-h {
background: #f4f7f8;
padding: 14px 60px 12px 20px;
border: 0
}
.dialog-product-warehouse-info .m-dialog-h .m-dialog-ht {
font-size: 16px;
font-weight: 600;
color: #000
}
.dialog-product-warehouse-info .m-dialog-cont {
padding-top: 0
}
.netpunkt-col {
width: 45%;
padding-left: 10px!important;
vertical-align: top!important;
height: auto!important
}
.netpunkt-container {
cursor: pointer;
font-size: 14px;
backgroun-color: blue
}
.netpunkt-container .netpunkt-info {
margin: 5px 0;
font-weight: 600;
color: #e30613
}
.netpunkt-container .netpunkt-short-info {
display: inline-block;
vertical-align: middle;
font-size: 12px;
margin: 0
}
.netpunkt-container .netpunkt-short-info:hover {
text-decoration: underline
}
.netpunkt-container .netpunkt-short-info:hover span {
text-decoration: underline
}
.netpunkt-container .netpunkt-warehouse {
list-style: none;
padding: 0;
font-weight: 600;
color: #0169a1
}
.netpunkt-container .netpunkt-warehouse li {
margin: 4px 0
}
.warehouse-info-mobile .background {
width: 100vw;
height: 100vh;
position: fixed;
background-color: rgba(0, 0, 0, .4);
z-index: 1500;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.warehouse-info-mobile .container {
background-color: #fff;
margin: 0;
padding: 0;
width: 100vw;
position: fixed;
bottom: -100vh;
left: 0;
right: 0;
z-index: 1600;
max-height: 100vh;
overflow-y: auto
}
.warehouse-info-mobile .container .warehouse-info {
font-size: 1em!important;
padding: 0 20px;
color: #797979
}
.warehouse-info-mobile .container .warehouse-info-product-img {
width: 10%
}
.warehouse-info-mobile .container .warehouse-info-product-img img {
max-width: 50px
}
.warehouse-info-mobile .container .warehouse-details {
width: 100%
}
.warehouse-info-mobile .container .warehouse-details .warehouse-quantity-text {
font-weight: 600;
color: green;
font-size: 15px
}
.warehouse-info-mobile .container .warehouse-details .warehouse-quantity-amount {
color: #333;
font-weight: 600;
font-size: 15px
}
.warehouse-info-mobile .container .warehouse-info-product {
background-color: #e2e2e2;
margin: 0;
padding: 15px 20px;
display: flex;
justify-content: space-around;
align-items: center
}
.warehouse-info-mobile .container .warehouse-info-product .warehouse-info-product-details {
width: 84%;
padding-left: 10px;
padding-right: 10px
}
.warehouse-info-mobile .container .warehouse-info-product .warehouse-info-product-details .warehouse-info-product-name {
font-weight: 300
}
.warehouse-info-mobile .container .warehouse-info-product .warehouse-info-product-details .warehouse-info-product-name p {
font-size: 13px;
color: #666
}
.warehouse-info-mobile .container .warehouse-info-product .warehouse-info-product-details .warehouse-info-product-price p {
font-weight: 400;
font-size: 13px
}
.warehouse-info-mobile .container .warehouse-info-product .warehouse-info-product-close {
padding: 0;
width: 6%;
font-size: 20px;
font-weight: 100;
cursor: pointer;
color: #797979
}
.warehouse-info-mobile .warehouse-info-list {
margin-top: 0
}
.inspiration-items {
position: relative;
overflow: hidden
}
@media(min-width:1025px) {
.inspiration-items .row {
margin: 0 -25px
}
.inspiration-items *[class*=col-xs-] {
padding: 0 25px
}
}
.inspiration-items .inspiration-item-wr {
margin-bottom: 50px
}
@media(min-width:768px) {
.inspiration-items .inspiration-item-wr:nth-child(3n+1) {
clear: left
}
}
@media(max-width:767px) {
.inspiration-items .inspiration-item-wr {
margin-bottom: 40px
}
.inspiration-items .inspiration-item-wr:nth-child(2n+1) {
clear: left
}
}
@media(max-width:600px) {
.inspiration-items .inspiration-item-wr {
float: none;
width: 100%
}
}
.inspiration-img {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
margin-bottom: 29px
}
.inspiration-img.inspiration-img-not-found {
background: #e4e7ea
}
.inspiration-img.inspiration-img-not-found i {
position: absolute;
top: 50%;
left: 50%;
color: #bec0c3;
font-size: 80px;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0)
}
.inspiration-img:before {
content: '';
display: block;
padding-top: 64%
}
.inspiration-name {
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
color: #000;
text-decoration: none
}
.inspiration-item {
display: block;
text-decoration: none!important
}
.inspiration-item:hover .inspiration-img {
opacity: .8;
filter: alpha(opacity=80)
}
.inspiration-item:hover .inspiration-name {
color: #0169a1
}
.why-us-container .ears-left {
display: none!important
}
.why-us-container.ears .why-us-show-button,
.why-us-container.ears .why-us-close {
display: none
}
@media(max-width:1540px) {
.why-us-container.ears {
display: block;
position: fixed;
right: 0;
top: 50%;
z-index: 1002;
left: auto;
bottom: auto;
transform: translate3d(170px, -50%, 0);
-webkit-transform: translate3d(170px, -50%, 0);
-moz-transform: translate3d(170px, -50%, 0);
-ms-transform: translate3d(170px, -50%, 0);
-o-transform: translate3d(170px, -50%, 0)
}
.why-us-container.ears.open-widget {
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.why-us-container.ears .ears-right {
position: static;
top: auto;
width: 100%;
padding: 0;
right: auto;
left: auto;
margin-right: 0;
height: auto
}
.why-us-container.ears .why-us-show-button,
.why-us-container.ears .why-us-close {
display: block
}
.why-us-container.ears .why-us-show-button.hidden,
.why-us-container.ears .why-us-close.hidden {
display: none
}
}
.why-us-container.has-ears {
position: fixed;
right: 0;
top: 50%;
z-index: 1002;
transform: translate3d(170px, -50%, 0);
-webkit-transform: translate3d(170px, -50%, 0);
-moz-transform: translate3d(170px, -50%, 0);
-ms-transform: translate3d(170px, -50%, 0);
-o-transform: translate3d(170px, -50%, 0);
border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px
}
.why-us-container.has-ears.open-widget {
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.why-us-widget {
width: 170px;
overflow: hidden;
border: 2px solid #0169a1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.why-us-show-button {
position: absolute;
top: 0;
right: 100%;
transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -100%, 0);
-webkit-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -100%, 0);
-moz-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -100%, 0);
-ms-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -100%, 0);
-o-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -100%, 0);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right
}
.why-us-show-button .btn {
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
padding-left: 40px
}
.why-us-show-button .wub-icon {
position: absolute;
left: 10px;
top: 50%;
width: 20px;
height: 20px;
text-align: center;
border: 2px solid #60aed8;
color: #60aed8;
border-radius: 180px;
-webkit-border-radius: 180px;
-moz-border-radius: 180px;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.why-us-show-button .wub-icon i {
line-height: 15px;
font-size: 16px;
margin-right: 1px
}
.why-us-head {
position: relative;
font-weight: 600;
color: #fff;
background: #0169a1;
padding: 10px 30px 12px;
text-align: center
}
.why-us-close {
position: absolute;
right: 10px;
top: 50%;
font-size: 23px;
color: #5fadd8;
font-weight: 400;
margin-top: -14px;
cursor: pointer
}
.why-us-close:hover {
color: #fff
}
.why-us-body {
background: #fff
}
.why-us-item {
text-align: center;
padding: 13px 10px 14px
}
.why-us-item+.why-us-item {
border-top: 1px solid #e7e7e7
}
.why-us-item .icon {
height: 45px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/shop/icons-whyus.png);
background-repeat: no-repeat;
margin: 0 auto 10px
}
.why-us-item .icon.icon1 {
width: 34px;
background-position: 0 0
}
.why-us-item .icon.icon2 {
width: 45px;
background-position: -47px 0
}
.why-us-item .icon.icon3 {
width: 58px;
height: 39px;
background-position: -100px 0
}
.why-us-item .icon.icon4 {
width: 35px;
background-position: -165px 0
}
.why-us-item .icon-presto {
height: 45px;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/shop/icons-whyus-presto.png);
background-repeat: no-repeat;
margin: 0 auto 10px
}
.why-us-item .icon-presto.icon1 {
width: 34px;
background-position: 0 0
}
.why-us-item .icon-presto.icon2 {
width: 45px;
background-position: -47px 0
}
.why-us-item .icon-presto.icon3 {
width: 58px;
height: 39px;
background-position: -100px -2px
}
.why-us-item .icon-presto.icon4 {
width: 35px;
background-position: -165px 0
}
#opisPresto * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media(max-width:400px) {
#opisPresto img {
width: 100%
}
}
#opisPresto .container {
width: 100%
}
#opisPresto .section_padding {
padding-top: 20px;
padding-bottom: 20px
}
#opisPresto a {
text-decoration: none;
color: #0098a7;
cursor: pointer
}
#opisPresto h1 {
padding: 0;
margin: 0
}
#opisPresto h1.bigger_font {
font-size: 25px
}
#opisPresto h2 {
margin: 0;
padding: 0
}
#opisPresto p {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.8
}
#opisPresto .tekst_trzy_kolumny {
column-count: 3
}
@media(max-width:600px) {
#opisPresto .tekst_trzy_kolumny {
column-count: 2
}
}
@media(max-width:400px) {
#opisPresto .tekst_trzy_kolumny {
column-count: 1
}
}
#opisPresto .tekst_dwie_kolumny {
column-count: 2
}
@media(max-width:400px) {
#opisPresto .tekst_dwie_kolumny {
column-count: 1
}
}
#opisPresto .paragraph_bez_naglowka {
padding-top: 5px
}
#opisPresto .image_width_full img {
width: 100%
}
#opisPresto .image_padding img {
padding-top: 20px;
padding-bottom: 20px
}
#opisPresto .image_margins img {
margin: 10px
}
#opisPresto .image-floating-left img {
float: left;
margin: 10px;
clear: both
}
#opisPresto .image-floating-right img {
float: right;
margin: 10px;
clear: both
}
#opisPresto .paragraf_auto_height {
overflow: auto;
height: auto
}
#opisPresto .paragraf_closed {
overflow: hidden;
height: 300px
}
#opisPresto .button {
cursor: pointer;
color: #0098a7;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px
}
#opisPresto .content_hidden {
display: none
}
#opisPresto .content_show {
display: inline-block
}
#opisPresto .blue_line {
border-color: #0098a7
}
#opisPresto .specyfikacja_tytul {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px
}
#opisPresto .image_border_radius img {
border-radius: 13px
}
#opisPresto .green_box {
border: 2px solid #0098a7;
border-radius: 8px;
position: relative;
padding-top: 20px;
padding-bottom: 20px
}
#opisPresto .green_box li {
padding-top: 4px;
padding-bottom: 4px
}
#opisPresto .green_box li.punktor_pusty {
list-style-type: none
}
#opisPresto .green_box li.punktor_pauza {
list-style-type: none
}
#opisPresto .green_box li.punktor_pauza:before {
content: "- ";
margin-right: 4px
}
#opisPresto .green_box h2 {
position: absolute;
top: -12px;
left: 35px;
width: 130px;
padding-left: 5px;
padding-right: 5px;
z-index: 4;
text-align: center;
background-color: #fff
}
#opisPresto .green_box h2.bigger-text {
width: 250px
}
@media(max-width:360px) {
#opisPresto .green_box h2.bigger-text {
left: 5px
}
}
@media(max-width:1024px) {
#opisPresto .green_box {
padding: 10px
}
}
@media(max-width:767px) {
#opisPresto .green_box {
margin-bottom: 30px
}
}
#opisPresto .divTable {
display: table;
width: 100%;
font-size: 14px
}
@media(max-width:400px) {
#opisPresto .divTable {
font-size: 10px
}
}
#opisPresto .divTable .divTableBody {
display: table-row-group
}
#opisPresto .divTable .divTableBody .row {
height: 30px;
line-height: 30px;
text-align: center;
display: table-row
}
#opisPresto .divTable .divTableBody .row .cell {
display: table-cell;
text-align: center
}
@media(max-width:600px) {
#opisPresto .divTable .divTableBody .row .cell {
line-height: 16px;
padding-top: 5px;
padding-bottom: 5px
}
}
#opisPresto .divTable .divTableBody .row .row_name {
text-align: left;
font-weight: 700;
padding-left: 30px
}
@media(max-width:400px) {
#opisPresto .divTable .divTableBody .row .row_name {
padding-left: 10px
}
}
#opisPresto .divTable .divTableBody .row_heading {
height: 50px;
line-height: 50px;
color: #fff;
background-color: #0098a7
}
#opisPresto .divTable .divTableBody .row_darker_color {
background-color: #d6eef1;
color: #000
}
#opisPresto .divTable .divTableBody .row_lighter_color {
background-color: #eaf6f8;
color: #000
}
.m-instructions-files {
margin-top: 30px;
padding-bottom: 30px;
padding-left: 0;
overflow: auto
}
.m-instructions-files a:first-child li {
margin-left: 0
}
.m-instructions-files li {
list-style: none;
display: block;
float: left;
font-size: 48px;
margin-left: 30px;
max-width: 150px;
text-align: center
}
.m-instructions-files li p {
font-size: 16px;
padding-top: 10px;
word-break: break-all
}
@media(min-width:768px) {
.marketplace-tabs {
position: relative;
padding: 0
}
.marketplace-tabs .marketplace {
padding-bottom: 20px
}
}
@media(max-width:767px) {
.marketplace-tabs .aliases-item {
margin: 0 -10px
}
}
@media(max-width:767px) {
.m-tabs-cont>.item.active .m-tabs-cont-in.marketplace-tabs {
overflow: visible
}
}
.marketplace-container {
position: relative;
min-height: 55px
}
.marketplace-container .markerplace-preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, .6)
}
.marketplace-container .marketplace-main-product {
margin-bottom: 8px
}
@media(max-width:767px) {
.marketplace-container .aliases-head {
display: none!important
}
}
.marketplace-container .aliases-head .table-col.aliases-col {
height: 65px;
padding-right: 14px;
font-size: 13px;
line-height: 20px;
font-weight: 600
}
@media(max-width:767px) {
.marketplace-container .aliases-item {
position: relative;
border-bottom: 1px solid #e1e4e7;
padding: 10px 11px 55px
}
.marketplace-container .aliases-item:nth-child(2) {
border-top: 1px solid #e1e4e7
}
.marketplace-container .aliases-item:nth-child(2n+1) {
background: #f4f7f8
}
}
.marketplace-container .aliases-item.aliases-item-hidden {
display: none
}
.marketplace-container .aliases-toggle {
position: relative;
display: inline-block;
vertical-align: middle;
padding-right: 15px;
font-size: 14px;
font-weight: 600;
color: #000;
cursor: pointer
}
.marketplace-container .aliases-toggle .icon-css-arrow-down {
position: absolute;
top: 50%;
right: 0;
margin-top: -5px
}
.marketplace-container .aliases-toggle .aliases-toggle-open {
display: none
}
.marketplace-container .aliases-toggle.toggle-open .icon-css-arrow-down {
margin-top: 0;
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.marketplace-container .aliases-toggle.toggle-open .aliases-toggle-open {
display: inline
}
.marketplace-container .aliases-toggle.toggle-open .aliases-toggle-close {
display: none
}
.marketplace-container .aliases-toggle:hover {
text-decoration: underline
}
.marketplace-container .table-col.aliases-col {
height: 80px;
padding: 4px 10px;
border-bottom: 1px solid #e7e7e7
}
@media(min-width:768px) and (max-width:900px) {
.marketplace-container .table-col.aliases-col {
height: 65px
}
}
@media(max-width:767px) {
.marketplace-container .table-col.aliases-col {
border: 0;
padding: 0!important
}
}
.marketplace-container .table-col.aliases-col.aliases-number {
width: 24px;
font-size: 16px;
padding-right: 0;
font-weight: 600
}
@media(max-width:767px) {
.marketplace-container .table-col.aliases-col.aliases-number {
display: none!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.marketplace-container .table-col.aliases-col.aliases-name {
width: 30%
}
}
@media(min-width:1025px) {
.marketplace-container .table-col.aliases-col.aliases-name {
width: 25%
}
}
@media(max-width:767px) {
.marketplace-container .table-col.aliases-col.aliases-name {
margin-bottom: 10px
}
}
@media(min-width:768px) and (max-width:1024px) {
.marketplace-container .table-col.aliases-col.aliases-delivery {
width: 20%
}
}
@media(min-width:1025px) {
.marketplace-container .table-col.aliases-col.aliases-delivery {
width: 25%
}
}
@media(min-width:768px) and (max-width:900px) {
.marketplace-container .table-col.aliases-col.aliases-delivery {
text-align: right
}
}
@media(max-width:767px) {
.marketplace-container .table-col.aliases-col.aliases-quantity {
position: absolute;
left: 11px;
bottom: 10px
}
}
@media(min-width:768px) {
.marketplace-container .table-col.aliases-col.aliases-quantity {
text-align: center
}
}
@media(min-width:1025px) {
.marketplace-container .table-col.aliases-col.aliases-quantity {
width: 20%
}
}
@media(min-width:768px) and (max-width:1024px) {
.marketplace-container .table-col.aliases-col.aliases-quantity {
width: 160px
}
}
@media(max-width:767px) {
.marketplace-container .table-col.aliases-col.aliases-price {
position: absolute;
right: 54px;
bottom: 10px
}
}
@media(min-width:768px) {
.marketplace-container .table-col.aliases-col.aliases-price {
text-align: center
}
}
@media(min-width:1025px) {
.marketplace-container .table-col.aliases-col.aliases-price {
width: 20%
}
}
@media(min-width:768px) and (max-width:1024px) {
.marketplace-container .table-col.aliases-col.aliases-price {
width: 140px
}
}
@media(max-width:767px) {
.marketplace-container .table-col.aliases-col.aliases-button {
position: absolute;
right: 11px;
bottom: 10px;
width: 43px
}
}
@media(min-width:768px) and (max-width:900px) {
.marketplace-container .table-col.aliases-col.aliases-button {
width: 50px!important
}
}
@media(min-width:768px) and (max-width:1024px) {
.marketplace-container .table-col.aliases-col.aliases-button {
width: 160px
}
}
@media(min-width:1025px) {
.marketplace-container .table-col.aliases-col.aliases-button {
width: 200px;
padding-right: 15px
}
}
.marketplace-container .alias-name {
font-size: 13px;
line-height: 19px;
font-weight: 700;
color: #000
}
@media(max-width:767px) {
.marketplace-container .alias-name {
font-size: 14px
}
}
.marketplace-container .alias-name.fastest-name {
color: #258000
}
.marketplace-container .alias-name.cheapest-name {
color: #f01c24
}
.marketplace-container .alias-info-text {
font-size: 12px;
line-height: 19px
}
.marketplace-container .alias-info-text .icon-morele-question-mark-in-dark-circle {
font-size: 13px
}
@media(min-width:768px) {
.marketplace-container .aliases-perfect-wr {
text-align: right
}
}
@media(min-width:901px) {
.marketplace-container .aliases-perfect-wr {
max-width: 150px
}
}
.marketplace-container .aliases-perfect-info {
font-size: 14px;
line-height: 19px
}
.marketplace-container .aliases-perfect-info * {
color: #000!important;
font-weight: 400!important
}
.marketplace-container .aliases-perfect-days {
font-size: 13px;
line-height: 13px
}
@media(max-width:767px) {
.marketplace-container .aliases-perfect-days {
display: none
}
}
.marketplace-container .aliases-perfect-days span.delivery-day {
font-weight: 600;
color: #258000
}
.marketplace-container .aliases-perfect-days span+span {
margin-left: 5px
}
.marketplace-container .aliases-perfect-info+.aliases-perfect-days {
margin-top: 4px
}
.marketplace-container .alias-price {
font-weight: 600;
font-size: 16px;
color: #000
}
@media(max-width:767px) {
.marketplace-container .alias-price {
line-height: 33px;
font-size: 15px;
padding-right: 15px
}
}
.marketplace-container .select-count-box-wr {
display: inline-block;
vertical-align: middle
}
.marketplace-container .select-count-box .alias-select-count {
-webkit-box-flex: 0 0 60px;
-moz-box-flex: 0 0 60px;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
width: 60px
}
.marketplace-container .select-count-box .alias-info-count {
white-space: nowrap
}
.marketplace-container .select-count-box.has-select-controls .alias-info-count {
-webkit-box-flex: 0 0 calc(100% - 60px);
-moz-box-flex: 0 0 calc(100% - 60px);
-webkit-flex: 0 0 calc(100% - 60px);
-ms-flex: 0 0 calc(100% - 60px);
flex: 0 0 calc(100% - 60px);
width: calc(100% - 60px)
}
.marketplace-container .select-count-box.has-select-controls .alias-info-count span {
display: inline-block;
vertical-align: middle;
padding: 2px 0 0 12px;
min-width: 65px;
text-align: left
}
@media(min-width:901px) {
.marketplace-container .alias-to-basket i {
display: none
}
}
@media(max-width:900px) {
.marketplace-container .alias-to-basket {
width: 100%;
padding: 0 2px 0 0;
font-size: 22px;
line-height: 31px
}
.marketplace-container .alias-to-basket span {
display: none
}
}
.marketplace-container .aliases-empty {
margin: 15px 0 0;
font-size: 15px;
font-weight: 600;
border: 1px solid #e7e7e7;
padding: 10px;
text-align: center
}
.marketplace-container .aliases-footer {
margin: 10px 0
}
@media(max-width:800px) {
.marketplace-container .aliases-footer .aliases-footer-left,
.marketplace-container .aliases-footer .aliases-footer-right {
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.marketplace-container .aliases-footer .aliases-footer-right {
margin-bottom: 15px;
text-align: right
}
}
@media(max-width:767px) {
.show-mobile-slide-popup-marketplace-sorting .mobile-slide-popup-marketplace-sorting.mobile-only>.msp-content {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
opacity: 1;
filter: alpha(opacity=100)
}
.show-mobile-slide-popup-marketplace-sorting .mobile-slide-popup-marketplace-sorting.mobile-only>.msp-overlay {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
}
@media(max-width:1024px) {
.show-mobile-slide-popup-marketplace-sorting .mobile-slide-popup-marketplace-sorting:not(.mobile-only)>.msp-content {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
opacity: 1;
filter: alpha(opacity=100)
}
.show-mobile-slide-popup-marketplace-sorting .mobile-slide-popup-marketplace-sorting:not(.mobile-only)>.msp-overlay {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100)
}
}
.mobile-slide-popup:not(.mobile-only) .msp-content-body-inside {
padding: 0
}
.mobile-sorting {
text-align: right;
margin-bottom: 8px
}
.mobile-sorting a {
text-decoration: none
}
.marker-mobile-sorting {
margin: 0;
padding: 0;
list-style: none
}
.marker-mobile-sorting li {
position: relative;
font-size: 15px;
overflow: hidden;
color: #7b7b7b;
cursor: pointer;
border-bottom: 2px solid #e4e4e4;
padding: 10px 50px 10px 20px
}
.marker-mobile-sorting li.active-sort-type {
background: #e4e4e4;
color: #6a6a6a;
pointer-events: none
}
.btn-get-marketplace {
cursor: pointer
}
.btn-get-marketplace-child:hover {
text-decoration: underline
}
.product-data {
position: relative;
z-index: 1
}
.product-top {
margin-bottom: 5px
}
@media(min-width:1025px) {
.product-top {
margin-left: -15px
}
}
.product-top .title-wrap {
width: 100%
}
@media(min-width:1025px) {
.product-top .title-wrap {
width: 75%;
width: calc( 100% - 300px);
padding: 0 15px
}
}
.product-top .title-row {
width: 100%;
margin-left: 0;
margin-right: 0
}
.product-middle {
position: relative;
z-index: 110
}
.product-brandcert {
color: #01649a;
margin-bottom: 7px;
margin-top: 10px
}
@media(max-width:1025px) {
.product-brandcert {
margin-top: 5px;
margin-bottom: 15px
}
}
.product-id {
font-size: .857em;
color: #787878;
margin-bottom: 5px;
white-space: nowrap
}
.product-outlet-info {
border: 1px solid #0169a1;
padding: 10px 13px;
color: #0169a1;
font-weight: 600;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
margin-bottom: 10px
}
.product-outlet-info:hover {
border-color: #0169a1;
background: #0169a1;
color: #fff
}
@media(max-width:768px) {
.product-outlet-info {
margin: 0 10px
}
}
.product-outlet-info-text {
cursor: pointer;
margin-bottom: 10px
}
.pd-box {
margin-top: 20px;
border: 1px solid #e7e7e7;
padding: 18px 13px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.ekp-box {
padding: 15px 13px 10px;
font-size: 12px;
line-height: 1.5;
background: #fff url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/icon-ekp.png) top right no-repeat
}
.ekp-box-text {
padding-right: 50px
}
.panel-over-image {
position: relative;
z-index: 150;
margin-bottom: -21px
}
@media(min-width:1025px) {
.panel-over-image {
margin-top: 7px
}
}
.panel-over-image .compi label {
font-size: .95em;
padding-left: 24px
}
.panel-over-image>div {
display: inline-block;
vertical-align: middle;
margin: 0
}
.panel-over-image>div+div {
margin-left: 15px
}
.product-top .page-title+.title-fname {
margin-bottom: 5px
}
@media(min-width:768px) and (max-width:1024px) {
.product-top .page-title+.title-fname {
margin-bottom: 10px
}
}
.title-fname-row {
display: flex
}
@media(max-width:1024px) {
.title-fname-row {
display: block
}
}
.product-guardian {
margin-bottom: 15px
}
.product-guardian .name {
font-weight: 400;
margin-bottom: 8px
}
.product-guardian .links a {
margin-left: 6px
}
@media(max-width:768px) {
.product-guardian {
margin-top: 15px
}
}
.promotion-text {
border: 1px solid transparent;
margin-top: 15px!important;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px
}
.promotion-text .lab {
text-transform: uppercase;
color: #fff;
padding: 6px 10px;
line-height: 18px;
font-size: 13px;
letter-spacing: -.25px
}
.promotion-text .val {
font-size: 12px;
padding: 10px 14px;
line-height: 18px
}
.promotion-text .val b,
.promotion-text .val strong {
font-weight: 400!important
}
.promotion-text.promotion_style_2 {
border-top: 0
}
.promotion-text.promotion_style_2 .lab {
float: left;
width: 125px;
padding: 11px 12px 13px
}
.promotion-text.promotion_style_2 .val {
float: left;
width: 100%;
margin-left: -125px;
padding: 12px 10px 10px 144px
}
.promotion-text.promotion_color_1 {
background: #fffbed;
border-color: #faa91c
}
.promotion-text.promotion_color_1 .lab {
background: #faa91c
}
.promotion-text.promotion_color_3 {
background: #edf9ff;
border-color: #0169a1
}
.promotion-text.promotion_color_3 .lab {
background: #0169a1
}
.variants-title {
margin-bottom: 7px;
display: block
}
.variant {
margin-bottom: 11px
}
.variant-f_head {
margin-bottom: 5px;
font-size: 1.04em
}
.m-dropdown-variants {
margin-top: 4px
}
.variant-f_values ul.varians-base {
padding: 0;
margin: 0 -5px;
list-style: none
}
.variant-f_values ul.varians-base:after {
content: '';
display: block;
clear: both
}
.variant-f_values ul.varians-base li {
float: left;
padding: 4px 5px
}
.variant-f_values ul.varians-base li a,
.variant-f_values ul.varians-base li span {
position: relative;
display: block;
color: #000;
border: 1px solid #000;
border-radius: 5px;
background: #fff;
padding: 6px 0;
text-align: center;
cursor: pointer;
text-decoration: none!important
}
.variant-f_values ul.varians-base li a:hover,
.variant-f_values ul.varians-base li span:hover {
border-color: #0169a1;
background: #f4fcff
}
.variant-f_values ul.varians-base li a .button-loader .loader,
.variant-f_values ul.varians-base li span .button-loader .loader {
color: #0169a1;
font-size: 3px;
margin: 12px auto
}
.variant-f_values ul.varians-base li.variant-hovered a,
.variant-f_values ul.varians-base li.variant-hovered span {
background: #f4fcff
}
.variant-f_values ul.varians-base li.type-5 a,
.variant-f_values ul.varians-base li.type-5 span {
width: 60px
}
.variant-f_values ul.varians-base li.type-7 a,
.variant-f_values ul.varians-base li.type-7 span {
width: 83px
}
.variant-f_values ul.varians-base li.type-15 a,
.variant-f_values ul.varians-base li.type-15 span {
width: 130px
}
.variant-f_values ul.varians-base li.variant-inactive a,
.variant-f_values ul.varians-base li.variant-inactive span {
opacity: .6;
filter: alpha(opacity=60)
}
.variant-f_values ul.varians-base li.dropdown-active a,
.variant-f_values ul.varians-base li.dropdown-active span {
border: 2px solid #0169a1;
padding: 5px 0;
font-weight: 600;
background: #f4fcff;
pointer-events: none
}
.variant-f_values .dropdown-button .button-loader .loader {
color: #0169a1;
font-size: 3px;
margin: 17px auto
}
.variant-f_values ul.varians-drop li {
padding: 0!important
}
.variant-f_values ul.varians-drop li a,
.variant-f_values ul.varians-drop li span {
display: block;
padding: 7px 14px;
color: #000;
text-decoration: none!important
}
.variant-f_values ul.varians-drop li.dropdown-active a,
.variant-f_values ul.varians-drop li.dropdown-active span {
color: #fff
}
.variant-f_values ul.varians-drop li.variant-inactive a,
.variant-f_values ul.varians-drop li.variant-inactive span {
opacity: .6;
filter: alpha(opacity=60)
}
.variants.loading .variant-value a,
.variants.loading .variant-value span,
.variants.loading .variant-value .dropdown-button {
opacity: .5;
filter: alpha(opacity=50);
pointer-events: none
}
.variants.loading .variant-value a.btn-loading,
.variants.loading .variant-value span.btn-loading,
.variants.loading .variant-value .dropdown-button.btn-loading {
opacity: 1;
filter: alpha(opacity=100)
}
.breadcrumbs-back {
padding: 0 0 10px
}
.breadcrumbs-back i {
color: #000;
margin-right: 5px
}
#catalog_product.not-swiping .panel-wr {
pointer-events: none
}
.product-recomendation {
line-height: 1.3;
font-weight: 400;
color: #000;
margin-bottom: 7px
}
.product-recomendation * {
font-weight: 400!important
}
.features-title {
margin-bottom: 10px;
display: block
}
.features {
margin: 0;
padding: 0;
list-style: none
}
.features li {
position: relative;
padding: 0 0 0 11px;
margin-bottom: 5px
}
.features li b {
font-weight: 600
}
.features li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 6px;
width: 5px;
height: 5px;
background: #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px
}
@media(min-width:1025px) {
.block-gallery {
width: 100%;
margin-right: -600px;
padding-right: 600px
}
}
.show-inspiration-button {
text-align: right;
margin-top: 15px
}
.show-inspiration-button a {
font-weight: 600
}
.block-offers {
margin-bottom: 20px
}
@media(min-width:1025px) {
.block-offers {
width: 300px;
left: 300px
}
}
@media(min-width:768px) and (max-width:1025px) {
.block-offers {
margin-top: -45px
}
}
@media(max-width:768px) {
.block-offers {
margin-bottom: 0
}
}
@media(min-width:1025px) {
.block-options {
width: 300px;
right: 300px
}
}
@media(min-width:768px) and (max-width:1024px) {
.block-options {
margin-top: 30px
}
}
.product-options {
margin-top: 6px
}
.product-options>div {
margin: 7px 0
}
.product-options b {
font-weight: 600
}
@media(min-width:768px) and (max-width:1024px) {
.product-options {
margin-top: 0
}
.product-options>div:first-child {
margin-top: 0
}
}
@media(max-width:768px) {
.product-options {
padding-left: 0;
padding-right: 0;
margin-top: 15px
}
}
.wcs div+div {
margin-top: 5px
}
.sidebar-block {
position: relative;
border: 1px solid #e7e7e7;
padding: 10px 13px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.sidebar-block.price-with-voucher {
margin-top: 15px;
z-index: 1;
padding-bottom: 8px
}
@media(min-width:768px) {
.sidebar-block.add-to-basket-section {
margin-bottom: 0
}
}
.sidebar-block>div {
line-height: 1.5;
letter-spacing: .02em;
margin-bottom: 5px
}
.sidebar-block>div b {
display: inline-block;
vertical-align: baseline;
font-weight: 600
}
@media(max-width:768px) {
.add-to-basket-section {
border: 0
}
}
.additional-sidebar-block {
margin-top: 1em
}
.additional-sidebar-block .additional-sidebar-content {
display: flex;
align-items: center;
flex-direction: row;
margin-top: 1em
}
.additional-sidebar-block .additional-sidebar-content a.blue {
flex: 1;
display: inline-block;
font-size: 1.2em;
font-weight: 600
}
.additional-sidebar-block .additional-sidebar-content .lower-price {
flex: 1;
text-align: right;
font-size: 1.5em;
font-weight: 600
}
.additional-sidebar-block>.additional-sidebar-description {
font-size: 12px
}
.price-with-voucher a {
font-weight: 600
}
.sidebar-block>div.voucher-info {
font-size: 12px;
margin-bottom: 7px
}
.sidebar-block>div.voucher-link {
float: left;
margin: 5px 0
}
.sidebar-block>div.voucher-price {
float: right;
font-weight: 600;
font-size: 1.5em;
margin: 0
}
.price {
margin-bottom: 13px
}
.price-old {
display: inline-block;
vertical-align: middle;
position: relative;
color: #545454;
line-height: 10px;
text-decoration: none;
font-size: 13px
}
.price-old:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 55%;
height: 1px;
background: #545454;
display: block;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.price-new {
position: relative
}
.price-new .text {
position: absolute;
left: 0;
top: 50%;
text-align: left;
font-size: 1.143em;
color: #787878;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.price-new .value {
font-weight: 600;
font-size: 2em
}
.price-interest {
color: #0169a1;
font-size: .929em;
margin-bottom: 10px
}
.simulation-list {
display: none;
margin-bottom: 15px
}
.simulation-item.simulation-item {
margin-top: 15px
}
.simulation-item .sk-spinner-loader {
display: inline-block;
vertical-align: middle;
background: #fff;
margin-left: 5px;
width: 18px;
height: 18px
}
.simulation-item .sk-spinner-loader:after {
background: #fff
}
.simulation-item a {
display: block;
padding: 5px 0 5px 85px;
text-align: right;
font-weight: 600;
background-position: left center;
background-repeat: no-repeat
}
.simulation-item a.ca {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44img-ca-raty-small.png)
}
.simulation-item a.santander {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-eraty-raty-small.png)
}
.add-to-basket {
margin-bottom: 14px
}
.add-to-basket a {
font-size: 14px
}
.blue-text {
color: #0169a1!important;
font-weight: 100!important
}
.box_guarantee .checkbox label {
line-height: 1.5;
padding-left: 25px;
font-size: 1em;
letter-spacing: -.03em
}
.box_guarantee .checkbox label .input {
top: 4px
}
.arrival-data-freeshipping {
font-size: 1em;
margin-bottom: 10px
}
.arrival-data-freeshipping:not(.not-hover):hover,
.arrival-data-freeshipping:not(.not-hover):hover b {
text-decoration: underline
}
.arrival-data-wrap {
margin: 0 -13px;
padding: 8px 14px 0;
position: relative
}
.arrival-data-wrap a {
text-decoration: none
}
.arrival-data-wrap br {
display: none!important
}
.arrival-data-wrap .delivery-loader {
background: #edeef0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 15
}
.arrival-data-wrap .delivery-loader .loader {
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
left: 50%;
font-size: 6px;
margin: 0 auto
}
.arrival-data-main {
line-height: 1.45;
margin-bottom: 0;
position: relative
}
.arrival-data-main span {
display: inline-block;
vertical-align: baseline
}
.arrival-data-main a {
color: #000
}
.arrival-data-timer b {
display: inline-block;
font-weight: 100!important;
color: #000;
font-size: 1em
}
.arrival-data-timer .deliveryDate {
display: inline;
vertical-align: baseline;
margin-right: 3px;
color: #018068!important;
font-weight: 400!important
}
.arrival-data-timer #arrivalTimer {
display: inline-block;
vertical-align: baseline;
padding: 0!important;
width: auto!important;
font-weight: 100!important;
color: #000!important
}
.arrival-data-timer div>.text {
padding: 0 2px
}
.arrival-data-timer span,
.arrival-data-timer div {
display: inline
}
.arrival-data-timer .seconds {
display: none
}
.arrival-data-timer .minutes+div {
display: none
}
.arrival-data-timer .hours:after {
content: ' h '
}
.arrival-data-timer .minutes:after {
content: ' min, '
}
.arrival-data-timer .text {
display: none
}
.product-buy {
margin-bottom: 5px
}
.product-available {
margin-bottom: 9px
}
.product-available b {
font-weight: 600!important
}
.goback-mobile {
display: none;
margin-bottom: 10px
}
.goback-mobile i {
color: #000;
margin-right: 5px
}
@media(max-width:768px) {
.goback-mobile {
display: block
}
}
@media(min-width:768px) {
.product-gallery {
margin-top: 25px
}
}
@media(max-width:767px) {
.product-gallery {
margin-bottom: 20px
}
}
.product-gallery,
.pswp {
position: relative
}
.product-gallery .big-image,
.pswp .big-image {
position: relative;
max-width: 430px;
margin: 0 auto;
cursor: pointer
}
.product-gallery .big-image i.icon-morele-no-photo,
.pswp .big-image i.icon-morele-no-photo {
font-size: 270px
}
.product-gallery .big-image a,
.pswp .big-image a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
touch-action: inherit!important
}
.product-gallery .big-image a.active-image,
.pswp .big-image a.active-image {
display: block
}
.product-gallery .big-image:before,
.pswp .big-image:before {
content: '';
display: block;
padding-top: 72%
}
@media(max-width:500px) {
.product-gallery .big-image:before,
.pswp .big-image:before {
padding-top: 100%
}
}
.product-gallery .big-image img,
.pswp .big-image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.product-gallery .big-image .image-loader .loader,
.pswp .big-image .image-loader .loader {
font-size: 20px
}
.photoslider-big-nav {
position: absolute;
top: 50%;
font-size: 15em;
color: #01618a;
border-top: 4px solid #01618a;
width: 80px;
height: 80px;
cursor: pointer
}
.photoslider-big-nav.prev {
left: 20px;
border-left: 4px solid #01618a;
transform: translate3d(20px, -50%, 0) rotate(-45deg);
-webkit-transform: translate3d(20px, -50%, 0) rotate(-45deg);
-moz-transform: translate3d(20px, -50%, 0) rotate(-45deg);
-ms-transform: translate3d(20px, -50%, 0) rotate(-45deg);
-o-transform: translate3d(20px, -50%, 0) rotate(-45deg)
}
@media(max-width:767px) {
.photoslider-big-nav.prev {
left: 0
}
}
.photoslider-big-nav.next {
right: 20px;
border-right: 4px solid #01618a;
transform: translate3d(-20px, -50%, 0) rotate(45deg);
-webkit-transform: translate3d(-20px, -50%, 0) rotate(45deg);
-moz-transform: translate3d(-20px, -50%, 0) rotate(45deg);
-ms-transform: translate3d(-20px, -50%, 0) rotate(45deg);
-o-transform: translate3d(-20px, -50%, 0) rotate(45deg)
}
@media(max-width:767px) {
.photoslider-big-nav.next {
right: 0
}
}
@media(max-width:767px) {
.photoslider-big-nav {
width: 45px;
height: 45px
}
}
.thumbs-images,
.thumbs-images-gallery {
margin: 20px 70px 0
}
@media(max-width:500px) {
.thumbs-images,
.thumbs-images-gallery {
margin: 0 30px
}
}
.thumbs-images .owl-prev,
.thumbs-images .owl-next,
.thumbs-images-gallery .owl-prev,
.thumbs-images-gallery .owl-next {
position: absolute;
border: 0;
background: 0 0;
bottom: auto;
top: 50%;
font-size: 5em;
height: 43px;
padding: 0;
color: #d3dadd;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
@media(max-width:500px) {
.thumbs-images .owl-prev,
.thumbs-images .owl-next,
.thumbs-images-gallery .owl-prev,
.thumbs-images-gallery .owl-next {
font-size: 4em
}
}
.thumbs-images .owl-prev i,
.thumbs-images .owl-next i,
.thumbs-images-gallery .owl-prev i,
.thumbs-images-gallery .owl-next i {
line-height: 40px;
height: 43px;
display: block
}
.thumbs-images .owl-prev i:before,
.thumbs-images .owl-next i:before,
.thumbs-images-gallery .owl-prev i:before,
.thumbs-images-gallery .owl-next i:before {
line-height: 40px;
height: 40px
}
.thumbs-images .owl-prev.disabled,
.thumbs-images .owl-next.disabled,
.thumbs-images-gallery .owl-prev.disabled,
.thumbs-images-gallery .owl-next.disabled {
display: none;
pointer-events: none
}
.thumbs-images .owl-prev:hover,
.thumbs-images .owl-next:hover,
.thumbs-images-gallery .owl-prev:hover,
.thumbs-images-gallery .owl-next:hover {
color: #0169a1
}
.thumbs-images .owl-next,
.thumbs-images-gallery .owl-next {
right: -49px
}
@media(max-width:500px) {
.thumbs-images .owl-next,
.thumbs-images-gallery .owl-next {
right: -30px
}
}
.thumbs-images .owl-prev,
.thumbs-images-gallery .owl-prev {
left: -49px;
right: auto
}
@media(max-width:500px) {
.thumbs-images .owl-prev,
.thumbs-images-gallery .owl-prev {
left: -30px
}
}
.thumbs-images-wr {
margin: 20px 70px
}
.thumbs-images {
margin: 0
}
.thumbs-images:after {
content: '';
display: block;
clear: both
}
.thumbs-image {
position: relative;
cursor: pointer;
float: left;
width: 20%;
display: none
}
.thumbs-image:nth-child(1),
.thumbs-image:nth-child(2),
.thumbs-image:nth-child(3),
.thumbs-image:nth-child(4) {
display: block
}
.thumbs-image:before {
content: '';
display: block;
padding-top: 100%
}
.thumbs-image a {
position: absolute;
cursor: pointer;
top: 8px;
left: 8px;
right: 8px;
bottom: 8px;
background-repeat: no-repeat;
background-size: contain;
background-position: center
}
.thumbs-image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%
}
.thumbs-image .image-loader .loader {
font-size: 5px
}
.owl-item .thumbs-image {
float: none;
width: 100%
}
@media(max-width:768px) {
.compi {
display: none
}
}
.pswp .thumbs-images-gallery {
position: relative;
top: 100%;
margin: 0;
margin-top: -100px;
width: 100%;
left: 0;
background: rgba(53, 44, 44, .87)
}
.pswp .thumbs-images-gallery .slick-track {
margin: 0 auto
}
.pswp .thumbs-images-gallery img.lazy {
width: 80px;
height: auto;
border-radius: 3px
}
.pswp .thumbs-images-gallery .thumbs-image {
height: 100px
}
#delivery_content {
padding-top: 10px
}
#delivery_content span::after {
display: block
}
#delivery_content h4:first-of-type {
display: none!important;
background-color: red
}
#get_delivery_info i.fa {
display: inline
}
#get_delivery_info i.fa-angle-down,
#get_delivery_info i.fa-angle-up {
font-size: 16px
}
#get_delivery_info i.sk-spinner-loader {
display: inline-block;
vertical-align: middle;
background: #fff;
margin-left: 5px;
width: 15px;
height: 15px
}
#get_delivery_info i.sk-spinner-loader.hidden {
display: none
}
#get_delivery_info i.sk-spinner-loader:after {
background: #fff
}
.product-delivery {
z-index: 100;
display: block!important;
position: absolute;
background-color: #fff;
padding: 0 14px;
left: -15px;
right: -15px;
border: 1px solid #e7e7e7;
border-top: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.product-delivery.delivery-content-netpunkt {
margin-bottom: 75px
}
.product-delivery.delivery-content-netpunkt-2 {
margin-bottom: 85px
}
.product-delivery.delivery-content-netpunkt-3 {
margin-bottom: 130px
}
@media(max-width:767px) {
.product-delivery.delivery-content-netpunkt {
margin-bottom: -18px
}
.product-delivery.delivery-content-netpunkt-2 {
margin-bottom: -18px
}
.product-delivery.delivery-content-netpunkt-3 {
margin-bottom: -18px
}
}
@media(max-width:768px) {
.product-delivery {
border: 0;
position: static;
padding: 0
}
}
.product-delivery .content {
margin-top: 8px;
line-height: 1.5;
padding: 0;
z-index: 100
}
.product-delivery .content .product-available {
display: block;
padding: 8px 0
}
.product-delivery .content .netpunkt-data-wrapper {
padding: 8px 0
}
.product-delivery .content .netpunkt-data-wrapper ul {
list-style: none;
color: #0169a1!important;
padding: 0
}
.product-delivery .content .netpunkt-data-wrapper .netpunkt-data {
display: flex!important;
align-items: center;
cursor: pointer;
justify-content: space-between
}
.product-delivery .content .netpunkt-data-wrapper .netpunkt-data i {
font-size: 22px
}
@media(max-width:768px) {
.product-delivery .content .netpunkt-data-wrapper .netpunkt-data i {
padding-right: 10px
}
}
.product-delivery .content .netpunkt-data-wrapper .netpunkt-data .netpunkt-info {
font-weight: 400!important;
color: #000!important
}
.product-delivery .content .netpunkt-data-wrapper .netpunkt-data .netpunkt-warehouse {
font-weight: 400!important;
color: #0169a1!important
}
.product-delivery .content #delivery_content {
display: none;
padding-bottom: 8px
}
@media(min-width:768px) {
.product-delivery .content #delivery_content {
border-top: 0
}
}
.product-delivery .content h4 {
margin: 12px 0;
line-height: 1.5;
font-weight: 200!important;
font-size: 1em
}
.product-delivery .content h4 span {
display: inline-block;
vertical-align: baseline
}
.product-delivery .content p {
font-size: .857em;
margin: 0;
margin-bottom: 5px
}
.product-delivery .content p span {
display: inline-block;
vertical-align: baseline;
font-weight: 600!important
}
.product-delivery .content p b {
font-weight: 700
}
.product-delivery .content b {
font-weight: 600
}
.m-tabs-cont-in .top-desc {
position: relative;
overflow: hidden
}
.m-tabs-cont-in .iframe-loading {
height: 0!important;
overflow: hidden
}
.m-tabs-cont-in .tabs-title {
margin-top: 0;
margin-bottom: 15px
}
.m-tabs-cont-in .hidden-seo-description {
height: 0;
overflow: hidden
}
.m-tabs-cont-in p {
margin: 0
}
.m-tabs-cont-in .product-desc,
.m-tabs-cont-in .wc-desc {
margin-bottom: 20px
}
.m-tabs-cont-in .product-desc *,
.m-tabs-cont-in .wc-desc * {
box-sizing: content-box
}
@media(max-width:768px) {
.m-tabs-cont-in .product-desc iframe,
.m-tabs-cont-in .wc-desc iframe {
width: 100%!important;
min-height: 350px
}
}
.m-tabs-cont-in .product-desc table td,
.m-tabs-cont-in .wc-desc table td {
padding: 5px
}
.m-tabs-cont-in .product-desc p,
.m-tabs-cont-in .wc-desc p {
font-size: 14px;
margin: 0
}
.m-tabs-cont-in .product-desc:after,
.m-tabs-cont-in .wc-desc:after {
content: '';
display: block;
clear: both
}
@media(max-width:767px) {
.m-tabs-cont-in .product-desc table,
.m-tabs-cont-in .product-desc thead,
.m-tabs-cont-in .product-desc tbody,
.m-tabs-cont-in .product-desc tr,
.m-tabs-cont-in .product-desc td,
.m-tabs-cont-in .product-desc th,
.m-tabs-cont-in .wc-desc table,
.m-tabs-cont-in .wc-desc thead,
.m-tabs-cont-in .wc-desc tbody,
.m-tabs-cont-in .wc-desc tr,
.m-tabs-cont-in .wc-desc td,
.m-tabs-cont-in .wc-desc th {
display: block!important
}
}
@media(max-width:767px) {
#mobile_description img {
display: block;
max-width: 100%;
height: auto;
margin: 5px auto;
float: none;
clear: both
}
#mobile_description table,
td,
tr,
th {
display: block!important;
width: 100%;
float: none;
clear: both
}
}
.product-desc .slider {
position: static;
opacity: 1;
background: 0 0
}
.product-desc .section-colums .table-col {
border: 0
}
.product-desc .section-colums img {
max-width: 100%;
height: auto
}
.installmentLeasing h3 {
margin: 0 0 26px
}
.installmentLeasing .list-with-links li {
margin-bottom: 17px
}
.installment {
margin-bottom: 30px
}
@media(max-width:767px) {
.installment-calcilators {
margin-bottom: 40px
}
}
.installment-calcilators>div+div {
margin-top: 20px
}
.installment-calcilators a {
display: inline-block;
vertical-align: middle;
text-decoration: none
}
.installment-calcilators a img {
max-width: 100%
}
@media(min-width:768px) {
.warranty .table-col {
height: 120px
}
}
.warranty-table {
margin-bottom: 30px
}
.warranty-item {
background: #eceff0
}
.warranty-item:nth-child(2n) {
background: #f4f7f8
}
.warranty-item .label,
.warranty-item .value {
padding: 10px 15px;
border: 0
}
@media(min-width:768px) {
.warranty-item .label,
.warranty-item .value {
height: 40px
}
}
.warranty-item .label {
font-weight: 600
}
@media(min-width:768px) {
.warranty-item .label {
width: 187px
}
}
@media(max-width:767px) {
.warranty-item .label {
padding-bottom: 0
}
}
.warranty-item .value {
width: 100%
}
.warranty-item:after {
content: '';
display: block;
clear: both
}
.warranty-info {
margin-top: 29px
}
.warranty-info h3 {
margin: 0 0 11px
}
@media(max-width:637px) {
.prezentation_3d-wr {
display: none
}
}
.prezentation_3d {
max-width: 602px;
margin: 0 auto 15px;
border: 1px solid #e7e7e7;
position: relative;
cursor: pointer
}
.prezentation_3d:before {
content: '';
display: block;
padding-top: 75%
}
.prezentation_3d iframe,
.prezentation_3d .orbitvu-viewer,
.prezentation_3d .orbitvu-viewer>div,
.prezentation_3d span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%!important;
height: 100%!important;
border: 0
}
.prezentation_3d span {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
opacity: 0;
filter: alpha(opacity=0)
}
.prezentation_3d span.first {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-3d_prezentacjaGray.png);
opacity: 1;
filter: alpha(opacity=100)
}
.prezentation_3d span.first-hover {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-3d_prezentacjaRed.png)
}
.prezentation_3d span.second {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-3d_prezentacjaGray_unavailable.png)
}
.prezentation_3d span.second-hover {
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_44/img-3d_prezentacjaRed_unavailable.png)
}
.prezentation_3d.error span.first {
opacity: 0;
filter: alpha(opacity=0)
}
.prezentation_3d.error span.second {
opacity: 1;
filter: alpha(opacity=100)
}
.prezentation_3d:not(.error):hover span.first {
opacity: 0;
filter: alpha(opacity=0)
}
.prezentation_3d:not(.error):hover span.first-hover {
opacity: 1;
filter: alpha(opacity=100)
}
.prezentation_3d.error:hover span.second {
opacity: 0;
filter: alpha(opacity=0)
}
.prezentation_3d.error:hover span.second-hover {
opacity: 1;
filter: alpha(opacity=100)
}
@media(max-width:767px) {
.btn {
width: 100%
}
}
.tabs-product-name {
font-size: 1.143em;
font-weight: 600;
color: #0169a1;
margin: 0 0 15px
}
.reviews-wrap h2 {
margin-top: 0
}
.dialog-tech-question {
max-width: 650px
}
.dialog-tech-question .m-dialog-cont {
padding: 0 15px
}
.dialog-tech-question .m-dialog-cont .table-info {
margin-bottom: 0
}
.product-all-desc {
margin-bottom: 20px
}
.technical-specification h2 {
margin: 0 0 34px
}
.technical-specification h3 {
margin: 0 0 11px
}
.technical-specification .table-info {
padding: 0 10px
}
.table-info {
margin-bottom: 28px
}
.table-info-item {
background: #eceff0
}
.table-info-item:nth-child(2n) {
background: #f4f7f8
}
.table-info-inner {
padding: 12px 31px 12px 0
}
.table-info-inner.name {
font-weight: 600;
padding-left: 25px
}
@media(min-width:768px) {
.table-info-inner.name.with-info {
padding-left: 50px
}
}
.table-info-inner.name .name-info {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.table-info-inner .info-item span {
display: inline-block;
font-size: 1em;
font-weight: 600
}
.table-info-inner .info-item+.info-item {
margin-top: 7px
}
@media(max-width:767px) {
.table-info-inner {
padding: 10px 10px 10px 0
}
.table-info-inner.name {
padding-left: 10px
}
}
.product-desc-bottom,
.product-desc-print {
margin-bottom: 20px
}
.product-seo {
padding: 15px;
font-size: .929em;
border: 1px solid #e7e7e7;
color: #01649a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
@media(max-width:767px) {
.product-seo {
margin-top: 20px
}
}
@media(max-width:768px) {
.box-hidden {
padding-right: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
}
.product-seo-inner {
position: relative;
padding-right: 30px
}
.product-seo-inner.box-hidden:after {
transform: translate3d(0, -50%, 0) rotate(0deg)
}
@media(max-width:768px) {
.product-seo-inner:after {
content: '\f078';
position: absolute;
width: 30px;
right: 0;
top: 50%;
font-family: fontawesome;
font-size: 1.4em;
color: #000;
text-align: center;
transform: translate3d(0, -50%, 0) rotate(180deg)
}
}
.feature-descriptions {
max-width: 800px
}
.feature-descriptions .m-dialog-h {
border: 0;
padding: 20px 50px 15px 20px
}
.feature-descriptions .m-dialog-cont {
padding-top: 0
}
.feature-descriptions .m-dialog-hc {
right: 10px;
top: 4px;
margin-top: 0;
font-size: 26px
}
.feature-descriptions .fd-body {
color: #000;
font-size: 14px;
line-height: 1.4
}
.feature-descriptions .fd-body h2 {
margin-top: 0
}
.feature-descriptions .fd-body hr {
margin: 25px 0;
border-top: 2px solid #e7e7e7
}
.feature-descriptions .fd-body p,
.feature-descriptions .fd-body ul,
.feature-descriptions .fd-body ol {
color: #000;
font-size: 14px;
line-height: 1.4;
margin: 0 0 10px
}
.feature-descriptions .fd-body p:last-child,
.feature-descriptions .fd-body ul:last-child,
.feature-descriptions .fd-body ol:last-child {
margin-bottom: 0
}
.feature-descriptions .fd-body ul,
.feature-descriptions .fd-body ol {
padding-left: 20px
}
.feature-descriptions .fd-body ul li,
.feature-descriptions .fd-body ol li {
margin-bottom: 10px
}
.feature-descriptions .fd-body ul li:last-child,
.feature-descriptions .fd-body ol li:last-child {
margin-bottom: 0
}
.feature-descriptions .fd-body img {
max-width: 100%
}
.feature-descriptions .fd-body .dest {
margin-top: 30px;
border: 1px solid #e7e7e7;
padding: 16px 10px 16px 50px
}
.feature-descriptions .fd-body .dest .d-title {
position: relative;
font-weight: 600;
font-size: 16px;
margin-bottom: 8px
}
.feature-descriptions .fd-body .dest .d-title i {
position: absolute;
left: -23px;
top: -1px;
font-size: 20px
}
.feature-descriptions .fb-footer {
background: #f4f7f8;
text-align: center;
padding: 20px;
margin: 20px -20px -20px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px
}
.feature-descriptions .featureRate-label {
display: inline-block;
vertical-align: middle;
margin-right: 30px
}
@media(max-width:600px) {
.feature-descriptions .featureRate-label {
margin: 0 0 15px;
display: block
}
}
.feature-descriptions .featureRate {
display: inline-block;
vertical-align: middle;
color: #000;
text-decoration: none;
margin-left: 25px
}
@media(max-width:600px) {
.feature-descriptions .featureRate {
margin: 0 10px
}
}
.feature-descriptions .featureRate span {
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #fff;
width: 33px;
height: 33px;
line-height: 30px;
margin-right: 4px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.feature-descriptions .featureRate span .fa-icon-loader {
display: none;
width: 27px;
height: 25px
}
.feature-descriptions .featureRate.sended span {
line-height: 32px
}
.feature-descriptions .featureRate.sended span .fa-icon-like {
display: none
}
.feature-descriptions .featureRate.sended span .fa-icon-loader {
display: inline-block
}
.feature-descriptions .featureRate.sended.rateDown span {
line-height: 31px
}
.feature-descriptions .featureRate.rateUp span {
background: #83d600
}
.feature-descriptions .featureRate.rateDown span {
background: #f12f00;
line-height: 33px
}
.feature-descriptions .featureRate:hover.rateUp span {
background: #619a06
}
.feature-descriptions .featureRate:hover.rateDown span {
background: #b92804
}
.opis_sekcja,
.opis_sekcja *,
.opis_sekcjaTabelka {
box-sizing: border-box!important;
margin-top: 10px;
margin-bottom: 10px
}
.opis_sekcjaTabelka {
border-radius: 5px;
background-color: #eceff0;
display: flex;
padding: 0
}
.opis_sekcjaTabelka .table-col {
width: 24%;
height: 72px;
border: 1px solid #d6d9da;
padding: 5px!important;
text-align: center;
color: #000;
font-size: 20px;
font-weight: 400;
word-break: break-word
}
.opis_sekcjaTabelka .table-row-head .table-col {
font-weight: 600
}
.opis_sekcjaTabelka .desc-col-1 {
width: 40%
}
.opis_sekcjaTabelka .desc-col-img img {
display: inline-block!important;
max-width: 90%!important;
max-height: 80%!important
}
@media(max-width:767px) {
.opis_sekcjaTabelka .table-col {
font-size: 16px
}
}
.opis_wysrodkowanie {
vertical-align: middle
}
.opis_sekcja .opis_sekcjaTekst .opis_sekcjaTytul {
color: #000;
font-size: 32px;
font-weight: 600;
line-height: 36px;
text-align: left
}
.opis_sekcja .opis_sekcjaTekst p {
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 30px;
text-align: left
}
.opis_sekcja .opis_sekcjaObrazek img {
width: 95%;
margin: 0 auto;
text-align: center
}
.opis_sekcja #opis_paddingTop {
padding-top: 20%
}
.opis_sekcja .opis_videoContainer {
position: relative;
padding-bottom: 50.65%;
padding-top: 30px;
height: 0;
overflow: hidden
}
.opis_sekcja .opis_videoContainer iframe {
margin: 0
}
.opis_sekcja .opis_videoContainer iframe,
.opis_sekcja .opis_videoContainer object,
.opis_sekcja .opis_videoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media(max-width:1025px) {
.opis_sekcja .opis_sekcjaObrazek img {
width: 70%;
margin: 0 auto;
text-align: center
}
.opis_sekcja {
text-align: center
}
.opis_sekcja #opis_paddingTop {
padding-top: 0
}
}
@media(max-width:700px) {
.opis_sekcjaTabelka {
font-size: 16px
}
}
@media(max-width:390px) {
.opis_sekcjaTabelka {
display: none
}
}
.news-gallery {
height: 0;
overflow: hidden
}
.news-gallery.open {
height: auto
}
.owl-news-gallery {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e7e7e7
}
.owl-gallery {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
cursor: pointer;
margin: 0 10px
}
.owl-gallery:before {
content: '';
display: block;
padding-top: 80%
}
.icon-big-close {
position: relative;
width: 26px;
height: 26px;
display: block;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg)
}
.icon-big-close:before,
.icon-big-close:after {
content: '';
position: absolute;
background: #000;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px
}
.icon-big-close:before {
top: 0;
left: 50%;
bottom: 0;
width: 3px;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0)
}
.icon-big-close:after {
top: 50%;
left: 0;
right: 0;
height: 3px;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.inspiration-wrap {
position: relative;
min-height: 200px
}
.inspiration-dynamic {
margin-top: 30px
}
.news-gallery-dialog-out {
background: 0 0
}
.outlet-dialog .m-dialog-cont img {
max-height: calc(100vh - 120px)
}
.news-gallery-dialog {
position: relative;
width: auto;
border: 2px solid #0169a1;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.news-gallery-dialog .m-dialog-h {
position: absolute;
top: 0;
right: 0;
border: 0;
padding: 20px
}
.news-gallery-dialog .m-dialog-ht {
font-size: 0!important
}
.news-gallery-dialog .m-dialog-hc {
width: 26px;
height: 26px;
right: 7px;
top: 7px;
margin-top: 0
}
.news-gallery-dialog .m-dialog-hc:hover .icon-big-close:before,
.news-gallery-dialog .m-dialog-hc:hover .icon-big-close:after {
background: #0169a1
}
.news-gallery-dialog .m-dialog-cont {
padding: 30px
}
.product-reviews-list {
margin-top: 34px
}
.pr-list-head {
position: relative;
min-height: 45px;
padding: 13px 550px 11px 0;
margin-bottom: 35px
}
@media(max-width:767px) {
.pr-list-head {
padding: 0;
min-height: 0
}
}
.pr-list-head .pr-list-h-title {
font-weight: 600;
font-size: 18px;
letter-spacing: 1px
}
.pr-list-head .pr-list-h-filters {
position: absolute;
top: 0;
right: 0;
width: 530px
}
.pr-list-head .pr-list-h-filters .row {
margin: 0 -5px
}
.pr-list-head .pr-list-h-filters .row *[class*=col-] {
padding: 0 5px
}
.pr-list-item {
position: relative;
padding-bottom: 11px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px
}
.pr-list-item .pr-li-helpful-label {
position: absolute;
top: -12px;
left: 21px;
font-weight: 600;
padding: 0 10px;
letter-spacing: .3px;
display: inline-block;
vertical-align: middle;
background: #fff;
font-size: 15px;
white-space: nowrap;
color: #0169a1
}
@media(max-width:767px) {
.pr-list-item .pr-li-helpful-label {
left: 50%;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0)
}
}
.pr-list-item .pr-li-rate {
margin-bottom: 18px
}
.pr-list-item .pr-li-desc {
line-height: 1.5;
margin-bottom: 20px;
color: #606060;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.pr-list-item .pr-li-images {
margin-bottom: 28px
}
.pr-list-item .pr-li-bd-toggle {
display: none;
font-weight: 600
}
@media(max-width:767px) {
.pr-list-item .pr-li-bd-toggle {
display: block
}
}
.pr-list-item .pr-li-benefits-defects {
max-width: 610px;
margin-bottom: 28px
}
.pr-list-item .pr-li-benefits-defects.toggle+.pr-li-bd-toggle {
margin: -15px 0 25px
}
@media(min-width:768px) {
.pr-list-item .pr-li-benefits-defects {
display: block!important
}
}
@media(max-width:767px) {
.pr-list-item .pr-li-benefits-defects {
display: none
}
}
@media(max-width:600px) {
.pr-list-item .pr-li-benefits-defects .row div[class*=col-] {
width: 100%;
float: none
}
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-title {
font-weight: 700;
margin-bottom: 17px
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-title.benefits-title {
color: #018068
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-title.defects-title {
color: #e30613
}
@media(max-width:767px) {
.pr-list-item .pr-li-benefits-defects .pr-li-benefits {
margin-bottom: 20px
}
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-list ul {
margin: 0;
padding: 0;
list-style: none
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-list ul li {
position: relative;
padding-left: 13px;
font-size: 13px;
line-height: 1.5;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-list ul li+li {
margin-top: 6px
}
.pr-list-item .pr-li-benefits-defects .pr-li-bd-list ul li:before {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 5px;
height: 5px;
background: #000
}
.pr-list-item .comments-head {
display: table;
width: 100%
}
.pr-list-item .comments-head .comment-add-new-button {
display: table-cell
}
@media(min-width:768px) {
.pr-list-item .comments-head .comment-add-new-button {
vertical-align: middle;
width: 145px;
height: 35px
}
}
@media(max-width:767px) {
.pr-list-item .comments-head .comment-add-new-button {
vertical-align: top;
width: 130px
}
.pr-list-item .comments-head .comment-add-new-button .add-comment {
margin-bottom: 10px
}
}
.pr-list-item .comments-head .pr-comments-head {
display: table-cell
}
@media(min-width:768px) {
.pr-list-item .comments-head .pr-comments-head {
vertical-align: middle;
padding-left: 14px;
height: 35px;
border-left: 1px solid #a8a8a8
}
}
@media(max-width:767px) {
.pr-list-item .comments-head .pr-comments-head {
vertical-align: top;
text-align: right
}
}
.pr-list-item .pr-comments {
margin-top: 38px
}
@media(max-width:767px) {
.pr-list-item .pr-comments {
margin-top: 12px
}
}
.pr-list-item .add-rate-to-review {
float: left;
font-size: 12px
}
.pr-list-item .add-rate-to-review .add-rate-btn {
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 19px
}
.pr-list-item .add-rate-to-review .add-rate-btn i {
font-size: 15px;
color: #b8b8b8;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease
}
.pr-list-item .add-rate-to-review .add-rate-btn.rate-active i.fa-thumbs-o-up,
.pr-list-item .add-rate-to-review .add-rate-btn:hover i.fa-thumbs-o-up {
color: #018068
}
.pr-list-item .add-rate-to-review .add-rate-btn.rate-active i.fa-thumbs-o-down,
.pr-list-item .add-rate-to-review .add-rate-btn:hover i.fa-thumbs-o-down {
color: #e30613
}
.pr-list-item .add-rate-to-review .add-rate-btn.rate-active {
-webkit-animation: addRatePulse 1s;
-o-animation: addRatePulse 1s;
animation: addRatePulse 1s
}
.pr-list-item .add-rate-to-review span {
display: inline-block;
vertical-align: middle;
color: #676767;
margin: -2px 0 0 3px
}
@media(max-width:767px) {
.pr-list-item .add-rate-to-review {
float: none;
display: inline-block;
vertical-align: middle;
margin-bottom: 10px
}
.pr-list-item .add-rate-to-review .add-rate-label {
display: none
}
.pr-list-item .add-rate-to-review .add-rate-label+.add-rate-btn {
margin-left: 0
}
}
.pr-list-item.reviewFromLink {
padding: 10px 30px 8px;
border: 2px solid #0169a1;
margin-bottom: 34px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
@media(max-width:767px) {
.pr-list-item.reviewFromLink {
padding: 8px 10px 3px
}
}
.pr-list-item.reviewMostHelpful {
padding: 20px 30px 28px;
border: 2px solid #0169a1;
margin-bottom: 34px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.pr-list-item.reviewMostHelpful .pr-comments {
margin-left: -16px;
margin-right: -8px
}
.pr-list-item.reviewMostHelpful .comment-new-form {
padding-bottom: 0
}
@media(max-width:767px) {
.pr-list-item.reviewMostHelpful {
padding: 20px 0 11px;
border: 0;
border-top: 2px solid #0169a1;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.pr-list-item.reviewMostHelpful .pr-comments {
margin: 12px 0 0
}
}
.product-reviews-images {
margin-top: 30px
}
.product-object-add {
border: 1px solid #e7e7e7;
padding: 35px 29px
}
.product-object-add .poa-title {
position: relative;
font-size: 18px;
font-weight: 600;
margin-bottom: 30px;
padding-right: 40px
}
.product-object-add .poa-title .btn-close {
position: absolute;
top: 0;
right: 0
}
.product-object-add .poa-label {
font-size: 12px;
margin-bottom: 12px
}
.product-object-add .poa-rate {
margin-bottom: 22px
}
.product-object-add .poa-rate .poa-label {
margin-bottom: 7px
}
.product-object-add .rateSection {
width: auto;
max-width: 100%;
overflow: hidden;
float: none;
margin-bottom: 0
}
.product-object-add .rateSection .rs-add-rating label {
padding-right: 8px
}
.product-object-add .rateSection .rs-add-rating label:before {
font-size: 34px
}
.product-object-add .rateSection .rs-add-rating label.half:before {
left: 8px
}
.product-object-add .poa-owntime {
margin-bottom: 30px;
max-width: 300px
}
.product-object-add .has-owntime b {
margin-right: 5px
}
.product-object-add .has-owntime a {
font-size: 12px
}
.product-object-add .has-owntime a i {
margin-right: 5px
}
.product-object-add .poa-comment {
margin-bottom: 38px
}
.product-object-add .poa-benefits-defects {
margin-bottom: 25px
}
.product-object-add .poa-benefits-defects .col-benefits {
margin-bottom: 25px
}
.product-object-add .poa-benefits-defects .poa-bd-label {
display: inline-block;
vertical-align: middle;
font-weight: 600
}
.product-object-add .poa-benefits-defects .poa-bd-label i {
margin-left: 15px;
font-size: 18px;
display: inline-block;
vertical-align: top
}
.product-object-add .poa-benefits-defects .poa-bd-label i:before {
position: relative;
display: inline-block;
transition: transform 300ms ease;
-webkit-transition: transform 300ms ease;
-moz-transition: transform 300ms ease;
-ms-transition: transform 300ms ease;
-o-transition: transform 300ms ease;
transform: rotate(0deg) translate3d(0, 0, 0);
-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
-moz-transform: rotate(0deg) translate3d(0, 0, 0);
-ms-transform: rotate(0deg) translate3d(0, 0, 0);
-o-transform: rotate(0deg) translate3d(0, 0, 0)
}
.product-object-add .poa-benefits-defects .poa-bd-label.show i:before {
transform: rotate(-180deg) translate3d(0, 0, 0);
-webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
-moz-transform: rotate(-180deg) translate3d(0, 0, 0);
-ms-transform: rotate(-180deg) translate3d(0, 0, 0);
-o-transform: rotate(-180deg) translate3d(0, 0, 0)
}
.product-object-add .poa-benefits-defects .poa-bd-col-label {
font-size: 12px;
margin-bottom: 7px
}
.product-object-add .poa-benefits-defects .poa-bd-col-label span {
font-weight: 600
}
.product-object-add .poa-benefits-defects .poa-bd-col-label span.l-benefits {
color: #018068
}
.product-object-add .poa-benefits-defects .poa-bd-col-label span.l-defects {
color: #e30613
}
.product-object-add .poa-benefits-defects .poa-bd-content {
padding-top: 12px
}
.product-object-add .poa-regulations {
margin-bottom: 25px
}
@media(max-width:550px) {
.product-object-add .poa-regulations #review_regulation_accepted_desc {
padding-left: 0
}
}
.product-object-add .poa-bottom label {
font-size: 12px
}
.product-object-add .poa-bottom .btn {
width: 100%;
max-width: 200px
}
.product-object-add .poa-bottom .btn.btn-block {
max-width: 100%
}
.product-object-add .poa-user {
display: inline-block;
vertical-align: middle;
margin-left: 10px
}
.product-object-add .poa-user span {
display: inline-block;
vertical-align: middle;
color: #666
}
.product-object-add .poa-user span.poa-user-author-name {
color: #000;
font-weight: 600
}
.product-object-add .poa-user-author-img {
display: inline-block;
vertical-align: middle;
margin: 0 3px
}
.product-object-add .new-object-form-submit {
display: inline-block;
vertical-align: middle
}
@media(max-width:767px) {
.product-object-add {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border: 0;
padding: 0;
pointer-events: auto;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
opacity: 0;
filter: alpha(opacity=0);
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease
}
.product-object-add .poa-title {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #f4f7f8;
padding: 15px 20px 15px 50px;
font-size: 16px;
font-weight: 600;
color: #000;
margin: 0;
cursor: pointer;
z-index: 5
}
.product-object-add .poa-title .btn-close {
right: auto;
left: 13px;
top: 50%;
margin-top: -14px
}
.product-object-add .poa-user {
margin: 0;
position: absolute;
right: 20px;
top: 50%;
left: 190px;
text-align: right;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.product-object-add .poa-user .poa-user-author-name {
font-size: 14px;
white-space: nowrap;
max-width: 100%;
max-width: calc(100% - 50px);
overflow: hidden;
text-overflow: ellipsis
}
.product-object-add .new-object-form {
padding: 65px 20px 70px;
height: 100%;
overflow: hidden;
overflow-y: auto
}
.product-object-add .poa-rate {
margin-bottom: 14px
}
.product-object-add .poa-owntime {
margin-bottom: 20px;
max-width: 100%
}
.product-object-add .ik-file-uploader-preview {
margin-bottom: 9px
}
.product-object-add .poa-comment {
margin-bottom: 20px
}
.product-object-add .poa-benefits-defects {
margin-botton: 17px
}
.product-object-add .poa-bottom *[class*=col-] {
position: static
}
.product-object-add .poa-bottom .form-item-validate.checkEmail {
margin-top: 10px
}
.product-object-add .new-object-form-submit {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 20px;
background: #eef2f3
}
.product-object-add .new-object-form-submit .btn {
display: block;
width: 100%;
max-width: 100%
}
}
@media(max-width:767px) {
.new-object-form-wr {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: auto!important;
display: block!important;
pointer-events: none;
z-index: 11111;
min-width: 300px
}
.new-object-form-wr.show .product-object-add {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
opacity: 1;
filter: alpha(opacity=100)
}
}
.popup-product-widget {
display: table;
width: 100%;
margin-bottom: 20px
}
.popup-product-widget>div {
display: table-cell;
vertical-align: middle
}
.popup-product-widget>div.popup-product-img {
height: 50px;
text-align: center
}
.popup-product-widget>div.popup-product-img img {
max-width: 50px;
max-height: 100%
}
.popup-product-widget>div.popup-product-name {
width: 100%;
padding-left: 15px;
color: #0169a1
}
.product-reviews-rate {
margin-bottom: 29px
}
@media(max-width:767px) {
.rate-wrap {
margin-bottom: 20px
}
}
.rate-left>div {
font-size: 1.143em;
margin-bottom: 12px
}
.rate-left>div b.value {
font-weight: 700
}
.rate-left .rate-good {
font-weight: 600;
color: #018068
}
.rate-info-item {
position: relative;
padding-left: 39px;
padding-right: 55px;
margin-top: 2px;
margin-bottom: 10px
}
.rate-info-item .number,
.rate-info-item .star,
.rate-info-item .percent {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
.rate-info-item .number {
left: 0;
color: #0169a1;
cursor: pointer
}
.rate-info-item .star {
left: 13px;
font-size: 1.45em;
color: #faa91c;
cursor: pointer
}
.rate-info-item .percent {
right: 0;
color: #0169a1;
cursor: pointer
}
.rate-info-item .progres-bar {
position: relative;
width: 100%;
height: 18px;
overflow: hidden;
cursor: pointer;
border: 1px solid #e7e7e7;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.rate-info-item .progres-bar .progres {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #faa91c
}
.rate-info-item .hover-info {
display: none;
position: absolute;
top: 50%;
right: 100%;
padding: 10px;
background: #fff;
border: 2px solid #0169a1;
font-size: 12px;
-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .3);
width: 240px;
margin-right: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0)
}
@media(max-width:1024px) {
.rate-info-item .hover-info {
display: none!important
}
}
.rate-info-item:hover .number {
text-decoration: underline
}
.rate-info-item:hover .percent {
text-decoration: underline;
font-weight: 600
}
.rate-info-item:hover .progres-bar {
border: 2px solid #0169a1
}
.rate-info-item:hover .hover-info {
display: block
}
.add-rate {
background: #ebebeb;
padding: 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.add-rate .add-rate-mobile-title {
display: block;
font-weight: 600;
font-size: 18px
}
.add-rate .label {
line-height: 1.4;
margin-bottom: 15px
}
@media(min-width:971px) {
.add-rate .rateSection {
float: left;
width: 180px;
max-width: 100%;
margin: 2px 0
}
.add-rate .button {
float: left;
width: 100%;
margin-left: -180px;
padding-left: 200px
}
.add-rate .button .btn {
width: 100%
}
}
@media(min-width:768px) and (max-width:970px) {
.add-rate {
text-align: center;
padding: 10px 15px 15px
}
.add-rate .label {
margin-bottom: 5px
}
.add-rate .rateSection {
width: 180px;
max-width: 100%;
margin: 0 auto 7px
}
.add-rate .button .btn {
width: 100%
}
}
@media(min-width:451px) and (max-width:767px) {
.add-rate .rateSection {
float: left;
width: 180px;
max-width: 100%;
margin: 2px 0
}
.add-rate .button {
float: left;
width: 100%;
margin-left: -180px;
padding-left: 200px
}
.add-rate .button .btn {
width: 100%
}
}
@media(max-width:450px) {
.add-rate {
text-align: center;
padding: 10px 15px 15px
}
.add-rate .rateSection {
width: 180px;
max-width: 100%;
margin: 0 auto 7px
}
.add-rate .button .btn {
width: 100%
}
}
.tech-add-new {
margin-bottom: 38px
}
.tech-add-new .tan-left,
.tech-add-new .tan-right {
padding: 0;
float: none
}
@media(min-width:768px) {
.tech-add-new {
display: table;
width: 100%;
table-layout: fixed
}
.tech-add-new .tan-left,
.tech-add-new .tan-right {
display: table-cell;
vertical-align: middle
}
.tech-add-new .tan-left {
padding-right: 20px
}
}
.tan-add-section {
background: #ebebeb;
padding: 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.tan-add-section .label {
line-height: 1.4;
margin-bottom: 15px
}
.tan-add-section .tan-add-title {
font-weight: 600;
font-size: 18px
}
.tan-add-section .btn {
width: 100%;
max-width: 50%;
min-width: 140px
}
@media(max-width:450px) {
.tan-add-section .btn {
max-width: 100%
}
}
.tech-list-body {
margin-top: 38px
}
.tech-list-body .tech {
padding-bottom: 11px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px
}
.tech-list-body .tech-body {
margin-bottom: 10px;
line-height: 1.5;
font-size: 16px
}
.tech-list-body .tech-comments {
margin: 25px 0 0
}
@media(min-width:768px) {
.tech-list-body .tech-comments .comments-body {
margin-left: 34px
}
}
.tech-list-body .tech-images {
margin-bottom: 25px
}
@media(max-width:767px) {
.show-mobile-popup #header {
z-index: 0
}
.show-mobile-popup .lastviewed-products {
position: relative;
z-index: 0
}
}
@media(max-width:767px) {
body.device-is-ios .product-object-add .new-object-form {
padding-bottom: 0
}
body.device-is-ios .product-object-add .new-object-form-submit {
position: static;
left: auto;
right: auto;
bottom: auto;
margin: 20px -20px 0
}
}
.top-row {
color: #6f7071;
font-size: 13px;
width: 300px!important;
padding-left: 15px;
padding-right: 15px
}
.top-row .sld-button-type-product {
text-transform: lowercase;
color: #000!important;
font-size: 13px!important;
letter-spacing: 0;
margin-right: 10px
}
.top-row .sld-button-type-product i {
font-size: 14px!important
}
.top-row .panel-over-image {
margin-top: 0;
margin-bottom: 0
}
.top-row .panel-over-image .compi label {
padding-left: 18px
}
.top-row .panel-over-image .input {
height: 12px;
width: 12px;
top: 0
}
.top-row .panel-over-image .input:after {
line-height: 12px
}
.top-row .product-id {
white-space: nowrap
}
.product-middle .sld-button-type-product {
color: #000!important
}
.sale {
font-size: 13px;
color: #e30613
}
.market-place-wrapper {
margin-top: 50px
}
.market-place-wrapper p {
text-transform: uppercase;
padding: 0 13px;
font-size: 12px
}
.market-place-wrapper .market-place-box {
border: 1px solid #e7e7e7;
padding: 10px 13px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height: 1.45
}
.market-place-wrapper .market-place-box i {
font-size: 22px
}
@media(max-width:768px) {
.market-place-wrapper {
margin: 0 10px
}
.market-place-wrapper p {
padding: 0
}
}
.margin-warehouse-0 {
margin-top: 60px
}
.margin-warehouse-1 {
margin-top: 125px
}
.margin-warehouse-2 {
margin-top: 170px
}
.margin-warehouse-3 {
margin-top: 215px
}
.margin-warehouse-4 {
margin-top: 260px
}
.product-fb {
margin: 5px 0 10px
}
.shopping-list-container {
padding: 8px 10px
}
@media(min-width:1025px) {
.middle-block {
width: 300px;
padding: 0;
margin-left: 10px
}
}
@media(max-width:768px) {
.pad-side {
padding-left: 5px;
padding-right: 5px
}
.market-place-wrapper {
margin-top: 0
}
.button-arrival-mobile {
display: flex!important;
justify-content: space-between;
align-items: center
}
.button-arrival-mobile .button-right-mobile i {
font-size: 22px;
padding-right: 10px
}
.button-arrival-mobile .button-left-mobile {
padding-right: 10px
}
}
.add-to-basket-section-mobile {
margin: 10px 10px 0
}
.add-to-basket-section-mobile .add-to-basket {
margin-bottom: 10px
}
.button-left {
padding-right: 10px
}
.arrival-content {
margin-left: 25px;
margin-right: 25px;
padding-bottom: 15px
}
.arrival-content h4:first-of-type .span-to-hide {
display: none!important
}
.arrival-content h4 span {
font-weight: 300!important
}
.arrival-content p {
font-size: 13px
}