html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
@font-face {
font-family: 'Helvetica Neue';
font-weight: normal;
font-style: normal;
src: url('../fonts/HelveticaNeue.eot');
src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeue.woff') format('woff'),
url('../fonts/HelveticaNeue.ttf') format('truetype'),
url('../fonts/HelveticaNeue.svg#svgFontName') format('svg');
}
@font-face {
font-family: 'Helvetica Neue Light';
font-weight: normal;
font-style: normal;
src: url('../fonts/HelveticaNeue-Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/HelveticaNeue-Light.woff') format('woff'), /* Modern Browsers */
url('../fonts/HelveticaNeue-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/HelveticaNeue-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Helvetica Neue Bold';
font-weight: normal;
font-style: normal;
src: url('../fonts/HelveticaNeueLTPro-Bd.eot');
src: url('../fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),
url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'),
url('../fonts/HelveticaNeueLTPro-Bd.svg#svgFontName') format('svg');
}
body {
-webkit-text-size-adjust: 100%;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
background: #f4f5fb
}
body * {
box-sizing: border-box;
line-height: 1.42857143
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
font-weight: 700;
line-height: 1.1
}
i,
em {
font-style: italic
}
img {
max-width: 100%;
height: auto
}
a {
text-decoration: none;
color: inherit
}
a:hover {
text-decoration: none
}
input[type=text],
input[type=submit],
input[type=image],
input[type=password],
input[type=email],
button,
textarea {
-webkit-appearance: none
}
textarea,
button,
input[type=password],
input[type=email],
input[type=submit],
input[type=text] {
font-family: 'Helvetica Neue', Arial, sans-serif
}
a:focus {
text-decoration: none
}
textarea:focus,
button:focus,
a:focus,
input:focus {
outline: 0
}
.cont {
width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto
}
.cont:after {
clear: both;
display: block;
content: ''
}
.header {
position: relative;
margin: 0;
padding: 0;
background: #293133
}
.header:after {
display: block;
clear: both;
content: ''
}
.header .header-info {
float: right;
width: 23%;
height: 99px;
position: relative
}
.header .header-info:after {
clear: both;
content: '';
display: block
}
.header .header-personal {
height: 100%;
position: relative;
width: 19%;
float: right;
text-align: center
}
.header .header-personal:after {
height: 50px;
content: '';
width: 1px;
display: block;
background: #ec1f2a;
position: absolute;
margin: -25px 0 0;
top: 50%;
left: 0
}
.header .header-personal:hover:after {
display: none
}
.header .header-gopersonal {
display: block;
height: 100%;
background-color: transparent;
position: relative;
z-index: 4
}
.header .header-gopersonal:after {
display: block;
content: '';
position: absolute;
width: 13px;
height: 15px;
top: 50%;
left: 50%;
margin: -6px 0 0 -7px;
overflow: hidden;
background: url(../img/personal.png) no-repeat left top
}
.header .header-personal:hover .header-gopersonal {
background-color: #ec1f2a;
background-color: #fff
}
.header .header-personal:hover .header-gopersonal:after {
background-position: left bottom
}
.header .header-personal:hover>ul {
display: block;
z-index: 15
}
.header .header-personal ul {
position: absolute;
background: #fff;
display: none;
text-align: left;
z-index: 3;
min-width: 220px;
right: 0;
top: 100%;
padding: 15px 0 16px;
box-shadow: 0 0 25px 0 rgba(26, 53, 99, 0.1)
}
.header .header-personal ul li {
position: relative
}
.header .header-personal ul li.header-order {
margin: 0 0 13px;
padding: 0 0 21px
}
.header .header-personal ul li.header-order:after {
content: '';
display: block;
height: 1px;
background: #e0e4f6;
position: absolute;
bottom: 0;
left: 29px;
right: 29px
}
.header .header-personal ul li a {
color:#000;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
padding: 6px 55px 7px 29px;
display: block;
transition: all .2s;
position: relative
}
.header .header-personal ul li a:hover {
color: #ec1f2a
}
.header .header-personal ul li a span {
position: absolute;
line-height: 100%;
top: 7px;
right: 29px;
vertical-align: middle;
display: inline-block;
font-weight: bold;
color: #fff;
background: #c0c4d7;
border-radius: 20px;
padding: 3px 8px;
margin: 0;
font-size: 12px;
font-weight: 700;
line-height: 100%
}
.header .header-cart {
float: right;
max-width: 42%;
font-size: 14px;
color: #fff;
height: 100%;
white-space: nowrap;
padding: 0 6% 0 4%;
position: relative;
display: block
}
.header .header-cart:after {
clear: both;
content: '';
display: block
}
.header .header-cart:before {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
content: '';
background: #ec1f2a;
transition: all .2s;
opacity: 0
}
.header .header-cart:hover:before {
opacity: 1
}
.header .header-cart .header-cart-inner {
display: block;
height: 100%;
line-height: 99px;
transition: all .2s;
color: #fff;
font-size: 14px;
font-weight: 600;
position: relative;
z-index: 2
}
.header .header-cart-count {
position: relative;
padding: 0 15px 0 0;
margin: 0 10px 1px 0;
display: inline-block;
vertical-align: middle
}
.header .header-cart-count span {
background: #ec1f2a;
display: block;
text-align: center;
position: absolute;
top: -9px;
right: 0;
border-radius: 30px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #fff;
font-weight: 700
}
.header .header-cart-count img {
display: block
}
.header .header-cart-summ {
display: inline-block;
line-height: 100%;
padding: 0;
vertical-align: middle;
margin: 0 0 1px
}
.header .header-compare {
float: right;
display: block;
height: 100%;
width: 13%;
background: url(../img/compare.png) no-repeat center center;
background-color: transparent;
transition: all .2s
}
.header .header-compare:hover {
background-color: #ec1f2a
}
.header .header-favorites {
float: right;
display: block;
height: 100%;
width: 13%;
background: url(../img/favorites.png) no-repeat center center;
background-color: transparent;
transition: all .2s
}
.header .header-favorites:hover {
background-color: #ec1f2a
}
.header .header-searchbtn {
float: right;
display: block;
height: 100%;
width: 13%;
background: url(../img/search.png) no-repeat center center;
background-color: transparent;
transition: all .2s;
position: relative;
z-index: 6
}
.header .header-searchbtn:hover {
background-color: #ec1f2a
}
.header .header-searchbtn.opened {
background: url(../img/close3.png) no-repeat center center
}
.header .header-search {
display: none;
line-height: 95px;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
background: #161e2a;
height: 100%;
border-left: 1px solid #1e2b3f
}
.header .header-search input[type=text] {
color: #000;
margin: 0 0 0 27%;
width: 60%;
font-size: 15px;
background: #fff;
height: 50px;
border: 0;
padding: 0 15px;
padding-left: 30px;
display: inline-block;
vertical-align: middle;
transition: all .2s
}
.header .header-search input[type=text]:focus::-webkit-input-placeholder {
color: transparent
}
.header .header-search input[type=text]:focus::-moz-placeholder {
color: transparent
}
.header .header-search input[type=text]:focus:-ms-input-placeholder {
color: transparent
}
.header .header-search input[type=text]::-webkit-input-placeholder {
color: #000;
}
.header .header-search input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.header .header-search input[type=text]:-ms-input-placeholder {
color: #000;
}
.header .header-search button[type=submit] {
border: 0;
background: transparent;
height: 50px;
width: 30px;
font-size: 15px;
color: #fff;
cursor: pointer;
font-weight: normal;
display: inline-block;
vertical-align: middle;
transition: all .2s
}
.header .header-search button[type=submit]:hover {
color: #000;
}
.header .header-logo {
position: absolute;
height: 100%;
left: 2%;
padding: 0;
width: 18%;
overflow: hidden
}
.header .header-logo a {
height: 100%;
display: block;
vertical-align: middle;
position: relative
}
.header .header-logo a:after {
height: 100%;
content: '';
display: inline-block;
vertical-align: middle
}
.header .header-logo img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
display: block;
max-height: none;
top: 50%;
left: 0;
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.header-menutoggle {
display: none
}
.header nav {
padding: 12px 0;
width: 57%;
float: left;
height: 100%;
line-height: 75px;
margin: 0 0 0 20%
}
.header nav ul {
line-height: 140%;
text-align: center;
padding: 0;
display: inline-block;
vertical-align: middle;
width: 100%;
margin: 0
}
.header nav ul li {
padding: 0;
margin: 3px 2% 6px;
font-size: 15px;
font-weight: 600;
display: inline-block;
position: relative
}
.header nav ul li a {
color: #fff;
display: block;
margin: 0;
transition: all .2s;
z-index: 2;
position: relative
}
.header nav ul li a:hover {
color: #fff
}
.header nav>ul>li>.fa {
display: block;
z-index: 3;
position: absolute;
right: 0;
top: 1px;
margin: 0;
width: 20px;
height: 20px;
line-height: 20px;
cursor: pointer;
font-size: 20px;
text-align: center;
color: #fff;
transition: all .2s
}
.header nav>ul>li>a:hover+.fa {
color: #fff
}
.header nav>ul>li.active:after {
width: 33px;
height: 53px;
content: '';
top: 50%;
left: 50%;
z-index: 1;
margin: -25px 0 0 -17px;
display: block;
position: absolute;
background: url(../img/menuactive.png) no-repeat center center
}
.header nav>ul>li.active>a {
color: #fff
}
.header nav>ul>li.active>a+.fa {
color: #fff
}
.header nav>ul>li.has-child>a {
padding-right: 22px
}
.header nav>ul>li ul {
display: none
}
.header nav>ul>li.has-child:hover>ul {
display: block
}
.header nav>ul>li>ul {
display: none;
position: absolute;
top: 100%;
left: -15px;
z-index: 11;
width: auto;
padding: 8px 0 8px 0;
box-sizing: content-box;
min-width: 100%
}
.header nav>ul>li>ul>li {
display: block;
margin: 0;
text-align: left;
padding: 0 13px;
background: #fff;
border-left: 1px solid #e0e4f6;
border-right: 1px solid #e0e4f6
}
.header nav>ul>li>ul>li:first-child {
padding-top: 8px
}
.header nav>ul>li>ul>li:last-child {
padding-bottom: 8px
}
.header nav>ul>li>ul>li>a {
display: block;
padding: 7px 3px;
transition: all .2s;
margin: 0;
font-size: 15px;
font-weight: 400;
color: #000;
white-space: nowrap
}
.header nav>ul>li>ul>li:first-child {
border-top: 1px solid #e0e4f6;
border-radius: 4px 4px 0 0
}
.header nav>ul>li>ul>li:last-child {
border-radius: 0 0 4px 4px;
border-bottom: 1px solid #e0e4f6
}
.header nav>ul>li>ul>li:first-child>a {
border-top: 0
}
.header nav>ul>li>ul>li>a:hover {
color: #ec1f2a
}
.header nav>ul>li>ul>li.active>a {
color: #ec1f2a
}
.maincont {
padding-top: 0;
padding-bottom: 50px;
position: relative
}
.maincont h1 {
position: relative;
z-index: 2;
font-size: 30px;
color: #ec1f2a;
padding: 0;
letter-spacing: .05em;
margin: 0;
text-transform: uppercase;
font-family: 'Helvetica Neue', Arial, sans-serif;
padding: 30px;
text-align: center;
}
.maincont h1 span {
background: #f4f5fb;
padding: 0 25px 10px 0;
letter-spacing: .05em;
display: inline-block;
line-height: 100%
}
.maincont .maincont-line1 {
position: absolute;
display: block;
right: 75px;
top: 28px;
left: 15px;
height: 1px;
background: #e0e4f6;
z-index: 1
}
.maincont .maincont-line1.maincont-line12 {
top: 18px
}
.maincont .maincont-line1:after {
position: absolute;
display: block;
right: 75px;
top: 0;
right: 0;
content: '';
width: 1px;
height: 90px;
background: #e0e4f6;
z-index: 1
}
.maincont .maincont-line2 {
position: absolute;
display: block;
left: -35px;
top: 28px;
bottom: 110px;
width: 1px;
background: #e0e4f6;
z-index: 1
}
.maincont .maincont-line2.maincont-line22 {
top: 18px
}
.maincont .maincont-line2:after {
position: absolute;
display: block;
top: 0;
left: 0;
content: '';
height: 1px;
width: 30px;
background: #e0e4f6;
z-index: 1
}
.maincont .maincont-line2:before {
position: absolute;
display: block;
bottom: 0;
left: 0;
content: '';
height: 1px;
width: 50px;
background: #e0e4f6;
z-index: 1
}
.pagecont {
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
background: #fff;
border-radius: 4px;
position: relative;
z-index: 2
}
.frontcategs {
margin-top: 0;
margin-bottom: 2px;
padding-top: 0;
padding-bottom: 0;
list-style: none;
font-size: 1px;
display: block;
/*text-align: center;
text-align: justify*/
}
.frontcategs:after {
width: 100%;
display: inline-block;
content: ''
}
.frontcategs li {
text-align: center;
font-size: 14px;
line-height: 1.42857143;
width: auto;
line-height: 140%;
display: inline-block;
vertical-align: top;
padding:25px;
}
.frontcategs li a {
display: block
}
.frontcategs li .frontcategs-img {
height: 60px;
line-height: 60px;
margin: 15px;
overflow: hidden;
display: block
}
.frontcategs li .frontcategs-img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.frontcategs li a .frontcategs-img img:last-child {
display: block
}
.frontcategs li a:hover .frontcategs-img img {
display: none
}
.frontcategs li a:hover .frontcategs-img img:last-child {
display: inline-block
}
.frontcategs li p {
color: #000;
font-size: 13px;
font-weight: 600;
display: inline-block;
transition: all .1s;
text-transform: uppercase
}
.frontsearch-wrap {
position: relative;
overflow: hidden;
background: #293133
}
.frontsearch {
position: relative;
padding-top: 41px;
padding-bottom: 20px
}
.frontsearch:after {
clear: both;
display: block;
content: ''
}
.frontsearch h2 {
position: relative;
background: #f4f5fb;
z-index: 2;
font-size: 30px;
color: #ec1f2a;
padding: 10px;
letter-spacing: .05em;
display: inline-block;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'Helvetica Neue', Arial, sans-serif
}
.frontsearch .frontsearch-count {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 15px;
text-align: center;
}
.frontsearch .frontsearch-wrap {
margin: 0;
position: relative;
z-index: 2;
border-radius: 4px;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
background: #fff;
padding: 46px 29px 41px
}
.frontsearch .frontsearch-wrap:after {
clear: both;
content: '';
display: block
}
.frontsearch .frontsearch-cont {
position: relative;
padding: 60px 0;
margin: 0 23%
}
.frontsearch .frontsearch-model {
text-align: center;
display: block;
margin: 0 -12%;
padding: 0;
position: absolute;
line-height: 100%;
white-space: nowrap;
top: 21.5%;
left: 0;
right: 0;
overflow: hidden;
font-size: 118px;
color: #d3d7e7;
font-family: 'Helvetica Neue', Arial, sans-serif;
z-index: 1
}
.frontsearch .frontsearch-img {
margin: 40px 0 40px;
width: 100%;
position: relative;
z-index: 2
}
.frontsearch .frontsearch-img img {
display: block;
width: auto;
height: auto;
margin: 0 auto
}
.frontsearch .frontsearch-selects {
padding: 0 0 0 2.8%
}
.frontsearch .frontsearch-select {
display: inline-block;
position: relative;
margin: 0 3.7% 15px 0;
border-bottom: 1px solid #ec1f2a;
transition: all .2s;
width: 20%
}
.frontsearch .frontsearch-select:nth-child(5n) {
margin-right: 0
}
.frontsearch .frontsearch-select.dropdown-wrap-range input[type=text] {
display: none
}
.frontsearch .frontsearch-select .frontsearch-select-ttl {
margin: 0;
padding: 0 17px 7px 0;
color: #ec1f2a;
cursor: pointer;
font-size: 15px;
transition: all .2s;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.frontsearch .frontsearch-select .frontsearch-select-ttl:after {
position: absolute;
content: '';
background: url(../img/arr1.png) no-repeat left top;
display: block;
width: 14px;
height: 8px;
overflow: hidden;
top: 7px;
right: 0
}
.frontsearch .frontsearch-select:hover {
border-bottom: 1px solid #ec1f2a
}
.frontsearch .frontsearch-select:hover .frontsearch-select-ttl {
color: #ec1f2a
}
.frontsearch .frontsearch-select .frontsearch-select-ttl:hover {
color: #ec1f2a
}
.frontsearch .frontsearch-select .frontsearch-select-ttl.opened:after {
background-position: left bottom
}
.frontsearch .frontsearch-select ul {
position: absolute;
left: -11px;
top: 100%;
background: #fff;
padding: 5px 10px;
margin: 10px 0 0;
border: 1px solid #e0e4f6;
border-radius: 4px;
min-width: 100%;
box-sizing: content-box;
display: none;
z-index: 5
}
.frontsearch .frontsearch-select ul li {
white-space: nowrap;
padding: 0;
font-size: 15px
}
.frontsearch .frontsearch-select ul li a {
transition: all .2s;
display: block;
padding: 4px 0;
color: #ec1f2a
}
.frontsearch .frontsearch-select ul li a:hover {
color: #ec1f2a
}
.frontsearch .frontsearch-select ul li.active a {
color: #ec1f2a
}
.frontsearch-cont div.line {
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
height: 1px;
background: transparent;
position: absolute;
z-index: 3;
transition: all .2s
}
.frontsearch-res {
position: absolute;
display: block;
z-index: 4;
white-space: nowrap;
transition: all .2s
}
.frontsearch-res a {
display: block;
color:#000;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
transition: all .2s
}
.frontsearch-res span {
border-radius: 30px;
padding: 1px 8px;
background: #c0c4d7;
margin: 0 4px 0 4px;
color: #fff;
font-weight: 600;
font-size: 12px;
display: inline-block;
transition: all .2s
}
.frontsearch-point {
z-index: 4;
width: 12px;
height: 12px;
border-radius: 12px;
background: transparent;
position: absolute;
display: block;
transition: all .2s
}
.frontsearch-res:hover a {
color: #ec1f2a
}
.frontsearch-res:hover span {
background: #ec1f2a;
color: #fff
}
.frontsearch-res:hover+.line {
background: #ec1f2a
}
.frontsearch-res:hover+.line+.frontsearch-point {
background: #ec1f2a
}
.frontsearch-res1 {
top: 8%;
left: 34%
}
.frontsearch-point1 {
top: 39%;
left: 67%
}
.frontsearch-res2 {
top: 8%;
left: -1%
}
.frontsearch-point2 {
top: 42%;
left: 35%
}
.frontsearch-res3 {
top: 8%;
left: 82%
}
.frontsearch-point3 {
top: 28%;
left: 73%
}
.frontsearch-res4 {
top: 34%;
left: -37%
}
.frontsearch-point4 {
top: 55%;
left: 18%
}
.frontsearch-res5 {
top: 34%;
left: 119%
}
.frontsearch-point5 {
top: 41%;
left: 86%
}
.frontsearch-res6 {
top: 59%;
left: -37%
}
.frontsearch-point6 {
top: 67%;
left: 17%
}
.frontsearch-res7 {
top: 59%;
left: 120%
}
.frontsearch-point7 {
top: 69%;
left: 93%
}
.frontsearch-res8 {
top: 87%;
left: -1%
}
.frontsearch-point8 {
top: 60%;
left: 50%
}
.frontsearch-res9 {
top: 87%;
left: 40%
}
.frontsearch-point9 {
top: 63%;
left: 46%
}
.frontsearch-res10 {
top: 87%;
left: 88%
}
.frontsearch-point10 {
top: 70%;
left: 82%
}
.frontsearch .frontsearch-line1 {
position: absolute;
display: block;
right: 75px;
top: 70px;
left: 15px;
height: 1px;
background: #e0e4f6;
z-index: 1
}
.frontsearch .frontsearch-line1:after {
position: absolute;
display: block;
right: 75px;
top: 0;
right: 0;
content: '';
width: 1px;
height: 100px;
background: #e0e4f6;
z-index: 1
}
.frontsearch .frontsearch-line2 {
position: absolute;
display: block;
left: -35px;
top: 70px;
bottom: 80px;
width: 1px;
background: #e0e4f6;
z-index: 1
}
.frontsearch .frontsearch-line2:after {
position: absolute;
display: block;
top: 0;
left: 0;
content: '';
height: 1px;
width: 30px;
background: #e0e4f6;
z-index: 1
}
.frontsearch .frontsearch-line2:before {
position: absolute;
display: block;
bottom: 0;
left: 0;
content: '';
height: 1px;
width: 50px;
background: #e0e4f6;
z-index: 1
}
.specials-wrap {
position: relative;
overflow: hidden;
background: #293133
}
.specials {
position: relative;
padding-top: 31px;
padding-bottom: 30px
}
.specials:after {
clear: both;
display: block;
content: ''
}
.specials h2 {
position: relative;
background: #f4f5fb;
z-index: 2;
font-size: 30px;
color: #ec1f2a;
padding: 10px;
letter-spacing: .05em;
display: inline-block;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'Helvetica Neue', Arial, sans-serif
}
.specials .specials-count {
color: #ec1f2a;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 15px
}
.specials .specials-list {
position: relative;
z-index: 2
}
.specials .specials-list:after {
clear: both;
content: '';
display: block
}
.specials .special {
border-radius: 4px;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
background: #fff;
float: left;
margin: 0 2.66666% 26px 0;
min-height: 365px;
width: 23%;
padding: 29px 29px 10px
}
.specials .special.special-pseudo {
width: 0;
height: 0 !important;
margin: 0;
padding: 0
}
.specials .special.special-first {
width: 48.66666%
}
.specials .special:nth-child(4n) {
margin-right: 0
}
.specials .special:nth-child(4n+1) {
clear: left
}
.specials .special .special-link {
display: block;
overflow: hidden;
margin: 0 0 10px
}
.specials .special .special-img {
margin: 0 0 20px;
height: 234px;
line-height: 234px;
position: relative;
display: block;
padding: 0;
text-align: center
}
.specials .special .special-img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.specials .special h3 {
font-size: 20px;
font-weight: 700;
color: #283346;
text-align: left;
padding: 0;
margin: 0;
height: 22px;
position: relative;
line-height: 110%
}
.specials .special-link:hover h3 {
color: #ec1f2a
}
.specials .special h3 span {
line-height: 110%;
position: absolute;
transition: all .2s;
display: block;
left: 0;
width: 100%;
top: 0
}
.specials .special .special-info {
overflow: hidden;
position: relative
}
.specials .special .special-categ {
float: left;
text-transform: uppercase;
color: #ec1f2a;
font-size: 13px;
font-weight: 600;
display: block;
margin: 0 0 10px;
transition: all .2s;
border-bottom: 1px solid transparent;
max-width: 49%
}
.specials .special .special-categ:hover {
border-bottom: 1px solid #a0a6c5
}
.specials .special .special-categ2 {
float: left;
text-transform: uppercase;
color:#000;
font-size: 13px;
font-weight: 600;
display: block;
margin: 0 0 10px;
transition: all .2s;
border-bottom: 1px solid transparent;
width: 100%
}
.specials .special .special-categ2:hover {
border-bottom: 1px solid #a0a6c5
}
.specials .special .special-price {
transition: all .2s;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
float: right;
color: #ec1f2a;
font-weight: 700;
margin: 0 0 10px 2%;
max-width: 49%;
text-align: right
}
.specials .special .special-info del {
transition: all .2s;
font-size: 14px;
float: right;
color: #000;
font-weight: 600;
margin: 0 0 3px
}
.special-price {
transition: all .2s;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
float: right;
color: #ec1f2a;
font-weight: 700;
margin: 0 0 10px 2%;
/*max-width: 49%;*/
text-align: right
}
.specials .special .special-info .special-add {
transition: all .3s;
text-transform: uppercase;
position: absolute;
color: #ec1f2a;
font-weight: 700;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
top: 0;
right: 0;
opacity: 0
}
.specials .special-more {
font-size: 15px;
display: block;
margin: 0 0 20px;
padding: 0;
text-align: center
}
.specials .special-more a {
display: inline-block;
color: #fff;
border-bottom: 1px dotted #868ca7;
transition: all .2s
}
.specials .special-more a:hover {
border-color: transparent
}
.specials .special-line1 {
position: absolute;
display: block;
right: 75px;
top: 60px;
left: 15px;
height: 1px;
background: #e0e4f6;
z-index: 1
}
.specials .special-line1:after {
position: absolute;
display: block;
right: 75px;
top: 0;
right: 0;
content: '';
width: 1px;
height: 100px;
background: #e0e4f6;
z-index: 1
}
.specials .special-line2 {
position: absolute;
display: block;
left: -35px;
top: 60px;
bottom: 160px;
width: 1px;
background: #e0e4f6;
z-index: 1
}
.specials .special-line2:after {
position: absolute;
display: block;
top: 0;
left: 0;
content: '';
height: 1px;
width: 30px;
background: #e0e4f6;
z-index: 1
}
.specials .special-line2:before {
position: absolute;
display: block;
bottom: 0;
left: 0;
content: '';
height: 1px;
width: 50px;
background: #e0e4f6;
z-index: 1
}
.populars-wrap {
position: relative;
overflow: hidden;
background: #293133
}
.populars {
position: relative;
padding-top: 41px;
padding-bottom: 30px
}
.populars:after {
clear: both;
display: block;
content: ''
}
.populars h2 {
position: relative;
background: #f4f5fb;
z-index: 2;
font-size: 30px;
color: #ec1f2a;
padding: 0 25px 10px 0;
letter-spacing: .05em;
display: inline-block;
margin: 0;
text-transform: uppercase;
font-family: 'Helvetica Neue', Arial, sans-serif
}
.populars .populars-count {
color: #ec1f2a;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 15px
}
.populars .populars-list {
position: relative;
z-index: 2
}
.populars .populars-list:after {
clear: both;
content: '';
display: block
}
.populars .popular {
border-radius: 4px;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
background: #fff;
float: left;
margin: 0 2.66666% 26px 0;
min-height: 365px;
width: 23%;
padding: 29px 29px 10px
}
.populars .popular:nth-child(4n) {
margin-right: 0
}
.populars .popular:nth-child(4n+1) {
clear: left
}
.populars .popular .popular-link {
display: block;
overflow: hidden;
margin: 0 0 10px
}
.populars .popular .popular-img {
margin: 0 0 20px;
height: 234px;
line-height: 234px;
position: relative;
display: block;
padding: 0;
text-align: center
}
.populars .popular .popular-img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.populars .popular h3 {
font-size: 20px;
font-weight: 700;
color: #ec1f2a;
text-align: left;
padding: 0;
margin: 0;
height: 22px;
position: relative;
line-height: 110%
}
.populars .popular h3 span {
line-height: 110%;
position: absolute;
transition: all .2s;
display: block;
left: 0;
width: 100%;
top: 0
}
.populars .popular-link:hover h3 {
color: #ec1f2a
}
.populars .popular .popular-info {
overflow: hidden;
position: relative
}
.populars .popular .popular-categ {
float: left;
text-transform: uppercase;
color:#000;
font-size: 13px;
font-weight: 600;
display: block;
margin: 0 0 10px;
transition: all .2s;
border-bottom: 1px solid transparent;
max-width: 49%
}
.populars .popular .popular-categ:hover {
border-bottom: 1px solid #a0a6c5
}
.populars .popular .popular-price {
transition: all .2s;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
float: right;
color: #ec1f2a;
font-weight: 700;
margin: 0 0 10px 2%;
max-width: 49%;
text-align: right
}
.populars .popular .popular-info del {
transition: all .2s;
font-size: 14px;
float: right;
color: #000;
font-weight: 600;
margin: 0 0 3px
}
.populars .popular .popular-info .popular-add {
transition: all .3s;
text-transform: uppercase;
position: absolute;
color: #ec1f2a;
font-weight: 700;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
top: 0;
right: 0;
opacity: 0
}
.populars .popular .popular-info:hover .popular-price {
opacity: 0
}
.populars .popular .popular-info:hover .popular-info del {
opacity: 0
}
.populars .popular .popular-info:hover .popular-add {
opacity: 1
}
.populars .popular-more {
font-size: 15px;
display: block;
margin: 0 0 20px;
padding: 0;
text-align: center
}
.populars .popular-more a {
display: inline-block;
color: #000;
border-bottom: 1px dotted #868ca7;
transition: all .2s
}
.populars .popular-more a:hover {
border-color: transparent
}
.populars .popular-line1 {
position: absolute;
display: block;
right: 75px;
top: 70px;
left: 15px;
height: 1px;
background: #e0e4f6;
z-index: 1
}
.populars .popular-line1:after {
position: absolute;
display: block;
right: 75px;
top: 0;
right: 0;
content: '';
width: 1px;
height: 100px;
background: #e0e4f6;
z-index: 1
}
.populars .popular-line2 {
position: absolute;
display: block;
left: -35px;
top: 70px;
bottom: 160px;
width: 1px;
background: #e0e4f6;
z-index: 1
}
.populars .popular-line2:after {
position: absolute;
display: block;
top: 0;
left: 0;
content: '';
height: 1px;
width: 30px;
background: #e0e4f6;
z-index: 1
}
.populars .popular-line2:before {
position: absolute;
display: block;
bottom: 0;
left: 0;
content: '';
height: 1px;
width: 50px;
background: #e0e4f6;
z-index: 1
}
.getspec-wrap {
border-top: 1px solid #e0e4f6;
border-bottom: 1px solid #e0e4f6;
background: #fff;
overflow: hidden
}
.getspec {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
min-height: 278px;
line-height: 278px
}
.getspec .getspec-cont {
text-align: left;
vertical-align: middle;
display: inline-block;
font-size: 40px;
color: #ec1f2a;
font-family: 'Helvetica Neue', Arial, sans-serif;
line-height: 140%;
max-width: 50%
}
.getspec .getspec-cont h3 {
text-transform: uppercase;
line-height: 100%;
font-size: 57px;
margin: 0 0 13px;
padding: 0;
color: #000
}
.getspec .getspec-cont p {
line-height: 100%;
margin: 0;
padding: 0;
font-size: 14px;
}
.getspec .getspec-cont .getspec-more {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
text-align: center;
border: 0;
letter-spacing: .03em;
font-family: 'Helvetica Neue', Arial, sans-serif;
margin: 56px 0 0;
padding: 7px 15px;
min-width: 174px;
width: auto;
display: inline-block;
cursor: pointer
}
.getspec .getspec-cont .getspec-more:hover {
background: #ec1f2a
}
.getspec .getspec-cont form {
position: relative;
margin: 44px 0 0;
max-width: 470px
}
.getspec .getspec-cont form input[type=text] {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #8990ad;
transition: all .2s;
display: block;
width: 100%;
height: 40px;
padding: 0 180px 0 15px
}
.getspec .getspec-cont form input[type=text]:focus {
border-color: #9fa4bb
}
.getspec .getspec-cont form input[type=text]::-webkit-input-placeholder {
color: #9fa4bb
}
.getspec .getspec-cont form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.getspec .getspec-cont form input[type=text]:-ms-input-placeholder {
color: #9fa4bb
}
.getspec .getspec-cont form input[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: absolute;
height: 34px;
top: 3px;
right: 3px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 0;
padding: 0 15px;
min-width: 174px;
cursor: pointer
}
.getspec .getspec-cont form input[type=submit]:hover {
background: #ec1f2a
}
.getspec .getspec-img {
position: absolute;
display: block;
left: 50%;
height: 100%;
overflow: hidden;
top: 0;
margin: 0 0 0 6%
}
.getspec .getspec-img img {
display: block;
width: auto;
height: 100%;
max-width: none;
max-height: none
}
.botarticle-wrap {
border-top: 1px solid #e0e4f6;
background: #fff;
overflow: hidden
}
.botarticle {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
text-align: right;
min-height: 318px;
line-height: 318px
}
.botarticle .botarticle-cont {
text-align: left;
vertical-align: middle;
display: inline-block;
font-size: 40px;
color: #ec1f2a;
text-transform: uppercase;
font-family: 'Helvetica Neue', Arial, sans-serif;
line-height: 140%;
max-width: 50%
}
.botarticle .botarticle-cont h3 {
font-size: 57px;
margin: 0 0 13px;
padding: 0;
line-height: 100%;
color: #ec1f2a
}
.botarticle .botarticle-cont p {
line-height: 100%;
margin: 0;
padding: 0
}
.botarticle .botarticle-cont .botarticle-more {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
text-align: center;
border: 0;
letter-spacing: .03em;
font-family: 'Helvetica Neue', Arial, sans-serif;
margin: 56px 0 0;
padding: 7px 15px;
min-width: 174px;
width: auto;
display: inline-block;
cursor: pointer
}
.botarticle .botarticle-cont .botarticle-more:hover {
background: #ec1f2a
}
.botarticle .botarticle-img {
position: absolute;
display: block;
right: 50%;
height: 100%;
overflow: hidden;
top: 0;
margin: 0 4.5% 0 0
}
.botarticle .botarticle-img img {
display: block;
width: auto;
height: 100%;
max-width: none;
max-height: none
}
.b-crumbs-wrap {
background: #fff;
border-bottom: 1px solid #ec1f2a;
}
.b-crumbs-wrap.b-crumbs-wrap2 {
border-bottom: 0;
margin-bottom: 0
}
.b-crumbs {
position: relative;
padding-top: 15px
}
.b-crumbs>ul {
padding: 0 22px 0 0
}
.b-crumbs>ul li {
display: inline-block;
vertical-align: top;
font-size: 13px;
text-transform: uppercase;
margin: 0 8px 17px 0;
font-weight: 600;
padding: 0 16px 0 0;
position: relative
}
.b-crumbs>ul li:after {
position: absolute;
content: '/';
font-size: 13px;
color:#000;
top: 0;
right: 0;
display: block;
font-weight: 600
}
.b-crumbs>ul li:last-child:after {
display: none
}
.b-crumbs>ul li:last-child {
margin-right: 0;
padding-right: 0;
color: #ec1f2a;
}
.b-crumbs>ul li a {
border-bottom: 1px solid transparent;
color: #000;
transition: all .2s
}
.b-crumbs>ul li a:hover {
border-bottom: 1px solid #000
}
.b-crumbs>ul li span {
color: #000
}
.b-crumbs-wrap .b-crumbs-menu {
width: 16px;
height: 14px;
display: block;
position: absolute;
top: 50%;
right: 15px;
background: url(../img/menu1.png) no-repeat left top;
margin: -8px 0 0;
cursor: pointer
}
.b-crumbs-wrap .b-crumbs-menu:hover {
background-position: left bottom
}
.b-crumbs-wrap .b-crumbs-menu>a {
display: block;
width: 100%;
height: 100%
}
.b-crumbs-wrap .b-crumbs-menulist {
position: absolute;
right: -10px;
text-align: left;
top: 100%;
background: #fff;
margin: 0;
padding: 8px 0;
margin: 6px 0 0;
border: 1px solid #e0e4f6;
border-radius: 4px;
box-sizing: content-box;
z-index: 5;
display: none
}
.b-crumbs-wrap .b-crumbs-menulist:after {
position: absolute;
content: '';
display: block;
top: -12px;
right: 11px;
border-bottom: 6px solid #fff;
border-top: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid rgba(0, 0, 0, 0)
}
.b-crumbs-wrap .b-crumbs-menulist:before {
position: absolute;
content: '';
display: block;
top: -13px;
right: 11px;
border-bottom: 6px solid #e0e4f6;
border-top: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid rgba(0, 0, 0, 0)
}
.b-crumbs-wrap .b-crumbs-menulist li {
white-space: nowrap
}
.b-crumbs-wrap .b-crumbs-menulist li a {
display: block;
padding: 4px 14px;
transition: all .2s
}
.b-crumbs-wrap .b-crumbs-menulist li a:hover {
color: #ec1f2a
}
ul.pager {
clear: both;
text-align: right;
padding: 10px 8px
}
ul.pager li {
display: inline-block;
margin: 0 2px 10px;
vertical-align: top;
font-size: 12px;
font-weight: 700
}
ul.pager li a {
transition: all .2s;
text-align: center;
display: block;
position: relative;
padding: 1px 12px;
border-radius: 30px;
background: #c0c4d7;
color: #fff
}
ul.pager li a:hover {
color: #ec1f2a
}
ul.pager li.active a {
border-radius: 30px;
background: #ec1f2aff;
color: #000;
}
ul.pager li.dots a {
color: #000;
}
.maincont .section-count {
color: #ec1f2a;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 15px
}
.section-top {
position: relative;
border: 1px solid #e0e4f6;
background: #fff;
border-radius: 4px;
z-index: 10;
padding: 10px 0 0 10px;
margin: 0 0 30px
}
.section-top:after {
clear: both;
display: block;
content: ''
}
.section-top .section-menu-btn {
z-index: 12;
position: absolute;
line-height: 100%;
top: -1px;
bottom: -1px;
left: -1px;
display: block;
color: #fff;
border-radius: 4px 0 0 4px;
padding: 6px 72px 4px 33px;
font-size: 14px;
text-transform: uppercase;
background: url(../img/menu-section.png) no-repeat 87% center;
background-color: #ec1f2a;
font-weight: 700;
transition: all .2s;
vertical-align: middle
}
.section-top .section-menu-btn.opened {
background: url(../img/menu-section-close.png) no-repeat 87% center;
background-color: #ec1f2a;
border-radius: 4px 0 4px 0
}
.section-top .section-menu-btn:hover {
background-color: #ec1f2a
}
.section-top .section-menu-btn:before {
line-height: 100%;
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 100%
}
.section-top .section-view {
float: right;
position: relative;
font-size: 14px;
color: #000;
padding: 0 27px 0 32px;
margin: 0 0 11px
}
.section-top .section-view:after {
position: absolute;
content: '';
width: 1px;
height: 22px;
display: block;
background: #e0e4f6;
top: 50%;
left: 0;
margin: -11px 0 0
}
.section-top .section-view p {
margin: 0 11px 0 0;
display: inline-block
}
.section-top .section-view .dropdown-wrap {
display: inline-block;
position: relative
}
.section-top .section-view .section-view-ttl {
margin: 0;
padding: 0 39px 0 0;
color: #ec1f2a;
cursor: pointer;
font-size: 15px;
transition: all .2s;
position: relative
}
.section-top .section-view .section-view-ttl:after {
position: absolute;
content: '';
background: url(../img/arr1.png) no-repeat left top;
display: block;
width: 14px;
height: 8px;
overflow: hidden;
top: 7px;
right: 0
}
.section-top .section-view .section-view-ttl:hover {
color: #ec1f2a
}
.section-top .section-view .section-view-ttl.opened:after {
background-position: left bottom
}
.section-top .section-view ul {
position: absolute;
left: -11px;
top: 100%;
background: #fff;
padding: 5px 10px;
margin: 4px 0 0;
border: 1px solid #e0e4f6;
border-radius: 4px;
min-width: 100%;
box-sizing: content-box;
display: none;
z-index: 5
}
.section-top .section-view ul li {
white-space: nowrap;
padding: 0;
font-size: 15px
}
.section-top .section-view ul li a {
transition: all .2s;
display: block;
padding: 4px 0;
color: #ec1f2a
}
.section-top .section-view ul li a:hover {
color: #ec1f2a
}
.section-top .section-view ul li.active a {
color: #ec1f2a
}
.section-top .section-sort {
float: right;
position: relative;
font-size: 14px;
color: #000;
padding: 0 27px 0 32px;
margin: 0 0 11px
}
.section-top .section-sort:after {
position: absolute;
content: '';
width: 1px;
height: 22px;
display: block;
background: #e0e4f6;
top: 50%;
left: 0;
margin: -11px 0 0
}
.section-top .section-sort p {
margin: 0 11px 0 0;
display: inline-block
}
.section-top .section-sort .dropdown-wrap {
display: inline-block;
position: relative
}
.section-top .section-sort .section-sort-ttl {
margin: 0;
padding: 0 39px 0 0;
color: #ec1f2a;
cursor: pointer;
font-size: 15px;
transition: all .2s;
position: relative
}
.section-top .section-sort .section-sort-ttl:after {
position: absolute;
content: '';
background: url(../img/arr1.png) no-repeat left top;
display: block;
width: 14px;
height: 8px;
overflow: hidden;
top: 7px;
right: 0
}
.section-top .section-sort .section-sort-ttl:hover {
color: #ec1f2a
}
.section-top .section-sort .section-sort-ttl.opened:after {
background-position: left bottom
}
.section-top .section-sort ul {
position: absolute;
left: -11px;
top: 100%;
background: #fff;
padding: 5px 10px;
margin: 4px 0 0;
border: 1px solid #e0e4f6;
border-radius: 4px;
min-width: 100%;
box-sizing: content-box;
display: none;
z-index: 5
}
.section-top .section-sort ul li {
white-space: nowrap;
padding: 0;
font-size: 15px
}
.section-top .section-sort ul li a {
transition: all .2s;
display: block;
padding: 4px 0;
color: #ec1f2a
}
.section-top .section-sort ul li a:hover {
color: #ec1f2a
}
.section-top .section-sort ul li.active a {
color: #ec1f2a
}
.section-top .section-prices {
float: right;
position: relative;
font-size: 14px;
color: #000;
padding: 0 27px 0 32px;
margin: 0 0 11px
}
.section-top .section-prices:after {
position: absolute;
content: '';
width: 1px;
height: 22px;
display: block;
background: #e0e4f6;
top: 50%;
left: 0;
margin: -11px 0 0
}
.section-top .section-prices p {
margin: 0 11px 0 0;
display: inline-block
}
.section-top .section-prices .dropdown-wrap {
display: inline-block;
position: relative
}
.section-top .section-prices .section-prices-ttl {
margin: 0;
padding: 0 39px 0 0;
color: #ec1f2a;
cursor: pointer;
font-size: 15px;
transition: all .2s;
position: relative
}
.section-top .section-prices .section-prices-ttl:after {
position: absolute;
content: '';
background: url(../img/arr1.png) no-repeat left top;
display: block;
width: 14px;
height: 8px;
overflow: hidden;
top: 7px;
right: 0
}
.section-top .section-prices .section-prices-ttl:hover {
color: #ec1f2a
}
.section-top .section-prices .section-prices-ttl.opened:after {
background-position: left bottom
}
.section-top .section-prices ul {
position: absolute;
left: -11px;
top: 100%;
background: #fff;
padding: 5px 10px;
margin: 4px 0 0;
border: 1px solid #e0e4f6;
border-radius: 4px;
min-width: 100%;
box-sizing: content-box;
display: none;
z-index: 5
}
.section-top .section-prices ul li {
white-space: nowrap;
padding: 0;
font-size: 15px
}
.section-top .section-prices ul li a {
transition: all .2s;
display: block;
padding: 4px 0;
color: #ec1f2a
}
.section-top .section-prices ul li a:hover {
color: #ec1f2a
}
.section-top .section-prices ul li.active a {
color: #ec1f2a
}
.section-top .section-shipping {
float: right;
font-size: 14px;
color: #000;
padding: 0 27px 0 5px;
margin: 0 0 11px
}
.section-top .section-shipping input[type=checkbox] {
display: none
}
.section-top .section-shipping label {
color: #000;
font-size: 15px;
position: relative;
padding: 0 28px 0 0;
transition: all .2s;
cursor: pointer
}
.section-top .section-shipping label:hover {
color: #ec1f2a
}
.section-top .section-shipping label:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
display: block;
overflow: hidden;
background: url(../img/chk1.png) no-repeat left top;
top: 4px;
right: 0
}
.section-top .section-shipping input[type=checkbox]:checked+label:after {
background-position: left bottom
}
.section-menu-overlay {
position: fixed;
display: none;
background: rgba(23, 24, 27, 0.9);
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9
}
.section-top .section-menu-wrap {
position: absolute;
z-index: 11;
top: -1px;
display: none;
left: -1px;
right: -1px;
border-radius: 3px;
background: #fff;
overflow: hidden;
padding: 73px 38px 20px;
border-radius: 4px;
box-shadow: inset 0 -4px 0 0 #dfe2f0
}
.section-top .section-menu {
margin: 0 0 16px;
float: left;
width: 20%;
padding: 0 1% 0 0
}
.section-top .section-menu:nth-child(5n+1) {
clear: left
}
.section-top .section-menu-ttl {
color: #ec1f2a;
font-size: 20px;
font-weight: 700;
margin: 0 0 17px
}
.section-top .section-menu-list li {
color:#000;
font-size: 13px;
text-transform: uppercase;
margin: 0 0 13px;
font-weight: 600
}
.section-top .section-menu-list li a {
color:#000;
transition: all .2s;
border-bottom: 1px solid transparent
}
.section-top .section-menu-list li a:hover {
border-bottom: 1px solid #a0a6c5
}
.section-list .sectls {
margin: 0 0 26px;
position: relative;
background: #fff;
border-radius: 4px;
padding: 0 0 0 170px;
z-index: 2;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25)
}
.section-list .sectls-img {
padding: 20px;
width: 170px;
position: absolute;
top: 0;
left: 0;
height: 100%;
vertical-align: middle;
display: block;
border-right: 1px solid #e0e4f6
}
.section-list .sectls-img img {
display: block;
/*position: absolute;
max-height: 85%;*/
position: relative;
max-width: 85%;
max-height: 65%;
width: auto;
height: auto;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.section-list .sectls-cont {
padding: 20px 0 0;
overflow: hidden
}
.section-list .sectls-ttl-wrap {
float: left;
width: 54%;
padding: 0 5px 18px 3%;
text-transform: uppercase;
font-size: 13px;
color:#000;
font-weight: 600
}
.section-list .sectls-ttl-wrap p {
margin: 0 0 13px
}
.section-list .sectls-ttl-wrap p a {
color:#000;
transition: all .2s;
border-bottom: 1px solid transparent
}
.section-list .sectls-ttl-wrap p a:hover {
border-bottom: 1px solid #a0a6c5
}
.section-list .sectls-ttl-wrap h3 {
font-weight: 700;
font-size: 20px;
color: #ec1f2a;
text-transform: none;
font-weight: 700
}
.section-list .sectls-ttl-wrap h3 a {
color: #333;
transition: all .2s
}
.section-list .sectls-ttl-wrap h3 a:hover {
color: #ec1f2a
}
.section-list .sectls-price-wrap {
float: left;
width: 30%;
padding: 0 5px 18px;
font-size: 15px;
color: #000;
text-align: left
}
.section-list .sectls-price-wrap p {
margin: 0;
padding: 0;
line-height: 100%;
min-height: 38px
}
.section-list .sectls-price-wrap .sectls-price {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 15px;
min-height: initial
}
.section-list .sectls-qnt-wrap {
float: left;
width: 18%;
padding: 0 5px 4px;
font-size: 15px;
color: #000;
text-align: left
}
.section-list .sectls-qnt-wrap p {
margin: 0;
padding: 0;
line-height: 100%;
min-height: 38px
}
.section-list .sectls-qnt-wrap .sectls-qnt {
min-height: initial;
display: flex;
}
.section-list .sectls-qnt-wrap .sectls-minus {
float: left;
font-size: 15px;
text-align: center;
border-left: 1px solid #e0e4f6;
border-top: 1px solid #e0e4f6;
border-bottom: 1px solid #e0e4f6;
border-radius: 2px 0 0 2px;
width: 25px;
height: 23px;
line-height: 20px;
display: block;
color: #000;
transition: all .2s
}
.section-list .sectls-qnt-wrap .sectls-minus:hover {
background: #f3f3f3
}
.section-list .sectls-qnt-wrap .sectls-plus {
float: left;
font-size: 15px;
text-align: center;
border-right: 1px solid #e0e4f6;
border-top: 1px solid #e0e4f6;
border-bottom: 1px solid #e0e4f6;
border-radius: 2px 0 0 2px;
width: 25px;
height: 23px;
line-height: 20px;
display: block;
color: #000;
transition: all .2s
}
.section-list .sectls-qnt-wrap .sectls-plus:hover {
background: #f3f3f3
}
.section-list .sectls-qnt-wrap input[type=text] {
border: 1px solid #e0e4f6;
width: 39px;
float: left;
text-align: center;
font-size: 15px;
display: block;
padding: 0;
height: 23px;
color: #ec1f2a;
transition: all .2s;
background: #fff
}
.section-list .sectls-qnt-wrap input[type=text]:focus {
background: #f3f3f3
}
.section-list .sectls-total-wrap {
float: left;
width: 15%;
padding: 0 5px 18px;
font-size: 15px;
color: #000;
text-align: left
}
.section-list .sectls-total-wrap p {
margin: 0;
padding: 0;
line-height: 100%;
min-height: 38px
}
.section-list .sectls-total-wrap .sectls-total {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 15px;
min-height: initial
}
.section-list .sectls-info {
position: relative;
overflow: hidden;
border-top: 1px solid #e0e4f6;
padding: 0 0 19px
}
.section-list .sectls-rating-wrap {
float: left;
min-width: 212px;
text-align: left;
margin: 0 29px 0 2%;
position: relative;
padding: 15px 0 0;
font-size: 15px;
color: #000;
}
.section-list .sectls-rating-wrap:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
height: 36px;
margin: 0;
top: 9px;
right: 0
}
.section-list .sectls-rating-wrap p {
display: inline-block
}
.section-list .sectls-rating {
margin: 0 16px 0 0;
unicode-bidi: bidi-override;
direction: rtl;
text-align: left;
font-size: 15px;
color: #ec1f2a;
white-space: nowrap;
display: inline-block;
cursor: pointer
}
.section-list .sectls-rating .fa {
font-size: 15px;
padding: 0 2px
}
.section-list .sectls-rating .fa:hover:before {
content: "\f005"
}
.section-list .sectls-rating .fa:hover:before,
.section-list .sectls-rating .fa:hover~.fa:before {
content: "\f005"
}
.section-list .sectls-rating[data-rating="1"] .fa:nth-child(5):before {
content: "\f005"
}
.section-list .sectls-rating[data-rating="2"] .fa:nth-child(5):before,
.section-list .sectls-rating[data-rating="2"] .fa:nth-child(4):before {
content: "\f005"
}
.section-list .sectls-rating[data-rating="3"] .fa:nth-child(5):before,
.section-list .sectls-rating[data-rating="3"] .fa:nth-child(4):before,
.section-list .sectls-rating[data-rating="3"] .fa:nth-child(3):before {
content: "\f005"
}
.section-list .sectls-rating[data-rating="4"] .fa:nth-child(5):before,
.section-list .sectls-rating[data-rating="4"] .fa:nth-child(4):before,
.section-list .sectls-rating[data-rating="4"] .fa:nth-child(3):before,
.section-list .sectls-rating[data-rating="4"] .fa:nth-child(2):before {
content: "\f005"
}
.section-list .sectls-rating[data-rating="5"] .fa:nth-child(5):before,
.section-list .sectls-rating[data-rating="5"] .fa:nth-child(4):before,
.section-list .sectls-rating[data-rating="5"] .fa:nth-child(3):before,
.section-list .sectls-rating[data-rating="5"] .fa:nth-child(2):before,
.section-list .sectls-rating[data-rating="5"] .fa:nth-child(1):before {
content: "\f005"
}
.section-list .sectls-id {
float: left;
font-size: 15px;
color: #000;
margin: 16px 10px 0 0;
white-space: nowrap
}
.section-list .sectls-add {
float: right;
width: 195px;
text-align: center;
padding: 17px 0 0;
font-size: 15px;
font-weight: 700;
color: #000;
text-transform: uppercase;
position: relative
}
.section-list .sectls-add:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
height: 36px;
margin: 0;
top: 9px;
left: 0
}
.section-list .sectls-add span {
display: inline-block;
color: #000;
}
.section-list .sectls-add a {
position: relative;
display: inline-block;
padding: 0 0 0 35px
}
.section-list .sectls-add a:hover {
color: #ec1f2a
}
.section-list .sectls-add a:after {
width: 19px;
height: 15px;
display: block;
content: '';
overflow: hidden;
top: 3px;
left: 0;
position: absolute;
background: url(../img/icocart1.png) no-repeat top left
}
.section-list .sectls-add a:hover:after {
background-position: left bottom
}
.section-list .sectls-favorites {
width: 74px;
padding: 20px 0 0;
float: right;
text-align: center;
position: relative
}
.section-list .sectls-favorites:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
height: 36px;
margin: 0;
top: 9px;
left: 0
}
.section-list .sectls-favorites a {
width: 16px;
height: 15px;
overflow: hidden;
display: inline-block;
background: url(../img/icofav1.png) no-repeat left top
}
.section-list .sectls-favorites a:hover {
background-position: left bottom
}
.section-list .sectls-compare {
width: 74px;
padding: 20px 0 0;
float: right;
text-align: center;
position: relative
}
.section-list .sectls-compare:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
height: 59px;
margin: 0;
top: 0;
left: 0
}
.section-list .sectls-compare a {
width: 15px;
height: 15px;
overflow: hidden;
display: inline-block;
background: url(../img/icocompare1.png) no-repeat left top
}
.section-list .sectls-compare a:hover {
background-position: left bottom
}
.section-gallery:after {
clear: both;
content: '';
display: block
}
.section-gallery .sectgl {
border-radius: 4px;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
background: #fff;
float: left;
margin: 0 2.66666% 26px 0;
min-height: 365px;
width: 23%;
padding: 29px 29px 10px
}
.section-gallery .sectgl:nth-child(4n) {
margin-right: 0
}
.section-gallery .sectgl:nth-child(4n+1) {
clear: left
}
.section-gallery .sectgl .sectgl-link {
display: block;
overflow: hidden;
margin: 0 0 10px
}
.section-gallery .sectgl .sectgl-img {
margin: 0 0 20px;
height: 234px;
line-height: 234px;
position: relative;
display: block;
padding: 0;
text-align: center
}
.section-gallery .sectgl .sectgl-img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.section-gallery .sectgl h3 {
font-size: 20px;
font-weight: 700;
color: #ec1f2a;
text-align: left;
padding: 0;
margin: 0;
height: 22px;
position: relative;
line-height: 110%
}
.section-gallery .sectgl h3 span {
line-height: 110%;
position: absolute;
transition: all .2s;
display: block;
left: 0;
width: 100%;
top: 0
}
.section-gallery .sectgl-link:hover h3 {
color: #ec1f2a
}
.section-gallery .sectgl .sectgl-info {
overflow: hidden;
position: relative
}
.section-gallery .sectgl .sectgl-categ {
float: left;
text-transform: uppercase;
color:#000;
font-size: 13px;
font-weight: 600;
display: block;
margin: 0 0 10px;
transition: all .2s;
border-bottom: 1px solid transparent;
max-width: 49%
}
.section-gallery .sectgl .sectgl-categ:hover {
border-bottom: 1px solid #a0a6c5
}
.section-gallery .sectgl .sectgl-price {
transition: all .2s;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
float: right;
color: #ec1f2a;
font-weight: 700;
margin: 0 0 10px 2%;
max-width: 49%;
text-align: right
}
.section-gallery .sectgl .sectgl-info del {
transition: all .2s;
font-size: 14px;
float: right;
color: #000;
font-weight: 600;
margin: 0 0 3px
}
.section-gallery .sectgl .sectgl-info .sectgl-add {
transition: all .3s;
text-transform: uppercase;
position: absolute;
color: #ec1f2a;
font-weight: 700;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
top: 0;
right: 0;
opacity: 0
}
.section-gallery .sectgl .sectgl-info:hover .sectgl-price {
opacity: 0
}
.section-gallery .sectgl .sectgl-info:hover .sectgl-info del {
opacity: 0
}
.section-gallery .sectgl .sectgl-info:hover .sectgl-add {
opacity: 1
}
.dropdown-wrap-range .dropdown-list input[type=text] {
display: none
}
.prod {
margin-top: 27px;
margin-bottom: 49px;
z-index: 2;
position: relative;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
border-radius: 4px;
background: #fff;
padding: 0 0 0 40%;
min-height: 442px
}
.prod:after {
clear: both;
display: block;
content: ''
}
.prod .prod-slider-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding: 0 0 97px;
float: left;
width: 40%;
overflow: hidden;
border-right: 1px solid #e0e4f6
}
.prod .prod-slider {
overflow: hidden;
position: relative;
margin: 0;
top: 0;
position: absolute;
width: 100%;
bottom: 101px;
overflow: hidden
}
.prod .prod-slider .slides {
height: 100%
}
.prod .prod-slider .slides li {
height: 100%;
padding: 15px;
text-align: center;
vertical-align: middle
}
.prod .prod-slider .slides li a {
width: 100%;
display: block;
vertical-align: middle
}
.prod .prod-slider .slides li a:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%
}
.prod .prod-slider .slides li img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.prod .prod-thumbs {
position: absolute;
width: 100%;
bottom: 4px;
overflow: hidden
}
.prod .prod-thumbs .flex-direction-nav a {
width: 30px;
height: 30px;
line-height: 28px
}
.prod .prod-thumbs .flex-direction-nav a:before {
font-size: 20px
}
.prod .prod-thumbs .slides li {
text-align: center;
height: 97px;
margin: 0;
cursor: pointer;
float: left;
line-height: 84px;
border-left: 1px solid #e0e4f6;
border-top: 1px solid #e0e4f6;
position: relative;
padding: 5px 6px 7px 5px
}
.prod .prod-thumbs .slides li.flex-active-slide:after {
position: absolute;
top: -1px;
bottom: 0;
left: -1px;
right: 0;
content: '';
border: 3px solid #ec1f2a;
background: rgba(255, 255, 255, 0.5)
}
.prod .prod-thumbs .slides li img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.prod .prod-cont {
float: left;
width: 100%;
font-size: 14px;
color: #777
}
.prod .prod-desc {
border-bottom: 1px solid #e0e4f6;
padding: 19px 4% 19px;
color: #000;
font-size: 15px;
line-height: 180%
}
.prod .prod-desc .prod-desc-ttl {
color: #ec1f2a;
font-weight: 600;
font-size: 15px;
border-bottom: 1px solid #e0e4f6;
margin: 0 0 19px
}
.prod .prod-desc-ttl>span {
padding: 0 0 12px;
display: inline-block;
position: relative
}
.prod .prod-desc-ttl>span:after {
position: absolute;
height: 1px;
background: #ec1f2a;
width: 100%;
bottom: -1px;
left: 0;
content: '';
display: block
}
.prod .prod-desc p {
margin: 0;
line-height: 180%;
padding: 0
}
.prod .prod-desc a {
color: #ec1f2a;
transition: all .2s;
border-bottom: 1px solid rgba(0, 0, 0, 0)
}
.prod .prod-desc a:hover {
border-color: #ec1f2a
}
.prod .prod-props {
border-bottom: 1px solid #e0e4f6;
padding: 23px 4% 0
}
.prod .prod-props dl {
overflow: hidden;
margin: 0 0 16px
}
.prod .prod-props dt {
width: 23%;
float: left;
font-size: 15px;
color: #000;
margin: 0 0 8px;
padding: 0 5px 0 0
}
.prod .prod-props dt:nth-of-type(2n+1) {
clear: left
}
.prod .prod-props dd {
width: 75%;
float: left;
color: #ec1f2a;
font-size: 15px;
margin: 0 0 8px;
padding: 0 5px 0 0
}
.prod .prod-props dt a {
color: #ec1f2a;
transition: all .2s;
border-bottom: 1px solid rgba(0, 0, 0, 0)
}
.prod .prod-props dt a:hover {
border-color: #ec1f2a
}
.prod .prod-info {
border-bottom: 1px solid #e0e4f6;
padding: 10px 4% 0
}
.prod .prod-info:after {
clear: both;
display: block;
content: ''
}
.prod .prod-price-wrap {
float: left;
width: 30%;
padding: 0 3px 27px 0;
font-size: 15px;
color: #000;
text-align: left
}
.prod .prod-price-wrap p {
margin: 0 0 15px;
padding: 0
}
.prod .prod-price-wrap .prod-price {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 20px;
font-weight: 700;
}
.prod .prod-qnt-wrap {
float: left;
width: 20%;
padding: 10px 3px 6px;
font-size: 15px;
color: #000;
text-align: left
}
.prod .prod-qnt-wrap p {
margin: 0 0 15px;
padding: 0
}
.prod .prod-qnt-wrap .prod-qnt {
overflow: hidden
}
.prod .prod-qnt-wrap .prod-minus {
float: left;
font-size: 15px;
text-align: center;
border-left: 1px solid #e0e4f6;
border-top: 1px solid #e0e4f6;
border-bottom: 1px solid #e0e4f6;
border-radius: 2px 0 0 2px;
width: 25px;
height: 23px;
line-height: 20px;
display: block;
color: #000;
transition: all .2s
}
.prod .prod-qnt-wrap .prod-minus:hover {
background: #f3f3f3
}
.prod .prod-qnt-wrap .prod-plus {
float: left;
font-size: 15px;
text-align: center;
border-right: 1px solid #e0e4f6;
border-top: 1px solid #e0e4f6;
border-bottom: 1px solid #e0e4f6;
border-radius: 2px 0 0 2px;
width: 25px;
height: 23px;
line-height: 20px;
display: block;
color: #000;
transition: all .2s
}
.prod .prod-qnt-wrap .prod-plus:hover {
background: #f3f3f3
}
.prod .prod-qnt-wrap input[type=text] {
border: 1px solid #e0e4f6;
width: 39px;
float: left;
text-align: center;
font-size: 15px;
display: block;
padding: 0;
height: 23px;
color: #ec1f2a;
transition: all .2s;
background: #fff
}
.prod .prod-qnt-wrap input[type=text]:focus {
background: #f3f3f3
}
.prod .prod-total-wrap {
float: left;
width: 24%;
padding: 0 3px 27px;
font-size: 15px;
color: #000;
text-align: left
}
.prod .prod-total-wrap p {
margin: 0 0 15px;
padding: 0
}
.prod .prod-total-wrap .prod-total {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 15px
}
.prod .prod-shipping-wrap {
float: left;
width: 27%;
padding: 0 3px 27px;
font-size: 15px;
color: #000;
text-align: left
}
.prod .prod-shipping-wrap p {
margin: 0 0 15px;
padding: 0
}
.prod .prod-shipping-wrap .prod-shipping {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 15px
}
.prod .prod-actions {
padding: 0 0 19px;
overflow: hidden
}
.prod .prod-actions:after {
clear: both;
display: block;
content: ''
}
.prod-rating-wrap {
float: left;
width: 44%;
margin: 0;
position: relative;
font-size: 15px;
color: #000;
text-align: left;
padding: 15px 0 0 3.6%
}
.prod-rating-wrap p {
display: inline-block
}
.prod-rating {
margin: 0 10px 0 0;
unicode-bidi: bidi-override;
text-align: left;
font-size: 15px;
color: #ec1f2a;
white-space: nowrap;
display: inline-block;
cursor: pointer
}
.prod-rating .fa {
font-size: 15px;
padding: 0 2px
}
.prod-rating .fa:hover:before {
content: "\f005"
}
.prod-rating .fa:hover:before,
.prod-rating .fa:hover~.fa:before {
content: "\f005"
}
.prod-rating[data-rating="1"] .fa:nth-child(5):before {
content: "\f005"
}
.prod-rating[data-rating="2"] .fa:nth-child(5):before,
.prod-rating[data-rating="2"] .fa:nth-child(4):before {
content: "\f005"
}
.prod-rating[data-rating="3"] .fa:nth-child(5):before,
.prod-rating[data-rating="3"] .fa:nth-child(4):before,
.prod-rating[data-rating="3"] .fa:nth-child(3):before {
content: "\f005"
}
.prod-rating[data-rating="4"] .fa:nth-child(5):before,
.prod-rating[data-rating="4"] .fa:nth-child(4):before,
.prod-rating[data-rating="4"] .fa:nth-child(3):before,
.prod-rating[data-rating="4"] .fa:nth-child(2):before {
content: "\f005"
}
.prod-rating[data-rating="5"] .fa:nth-child(5):before,
.prod-rating[data-rating="5"] .fa:nth-child(4):before,
.prod-rating[data-rating="5"] .fa:nth-child(3):before,
.prod-rating[data-rating="5"] .fa:nth-child(2):before,
.prod-rating[data-rating="5"] .fa:nth-child(1):before {
content: "\f005"
}
.prod .prod-add {
/*float: left;
width: 160px;
text-align: center;
padding: 0 0 10px;
font-size: 15px;
font-weight: 700;
color: #000;
text-transform: uppercase;
position: relative;*/
width: 160px;
text-align: center;
padding: 0 0 10px;
text-transform: uppercase;
position: relative;
transition: all .2s;
border-bottom: 2px solid #ec1f2a;
font-size: 14px;
float: right;
color: #ec1f2a;
font-weight: 700;
}
.prod .prod-add:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
margin: 0;
top: 9px;
left: 0;
}
.prod .prod-add a {
position: relative;
display: inline-block;
padding: 0 0 0 35px
}
.prod .prod-add a:hover {
color: #ec1f2a
}
.prod .prod-add a:after {
width: 19px;
height: 15px;
display: block;
content: '';
overflow: hidden;
top: 3px;
left: 0;
position: absolute;
background: url(../img/icocart1.png) no-repeat top left
}
.prod .prod-add a:hover:after {
background-position: left bottom
}
.prod .prod-favorites {
width: 74px;
padding: 20px 0 0;
float: left;
text-align: center;
position: relative
}
.prod .prod-favorites:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
height: 36px;
margin: 0;
top: 9px;
left: 0
}
.prod .prod-favorites a {
width: 16px;
height: 15px;
overflow: hidden;
display: inline-block;
background: url(../img/icofav1.png) no-repeat left top
}
.prod .prod-favorites a:hover {
background-position: left bottom
}
.prod .prod-compare {
width: 74px;
padding: 20px 0 0;
float: left;
text-align: center;
position: relative
}
.prod .prod-compare:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e0e4f6;
height: 59px;
margin: 0;
top: 0;
left: 0
}
.prod .prod-compare a {
width: 15px;
height: 15px;
overflow: hidden;
display: inline-block;
background: url(../img/icocompare1.png) no-repeat left top
}
.prod .prod-compare a:hover {
background-position: left bottom
}
.fancybox-close.modal-form-close2 {
background-image: none;
background: url(../img/close4.png) no-repeat left top;
width: 16px;
height: 16px;
top: 0;
right: -23px
}
.prod-tabs-wrap {
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
border-radius: 4px;
margin: 0 0 30px;
padding: 22px 31px;
background: #fff
}
.prod-tabs {
overflow: hidden;
padding: 0 80px 0 0;
margin: 0 0 10px;
position: relative
}
.prod-tabs:after {
height: 1px;
position: absolute;
bottom: 0;
left: 0;
display: block;
content: '';
width: 100%;
z-index: 1;
background: #e0e4f6
}
.prod-tabs li {
float: left;
margin: 0 59px 0 0;
font-size: 15px;
position: relative
}
.prod-tabs li a {
display: block;
padding: 0 0 12px;
transition: all .2s;
font-weight: 600;
color: #000;
position: relative
}
.prod-tabs li a span {
vertical-align: middle;
display: inline-block;
font-weight: bold;
color: #fff;
background: #c0c4d7;
border-radius: 20px;
padding: 2px 8px;
margin: 0 0 0 10px;
font-size: 12px;
font-weight: 700;
line-height: 100%
}
.prod-tabs li a:hover {
color: #ec1f2a
}
.prod-tabs li.active a:hover {
color: #ec1f2a
}
.prod-tabs li.active:after {
height: 1px;
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
display: block;
content: '';
width: 100%;
background: #ec1f2a
}
.prod-tabs li.prod-tabs-addreview {
position: absolute;
text-transform: uppercase;
font-weight: 700;
top: 0;
font-size: 14px;
right: 0;
margin: 0;
color: #ec1f2a;
cursor: pointer;
padding: 0;
border-bottom: 1px solid transparent;
transition: all .2s
}
.prod-tabs li.prod-tabs-addreview:hover {
border-color: #ec1f2a
}
.prod-tab-mob {
display: none;
font-weight: 600;
cursor: pointer;
border-top: 1px solid #e0e4f6;
padding: 15px 0 15px;
transition: all .2s;
font-size: 15px;
position: relative;
transition: all .2s;
color: #ec1f2a
}
.prod-tab-mob:hover {
color: #ec1f2a
}
.prod-tab-mob.active {
color: #ec1f2a
}
.prod-tab-cont {
overflow: hidden
}
.prod-tab-cont .prod-tab {
display: none
}
.prod-tab-cont .prod-tab:first-of-type {
display: block
}
.prod-tab.prod-reviews:after {
clear: both;
display: block;
content: ''
}
.prod-review {
float: left;
width: 100%;
padding: 22px 7% 0 0;
margin: 0 0 16px;
border-top: 1px solid #efefef;
font-size: 15px;
color: #000;
line-height: 180%
}
.prod-review:nth-of-type(2n) {
padding-right: 0
}
.prod-review:nth-of-type(2n+1) {
clear: left
}
.prod-review:nth-of-type(1) {
border-top: 0
}
.prod-review:nth-of-type(2) {
border-top: 0
}
.prod-review h3 {
font-size: 14px;
font-weight: 700;
margin: 0 0 10px;
padding: 0;
font-size: 15px
}
.prod-review p {
line-height: 180%
}
.prod-review .prod-review-rating {
font-size: 15px;
color: #ec1f2a;
white-space: nowrap
}
.prod-review .prod-review-rating .fa {
padding: 0 2px
}
.prod-review-more {
border-top: 1px solid #e0e4f6;
padding: 10px 0 0;
text-align: center;
clear: both
}
.prod-review-more a {
display: inline-block;
border-bottom: 1px dotted #868ca7;
color: #000;
font-size: 15px;
transition: all .2s
}
.prod-review-more a:hover {
border-color: rgba(0, 0, 0, 0)
}
.prod-tab .prod-tab-props {
padding: 11px 0 0;
overflow: hidden
}
.prod-tab .prod-tab-props dl {
overflow: hidden;
margin: 0 0 16px
}
.prod-tab .prod-tab-props dt {
width: 14%;
float: left;
font-size: 15px;
color: #000;
margin: 0 0 8px;
padding: 0 5px 0 0
}
.prod-tab .prod-tab-props dt:nth-of-type(3n+1) {
clear: left
}
.prod-tab .prod-tab-props dd {
width: 19.33333%;
float: left;
color: #ec1f2a;
font-size: 15px;
margin: 0 0 8px;
padding: 0 5px 0 0
}
.prod-tab-desc {
padding: 11px 0 0;
color: #000;
font-size: 15px;
line-height: 180%
}
.prod-tab-desc p {
margin: 0 0 15px;
line-height: 180%
}
.prod-tabs-addreview-mob {
cursor: pointer;
border-top: 1px solid #e0e4f6;
padding: 15px 0 15px;
transition: all .2s;
font-size: 15px;
position: relative;
font-weight: 600;
transition: all .2s;
color: #ec1f2a;
display: none
}
.prod-tabs-addreview-mob:hover {
color: #ec1f2a
}
.prod-addreview-form {
max-width: 270px;
display: none;
margin: 30px auto 30px
}
.prod-addreview-form .prod-tab-addreview {
margin: 0 0 21px;
color:#000;
font-size: 18px;
font-weight: 700;
float: left
}
.prod-addreview-form .prod-rating {
float: right;
margin: 3px 0 15px
}
.prod-addreview-form input[type=text] {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 34px;
clear: both;
padding: 0 15px 0 15px;
margin: 0 0 15px
}
.prod-addreview-form input[type=text]:focus {
background: #f1f1fa
}
.prod-addreview-form input[type=text]::-webkit-input-placeholder {
color: #9fa4bb
}
.prod-addreview-form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.prod-addreview-form input[type=text]:-ms-input-placeholder {
color: #9fa4bb
}
.prod-addreview-form textarea {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 120px;
padding: 10px 15px 10px 15px;
margin: 0 0 15px
}
.prod-addreview-form textarea:focus {
background: #f1f1fa
}
.prod-addreview-form textarea::-webkit-input-placeholder {
color: #9fa4bb
}
.prod-addreview-form textarea::-moz-placeholder {
color: #000;
opacity: 1
}
.prod-addreview-form textarea:-ms-input-placeholder {
color: #9fa4bb
}
.prod-addreview-form input[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
height: 34px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 15px auto 15px;
padding: 0 15px;
cursor: pointer;
width: 100%
}
.prod-addreview-form input[type=submit]:hover {
background: #ec1f2a
}
.prodv {
position: relative;
margin: 28px 0 126px;
border-radius: 4px;
background: #fff;
z-index: 2;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
padding: 41px 4% 13px
}
.prodv:after {
clear: both;
display: block;
content: ''
}
.prodv-props {
overflow: hidden;
margin: 0 0 28px
}
.prodv-prop-wrap {
position: relative;
z-index: 2;
width: 20%;
float: left;
font-size: 18px;
color:#000;
margin: 0 0 20px;
font-weight: 700;
padding: 0 10px 0 0
}
.prodv-prop-wrap p {
margin: 0 0 6px
}
.prodv-prop-wrap .prodv-prop {
line-height: 100%;
font-size: 36px;
font-family: 'Helvetica Neue', Arial, sans-serif;
color: #ec1f2a
}
.prodv-prop-wrap .prodv-prop span {
font-size: 22px
}
.prodv-rating {
position: relative;
z-index: 2;
margin: 0 0 40px;
font-size: 18px;
color:#000;
font-weight: 700;
background: rgba(255, 255, 255, 0.9);
padding: 5px 0 3px;
width: 83px
}
.prodv-rating p {
margin: 0 0 7px
}
.prodv-rating .prod-rating {
font-size: 15px
}
.prodv-colors {
position: relative;
z-index: 2;
font-size: 18px;
color:#000;
width: 150px;
background: rgba(255, 255, 255, 0.9);
padding: 10px 0 0;
font-weight: 700
}
.prodv-colors p {
margin: 0 0 14px
}
.prodv-colors ul {
margin: 0 0 20px
}
.prodv-colors ul li {
display: inline-block;
vertical-align: top;
width: 34px;
height: 34px;
border-radius: 34px;
border: 1px solid rgba(0, 0, 0, 0);
margin: 0 12px 10px 0;
overflow: hidden;
cursor: pointer;
padding: 6px
}
.prodv-colors ul li.active {
border-color: #dfdfdf
}
.prodv-colors ul li span {
display: block;
width: 100%;
height: 100%;
border-radius: 34px
}
.prodv-add {
position: absolute;
display: block;
right: 56px;
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
border: 0;
bottom: 49px;
z-index: 2;
text-align: center;
letter-spacing: .03em;
margin: 0;
padding: 7px 28px;
cursor: pointer
}
.prodv-add:hover {
background: #ec1f2a
}
.prodv-model {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 130px;
color: #d3d7e7;
left: 0;
font-family: 'Helvetica Neue', Arial, sans-serif;
overflow: hidden
}
.prodv-img {
z-index: 1;
overflow: hidden;
top: 25%;
position: absolute;
width: 100%;
text-align: center;
left: 0
}
.prodv-img img {
max-width: 85%;
display: block;
margin: 0 auto
}
.blog:after {
clear: both;
display: block;
content: ''
}
.maincont .maincont-line2.blog-line {
bottom: 170px
}
.cont-sections {
position: absolute;
right: 10.5%;
top: 9px;
background: #f4f5fb;
z-index: 3;
max-width: 63%;
padding: 0 30px
}
.cont-sections li {
display: inline-block;
text-transform: uppercase;
font-weight: 700;
margin: 0 22px 10px;
vertical-align: top;
font-size: 13px;
vertical-align: middle;
font-weight: 600
}
.cont-sections li a span {
vertical-align: middle;
display: inline-block;
font-weight: bold;
color: #fff;
background: #c0c4d7;
border-radius: 20px;
padding: 2px 8px;
margin: 0 0 1px 5px;
font-size: 12px;
font-weight: 700;
line-height: 100%
}
.cont-sections li a {
color: #000;
transition: all .2s
}
.cont-sections li a:hover {
color: #000
}
.cont-sections li.active a {
color: #000
}
.blog-cont {
position: relative;
z-index: 2;
padding: 27px 0 0;
float: left;
width: 68.4%;
margin: 0
}
.blog-left .blog-cont .blog-grid-i {
width: 100%;
margin: 0 0 26px 3.7%
}
.blog-full .blog-cont {
float: none;
width: auto;
margin: 0 -15px
}
.blog-full .blog-cont .blog-grid-i {
width: 33.33333%;
margin: 0 0 26px;
padding: 0 15px
}
.blog-cont:after {
clear: both;
display: block;
content: ''
}
.blog-grid-i {
float: left;
width: 46.3%;
margin: 0 3.7% 26px 0
}
.blog-i {
background: #fff;
border-radius: 4px;
padding: 0 30px 17px;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
font-size: 15px;
color: #000;
overflow: hidden
}
.blog-i .blog-slider {
position: relative;
text-align: center;
margin: 0 0 10px
}
.blog-i .blog-slider .slides {
position: relative;
overflow: hidden
}
.blog-i .blog-slider .slides li {
position: relative;
overflow: hidden;
width: 100%;
float: left;
margin-right: -100%;
position: relative;
opacity: 0;
display: block;
z-index: 1;
height: 208px;
line-height: 208px
}
.blog-i .blog-slider .flex-control-nav {
bottom: -40px
}
.blog-i .blog-slider .slides li img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.blog-i .blog-img {
padding: 0;
max-height: 400px;
overflow: hidden;
display: block;
margin-left: auto;
margin-right: auto
}
.blog-i .blog-img img {
display: block;
width: 100%;
height: auto;
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-o-transition: transform .6s;
-moz-transition: transform .6s;
-webkit-transition: transform .6s;
transition: transform .6s
}
.blog-i .blog-img:hover img {
-ms-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
-moz-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
-o-transition: transform .6s;
-moz-transition: transform .6s;
-webkit-transition: transform .6s;
transition: transform .6s
}
.blog-i .blog-img>iframe {
display: block;
width: 100%;
height: auto;
height: 208px
}
.blog-i .blog-map-wrap {
display: block;
padding: 0;
margin: 0 -30px;
max-height: 400px;
overflow: hidden
}
.blog-i .blog-map-wrap .blog-map {
display: block;
width: 100%;
height: 208px
}
.blog-i .blog-info {
padding: 21px 65px 0 0;
margin: 0 0 3px;
position: relative
}
.blog-i .blog-info a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
color:#000;
transition: all .2s;
border-bottom: 1px solid transparent;
line-height: 100%;
display: inline-block
}
.blog-i .blog-info a:hover {
border-bottom: 1px solid #a0a6c5;
color: #000
}
.blog-i .blog-info time {
position: absolute;
top: 25px;
right: 7px;
font-size: 13px;
color: #c1c1c4;
font-weight: 600
}
.blog-i h3 {
font-size: 20px;
font-weight: 700;
margin: 0 0 8px;
padding: 0;
color: #ec1f2a
}
.blog-i h3 a {
color: #ec1f2a;
transition: all .2s;
line-height: 120%;
border: 0
}
.blog-i h3 a:hover {
color: #ec1f2a;
border: 0
}
.blog-i p {
margin: 0 0 15px;
line-height: 160%;
padding: 0
}
.blog-i p a {
color: #ec1f2a;
transition: all .2s;
text-decoration: none;
border-bottom: 1px solid transparent
}
.blog-i p a:hover {
border-color: #ec1f2a
}
.blog-cont .pager {
padding: 4px 9%
}
.blog-sb {
float: left;
width: 31.6%;
background: #fff;
border: 1px solid #e0e4f6;
border-radius: 4px;
position: relative;
z-index: 2;
margin: 27px 0 20px
}
.blog-calendar-wrap {
padding: 23px 30px 0
}
.blog-calendar-wrap h4 {
margin: 0 0 10px;
padding: 0;
color:#000;
font-size: 18px;
font-weight: 700
}
.blog-calendar {
margin: 0 0 23px
}
.blog-calendar-cont {
border-top: 1px solid #e0e4f6;
padding: 23px 30px 23px;
line-height: 160%;
font-size: 15px;
color: #000;
display: none
}
.blog-calendar-cont h4 {
margin: 0 0 18px;
padding: 0;
color:#000;
font-size: 18px;
font-weight: 700
}
.blog-search {
border-top: 1px solid #e0e4f6;
padding: 23px 30px 0
}
.blog-search h4 {
margin: 0 0 18px;
padding: 0;
color:#000;
font-size: 18px;
font-weight: 700
}
.blog-search form {
margin: 0 0 31px;
position: relative
}
.blog-search form input[type=text] {
font-size: 15px;
color: #000;
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
transition: all .2s;
display: block;
width: 100%;
height: 40px;
padding: 0 70px 0 15px
}
.blog-search form input[type=text]:focus {
background: #f1f1fa
}
.blog-search form input[type=text]::-webkit-input-placeholder {
color: #000
}
.blog-search form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.blog-search form input[type=text]:-ms-input-placeholder {
color: #000
}
.blog-search form button[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: absolute;
height: 34px;
top: 3px;
right: 3px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 0;
padding: 0 23px;
cursor: pointer
}
.blog-search form button[type=submit] .fa {
font-size: 15px;
color: #fff
}
.blog-search form button[type=submit]:hover {
background: #ec1f2a
}
.blog-featured-wrap {
border-top: 1px solid #e0e4f6;
padding: 23px 30px 8px
}
.blog-featured-wrap h4 {
margin: 0 0 8px;
padding: 0;
color:#000;
font-size: 18px;
font-weight: 700
}
.blog-featured-wrap .blog-featured {
border-top: 1px solid #e0e4f6;
margin: 0 0 8px;
padding: 14px 0 0;
overflow: hidden
}
.blog-featured-wrap .blog-featured:first-of-type {
border-top: 0
}
.blog-featured-info {
margin: 0 0 4px;
position: relative
}
.blog-featured-info a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
transition: all .2s;
border: 0
}
.blog-featured-info a:hover {
color: #ec1f2a;
border: 0
}
.blog-featured-info time {
position: absolute;
top: 1px;
right: 0;
font-size: 13px;
color: #c1c1c4;
font-weight: 600
}
.blog-featured h5 {
font-size: 16px;
color: #ec1f2a;
margin: 0 0 10px
}
.blog-featured h5 a {
color:#293133;
transition: all .2s;
border: 0
}
.blog-featured h5 a:hover {
color: #ec1f2a;
border: 0
}
.modal-form-blog {
padding: 20px 20px 20px;
width: 320px
}
.modal-form-blog .modal-form-ttl {
font-size: 20px;
font-weight: 700;
margin: 0 0 24px;
color: #ec1f2a;
font-family: 'Helvetica Neue', Arial, sans-serif;
text-align: center;
position: relative;
padding: 0 0 15px
}
.modal-form-blog .modal-form-ttl:after {
content: '';
width: 60px;
height: 2px;
background: #ec1f2a;
margin: 0 0 0 -30px;
left: 50%;
position: absolute;
display: block;
bottom: 0
}
.fancybox-close.modal-form-close {
background-image: none;
background: url(../img/close3.png) no-repeat left top;
width: 16px;
height: 16px;
top: 13px;
right: 13px
}
.calendar-month-navigation .fa {
color: #ec1f2a;
font-size: 15px
}
div.zabuto_calendar .table tr.calendar-month-header th {
font-size: 15px;
color: #000;
padding-top: 12px;
padding-bottom: 4px;
background-color: transparent
}
div.zabuto_calendar .table tr.calendar-dow-header th {
background-color: transparent;
text-transform: uppercase;
padding-bottom: 10px;
font-size: 13px;
color:#000;
font-weight: 600
}
div.zabuto_calendar .table tr td div.day {
color: #000;
font-size: 13px;
font-weight: 600
}
div.zabuto_calendar .table tr:last-child {
border-bottom: 0
}
div.zabuto_calendar .table tr td.event div.day,
div.zabuto_calendar ul.legend li.event {
background-color: #ec1f2a;
color: #fff;
border-radius: 4px;
transition: all .2s
}
div.zabuto_calendar .table tr td.event div.day:hover,
div.zabuto_calendar ul.legend li.event:hover {
background-color: #ec1f2a
}
div.zabuto_calendar .badge-today,
div.zabuto_calendar div.legend span.badge-today {
background-color: #c0c4d7;
color: #fff;
text-shadow: none;
padding: 2px 7px 2px;
border-radius: 20px
}
.post-img {
display: block;
width: 100%;
height: auto
}
.post-map {
display: block;
width: 100%;
height: 400px
}
.post-slider {
display: block;
width: 100%;
height: auto;
overflow: hidden;
position: relative;
max-height: 700px
}
.post-slider .slides li {
width: 100%;
float: left;
margin-right: -100%;
position: relative;
opacity: 0;
display: block;
z-index: 2;
display: block
}
.post-slider .slides li img {
width: 100%;
display: block;
height: auto
}
.flex-control-nav {
bottom: 50px
}
.post {
overflow: hidden;
position: relative;
z-index: 2;
background: #fff;
margin-top: 40px;
box-shadow: inset 0 -4px 0 0 #dfe2f0, 0 10px 20px 0 rgba(192, 196, 215, 0.25);
border-radius: 4px;
padding: 26px 31px 0;
font-size: 15px;
color: #000;
line-height: 180%
}
.post-sidebar .post {
float: left;
width: 64.7%;
margin-right: 3.7%
}
.post-sidebar .blog-sb {
margin-top: -40px
}
.post-sidebar-left .post {
float: left;
width: 64.7%
}
.post-sidebar-left .blog-sb {
margin-right: 3.7%;
margin-top: -40px
}
.post-img+.cont .post {
margin-top: -40px
}
.post-slider+.cont .post {
margin-top: -40px
}
.post-map+.cont .post {
margin-top: -40px
}
.post .post-info {
position: relative;
padding: 0 0 0 75px;
margin: 0 0 20px
}
.post .post-info a {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
color:#000;
display: block;
margin: 0 0 4px;
transition: all .2s;
border-bottom: 1px solid transparent;
line-height: 100%;
display: inline-block
}
.post .post-info a:hover {
border-bottom: 1px solid #a0a6c5;
color: #000
}
.post .post-info h1 {
font-size: 30px;
font-weight: 700;
color: #ec1f2a
}
.post .post-info time {
font-family: 'Helvetica Neue', Arial, sans-serif;
position: absolute;
top: 0;
left: 3px;
font-size: 19px;
color: #d6d9ef;
line-height: 100%;
text-align: center;
text-transform: uppercase
}
.post .post-info time span {
font-size: 35px;
display: block;
line-height: 100%
}
.post .post-video {
width: 100%;
margin: 30px 0 27px;
height: 624px
}
.post .post-video iframe {
width: 100%;
height: 100%
}
.post p {
line-height: 180%;
margin: 0 0 27px
}
.post .post-share {
border-bottom: 1px solid #e0e4f6;
text-align: center;
padding: 10px 31px 0;
margin: 0 -31px 9px
}
.post .post-share li {
display: inline-block;
margin: 0 3.5% 29px;
vertical-align: top;
font-size: 27px
}
.post .post-share li a {
transition: all .2s;
color: #ec1f2a
}
.post .post-share li a:hover {
color: #ec1f2a
}
.post .post-comments {
padding: 15px 0 0 0;
position: relative
}
.post .post-comments h3 {
font-size: 18px;
font-weight: 700;
margin: 0 0 21px;
color:#000;
float: left
}
.post .post-comments-add {
float: right;
text-transform: uppercase;
color: #ec1f2a;
border-bottom: 1px solid rgba(0, 0, 0, 0);
margin: 0 0 19px;
font-size: 14px;
font-weight: 700;
transition: all .2s
}
.post .post-comments-add:hover {
border-color: #ec1f2a
}
.post .post-comment {
clear: both;
position: relative;
padding: 4px 0 0 100px;
margin: 0 0 30px;
font-size: 15px;
color: #000;
}
.post .post-comment-reply {
padding-left: 30px;
position: relative
}
.post .post-comment-reply:after {
position: absolute;
top: 40px;
right: 100%;
background: #e0e4f6;
content: '';
height: 1px;
width: 100%;
display: block;
margin: 0 -30px 0 0
}
.post .post-comment-img {
margin: 0;
padding: 0;
position: absolute;
width: 80px;
left: 0;
top: 0
}
.post .post-comment-img img {
display: block;
width: 100%;
height: auto
}
.post .post-comment h4 {
font-size: 15px;
margin: 0 0 6px;
color: #ec1f2a
}
.post .post-comment p {
margin: 0;
padding: 0
}
.post .post-comments-more {
border-top: 1px solid #e0e4f6;
padding: 13px 0 20px;
margin: 0;
text-align: center
}
.post .post-comments-more a {
display: inline-block;
border-bottom: 1px dotted #868ca7;
color: #000;
font-size: 15px;
transition: all .2s
}
.post .post-comments-more a:hover {
border-color: rgba(0, 0, 0, 0)
}
.post-addcomment-form {
max-width: 270px;
display: none;
margin: 0 auto 30px
}
.post-addcomment-form .post-addcomment-ttl {
font-size: 18px;
font-weight: 700;
text-align: center;
margin: 0 0 21px;
padding: 0 0 12px;
position: relative;
color: #abafc2
}
.post-addcomment-form .post-addcomment-ttl:after {
content: '';
width: 60px;
height: 2px;
background: #ec1f2a;
margin: 0 0 0 -30px;
left: 50%;
position: absolute;
display: block;
bottom: 0
}
.post-addcomment-form input[type=text] {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 34px;
clear: both;
padding: 0 15px 0 15px;
margin: 0 0 15px
}
.post-addcomment-form input[type=text]:focus {
background: #f1f1fa
}
.post-addcomment-form input[type=text]::-webkit-input-placeholder {
color: #9fa4bb
}
.post-addcomment-form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.post-addcomment-form input[type=text]:-ms-input-placeholder {
color: #9fa4bb
}
.post-addcomment-form textarea {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 120px;
padding: 10px 15px 10px 15px;
margin: 0 0 15px
}
.post-addcomment-form textarea:focus {
background: #f1f1fa
}
.post-addcomment-form textarea::-webkit-input-placeholder {
color: #9fa4bb
}
.post-addcomment-form textarea::-moz-placeholder {
color: #000;
opacity: 1
}
.post-addcomment-form textarea:-ms-input-placeholder {
color: #9fa4bb
}
.post-addcomment-form input[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
height: 34px;
display: block;
border: 0;
max-width: 160px;
letter-spacing: .03em;
margin: 15px auto 15px;
padding: 0 15px;
cursor: pointer;
width: 100%
}
.post-addcomment-form input[type=submit]:hover {
background: #ec1f2a
}
.contacts {
margin: 26px 0 0;
padding: 43px 47px 0
}
.contacts:after {
clear: both;
display: block;
content: ''
}
.contacts a {
color: #ec1f2a;
transition: all .2s;
border-bottom: 1px solid transparent
}
.contacts a:hover {
border-bottom: 1px solid #ec1f2a
}
.contacts-col1 {
float: left;
width: 45%;
padding: 0 2% 0 0
}
.contacts-col1 li {
margin: 0 0 48px
}
.contacts-col1 li p {
font-size: 15px;
margin: 0 0 14px
}
.contacts-col1 li p b {
color:#000;
font-size: 18px;
font-weight: 700
}
.contacts-col2 {
float: left;
width: 33%;
padding: 0 2% 0 0
}
.contacts-col2 li {
margin: 0 0 48px
}
.contacts-col2 li p {
font-size: 15px;
color: #ec1f2a;
margin: 0 0 14px
}
.contacts-col2 li p b {
color:#000;
font-size: 18px;
font-weight: 700
}
.contacts-form {
float: left;
width: 25%;
overflow: hidden
}
.contacts-form h3 {
margin: 0 0 21px;
color:#000;
font-size: 18px;
font-weight: 700
}
.contacts-form form input[type=text] {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 34px;
padding: 0 15px 0 15px;
margin: 0 0 26px
}
.contacts-form form input[type=text]:focus {
background: #f1f1fa
}
.contacts-form form input[type=text]::-webkit-input-placeholder {
color: #9fa4bb
}
.contacts-form form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.contacts-form form input[type=text]:-ms-input-placeholder {
color: #9fa4bb
}
.contacts-form form input[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
height: 34px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 28px auto 40px;
padding: 0 15px;
cursor: pointer;
width: 100%
}
.contacts-form form input[type=submit]:hover {
background: #ec1f2a
}
.contacts-map {
overflow: hidden;
position: relative;
height: 420px;
background: #f9f9f9
}
.err404 {
position: relative;
font-size: 19px;
color: #000;
padding: 0 30px;
font-family: 'Helvetica Neue', Arial, sans-serif;
margin: 26px 0 0;
text-align: center;
background: url(../img/err1.png) no-repeat 10% top, url(../img/err2.png) no-repeat 8% bottom, url(../img/err3.png) no-repeat 88% bottom;
background-color: #fff
}
.err404-img {
display: block;
margin: 0 auto 57px
}
.err404 p {
margin: 0 0 32px
}
.err404 form {
margin: 0 auto;
padding: 0 0 70px;
position: relative;
max-width: 570px
}
.err404 form input[type=text] {
font-size: 15px;
color: #000;
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 40px;
padding: 0 180px 0 15px
}
.err404 form input[type=text]:focus {
background: #f1f1fa
}
.err404 form input[type=text]::-webkit-input-placeholder {
color: #9fa4bb
}
.err404 form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.err404 form input[type=text]:-ms-input-placeholder {
color: #9fa4bb
}
.err404 form button[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: absolute;
height: 34px;
top: 3px;
right: 3px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 0;
padding: 0 23px;
cursor: pointer
}
.err404 form button[type=submit] .fa {
font-size: 15px;
color: #fff
}
.err404 form button[type=submit]:hover {
background: #ec1f2a
}
.aboutus {
overflow: hidden;
margin: 26px 0 0
}
.aboutus.flexslider .slides>li {
display: block;
width: 100%;
float: left;
margin-right: -100%;
position: relative;
opacity: 0;
display: block;
z-index: 2
}
.aboutus .flex-control-nav {
position: absolute;
bottom: 20px;
z-index: 4;
padding: 0 4%;
width: 61%;
text-align: left;
right: 0
}
.aboutus .flex-control-nav li {
margin: 0 45px 0 0;
display: inline-block
}
.aboutus-img {
display: block;
position: absolute;
top: 0;
bottom: 4px;
left: 0;
overflow: hidden
}
.aboutus .aboutus-img img {
display: block;
height: 100%;
width: auto;
max-width: none
}
.aboutus-cont {
position: relative;
z-index: 3;
background: #fff;
width: 61%;
float: right;
padding: 32px 4% 58px 4%;
font-size: 15px;
line-height: 170%;
box-shadow: inset 0 -4px 0 0 #dfe2f0;
color: #000;
}
.aboutus-cont h3 {
font-size: 20px;
margin: 0 0 12px;
color: #ec1f2a;
line-height: 130%
}
.aboutus-cont p {
margin: 0 0 10px;
line-height: 200%
}
.about-gallery {
z-index: 2;
margin: 27px 0 0;
position: relative;
max-width: 1169px
}
.about-gallery:after {
clear: both;
display: block;
content: ''
}
.about-gallery .about-gallery-sizer {
width: 25%;
float: left
}
.about-gallery li {
margin: 0;
width: 25%;
margin: 0;
float: left;
padding: 0;
position: relative
}
.about-gallery li a {
display: block;
padding: 0;
transition: all .3s ease-in-out 0;
height: 100%;
position: relative
}
.about-gallery li a span {
display: block;
position: relative;
width: 100%;
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-o-transition: transform .6s;
-moz-transition: transform .6s;
-webkit-transition: transform .6s;
transition: transform .6s;
height: 100%
}
.about-gallery li a img {
display: block;
position: relative;
width: 100%;
height: auto
}
.about-gallery li a:after {
display: block;
top: 0;
left: 0;
right: 0;
content: '';
bottom: 0;
background-color: rgba(255, 49, 0, 0.7);
transition: all .6s;
opacity: 0;
position: absolute;
z-index: 4;
-o-transition: transform .6s;
-moz-transition: transform .6s;
-webkit-transition: transform .6s;
transition: transform .6s
}
.about-gallery li a:before {
transition: all .4s;
position: absolute;
left: 50%;
color: #fff !important;
top: 50%;
margin: -25px 0 0 -25px;
font-size: 24px;
text-align: center;
box-sizing: border-box;
width: 50px;
height: 50px;
line-height: 50px;
z-index: 15;
content: "";
opacity: 0;
background: #ec1f2a;
background: rgba(255, 49, 0, 0.95) url(../img/zoom.png) no-repeat center center;
border-radius: 80px
}
.about-gallery li a.about-video:before {
content: "\f04b";
opacity: 1;
font-size: 24px;
font-weight: normal;
padding: 0 0 0 6px;
font-family: FontAwesome;
background: rgba(255, 49, 0, 0.95)
}
.about-gallery li a:hover:before {
opacity: 1
}
.about-gallery li a:hover:after {
opacity: 1;
-ms-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.about-gallery li a:hover span {
z-index: 3;
-ms-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.gallery {
z-index: 2;
margin: 27px 0 0;
position: relative
}
.gallery:after {
clear: both;
display: block;
content: ''
}
.gallery li {
width: 33.33333333%;
margin: 0;
float: left;
padding: 0;
position: relative
}
.gallery li a {
display: block;
padding: 0;
transition: all .3s ease-in-out 0;
height: 100%;
position: relative
}
.gallery li a span {
display: block;
position: relative;
width: 100%;
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transition: transform .6s;
height: 100%
}
.gallery li a img {
display: block;
position: relative;
width: 100%;
height: auto
}
.gallery li a:after {
display: block;
top: 0;
left: 0;
right: 0;
content: '';
bottom: 0;
background-color: rgba(255, 49, 0, 0.7);
transition: all .6s;
opacity: 0;
position: absolute;
z-index: 4;
transition: transform .6s
}
.gallery li a:before {
transition: all .4s;
position: absolute;
left: 50%;
color: #fff !important;
top: 50%;
margin: -25px 0 0 -25px;
font-size: 24px;
text-align: center;
box-sizing: border-box;
width: 50px;
height: 50px;
line-height: 50px;
z-index: 15;
font-size: 40px;
font-weight: 700;
content: "";
opacity: 0;
background: #ec1f2a;
background: rgba(255, 49, 0, 0.95) url(../img/zoom.png) no-repeat center center;
border-radius: 80px
}
.gallery li a.gallery-video:before {
content: "\f04b";
opacity: 1;
font-size: 24px;
font-weight: normal;
font-family: FontAwesome;
padding: 0 0 0 6px;
background: rgba(255, 49, 0, 0.95)
}
.gallery li a:hover:before {
opacity: 1
}
.gallery li a:hover:after {
opacity: 1;
-ms-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.gallery li a:hover span {
z-index: 3;
-ms-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.gallery-more {
font-size: 15px;
display: block;
margin: 23px 0 0;
padding: 0;
text-align: center
}
.gallery-more a {
display: inline-block;
color: #000;
border-bottom: 1px dotted #868ca7;
transition: all .2s
}
.gallery-more a:hover {
border-color: transparent
}
.section-list.cart-list {
margin-top: 20px
}
.section-list.cart-list .sectls-add {
width: 225px
}
.section-list.cart-list .sectls-add a {
color: #ec1f2a
}
.section-list.cart-list .sectls-add a:after {
background: url(../img/remove.png) no-repeat top left
}
.section-list.cart-list .sectls-add a:hover:after {
background-position: top left
}
.section-list.orders-list {
margin-top: 20px
}
.section-list.orders-list .sectls-add {
width: 225px
}
.section-list.orders-list .sectls-add a {
color: #ec1f2a
}
.section-list.orders-list .sectls-add a:after {
background: url(../img/remove.png) no-repeat top left
}
.section-list.orders-list .sectls-add a:hover:after {
background-position: top left
}
.section-list .sectls-ttl-wrap {
width: 70%;
padding: 0 5px 18px 2%
}
.section-list.orders-list .sectls-price-wrap {
width: 15%
}
.section-list.orders-list .sectls-col2-wrap {
width: 15%;
float: left;
padding: 0 5px 18px;
font-size: 15px;
color: #000;
text-align: left
}
.section-list.orders-list .sectls-col2-wrap p {
margin: 0;
padding: 0;
line-height: 100%;
min-height: 38px
}
.section-list.orders-list .sectls-col2 {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 15px;
min-height: initial
}
.section-list.orders-list .sectls-col3-wrap {
width: 15%;
float: left;
padding: 0 5px 18px;
font-size: 15px;
color: #000;
text-align: left
}
.section-list.orders-list .sectls-col3-wrap p {
margin: 0;
padding: 0;
line-height: 100%;
min-height: 38px
}
.section-list.orders-list .sectls-col3 {
margin: 0;
padding: 0;
color: #ec1f2a;
font-size: 15px;
min-height: initial
}
.section-list.orders-list .sectls-total-wrap {
width: 15%
}
.messages {
overflow: hidden;
margin: 34px 0 0;
padding: 19px 0 0
}
.message {
border-bottom: 1px solid #e0e4f6;
font-size: 15px;
color: #000;
padding: 0 30px 15px;
margin: 0 0 19px;
line-height: 180%
}
.message p {
margin: 0 0 6px;
line-height: 180%
}
.message p a {
transition: all .2s;
color: #ec1f2a;
border-bottom: 1px solid transparent
}
.message p a:hover {
border-color: #ec1f2a
}
.message h3 {
margin: 0 0 4px;
font-size: 20px;
color: #ec1f2a
}
.message h3 a {
transition: all .2s;
color: #ec1f2a
}
.message h3 a:hover {
color: #ec1f2a
}
.message .message-author {
margin: 0 0 4px;
font-size: 15px;
color: #000;
}
.message .message-author span {
color: #ec1f2a
}
.messages .message-more {
font-size: 15px;
display: block;
margin: 0 0 23px;
padding: 0;
text-align: center
}
.messages .message-more a {
display: inline-block;
color: #000;
border-bottom: 1px dotted #868ca7;
transition: all .2s
}
.messages .message-more a:hover {
border-color: transparent
}
.redborder {
border-color: red !important
}
.form-result {
font-size: 15px;
color: #1f8e23
}
.contacts-form .form-result {
text-align: center;
margin: -25px 0 0;
padding: 0 0 14px
}
.modal-form .form-result {
text-align: center;
margin: 0;
padding: 0 0 4px
}
.footer-info .form-result {
padding: 10px 0 0 15px
}
.getspec-cont .form-result {
font-family: 'Helvetica Neue', Arial, sans-serif;
margin: 0;
padding: 10px 0 0 15px !important;
font-weight: normal;
text-transform: none
}
.footer {
background: #293133
}
.footer-top {
padding-top: 35px;
padding-bottom: 5px;
position: relative;
color: #fff
}
.footer-top:after {
clear: both;
display: block;
content: ''
}
.footer-menu {
float: left;
width: 20%;
padding: 0 1% 0 0;
margin: 0 0 22px;
font-size: 14px
}
.footer-menu p {
font-size: 19px;
color: #ec1f2a;
margin: 0 0 12px;
padding: 0;
font-family: 'Helvetica Neue', Arial, sans-serif
}
.footer-menu ul {
padding: 0;
margin: 0;
list-style: none
}
.footer-menu ul li {
margin: 0 0 8px;
padding: 0;
font-size: 15px
}
.footer-menu ul li a {
color: #fff;
line-height: 100%;
border-bottom: 1px solid transparent;
transition: all .2s
}
.footer-menu ul li a:hover {
border-bottom: 1px solid #fff;
color: #fff
}
.footer-info {
float: left;
width: 40%;
color: #fff;
font-size: 14px;
margin: 0 0 22px;
}
.footer-info .footer-msg {
color: #ec1f2a;
font-size: 19px;
font-family: 'Helvetica Neue', Arial, sans-serif;
margin: 0 0 23px;
padding: 0
}
.footer-info .footer-msg a {
color: #fff;
text-decoration: none;
display: inline-block;
border-bottom: 2px solid #ec1f2a;
transition: all .2s
}
.footer-info .footer-msg a:hover {
border-color: rgba(0, 0, 0, 0)
}
.footer-info .footer-social {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 1px
}
.footer-info .footer-social:after {
display: inline-block;
content: '';
width: 100%
}
.footer-info .footer-social li {
font-size: 20px;
margin: 0 20px 25px 0;
padding: 0;
display: inline-block;
line-height: 100%
}
.footer-info .footer-social li a {
color: #fff;
transition: all .2s
}
.footer-info .footer-social li a:hover {
color: #ec1f2a
}
.footer-info form {
position: relative;
margin: 0 0 10px
}
.footer-info form input[type=text] {
border: 1px solid #2b3548;
border-radius: 3px;
background: #161d29;
font-size: 15px;
color: #b1bcd0;
transition: all .2s;
display: block;
width: 100%;
height: 40px;
padding: 0 180px 0 15px
}
.footer-info form input[type=text]:focus {
border-color: #3f4a61
}
.footer-info form input[type=text]::-webkit-input-placeholder {
color: #b1bcd0
}
.footer-info form input[type=text]::-moz-placeholder {
color: #b1bcd0;
opacity: 1
}
.footer-info form input[type=text]:-ms-input-placeholder {
color: #b1bcd0
}
.footer-info form input[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: absolute;
height: 34px;
top: 3px;
right: 3px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 0;
padding: 0 15px;
min-width: 174px;
cursor: pointer
}
.footer-info form input[type=submit]:hover {
background: #ec1f2a
}
.footer .copyright {
text-align: center;
color: #fff;
font-size: 15px;
padding: 15px 0 18px;
background: #293133;
border-top: 1px solid #ec1f2a
}
.footer .copyright p {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0
}
.modal-form {
padding: 30px 20px 15px;
width: 320px;
display: none
}
.modal-form .modal-form-ttl {
font-size: 20px;
font-weight: 700;
margin: 0 0 24px;
color: #ec1f2a;
font-family: 'Helvetica Neue', Arial, sans-serif;
text-align: center;
position: relative;
padding: 0 0 15px
}
.modal-form .modal-form-ttl:after {
content: '';
width: 60px;
height: 2px;
background: #ec1f2a;
margin: 0 0 0 -30px;
left: 50%;
position: absolute;
display: block;
bottom: 0
}
.modal-form input[type=text] {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
height: 40px;
padding: 0 15px 0 15px;
margin: 0 0 15px
}
.modal-form input[type=text]:focus {
background: #f1f1fa
}
.modal-form input[type=text]::-webkit-input-placeholder {
color: #9fa4bb
}
.modal-form input[type=text]::-moz-placeholder {
color: #000;
opacity: 1
}
.modal-form input[type=text]:-ms-input-placeholder {
color: #9fa4bb
}
.modal-form textarea {
border: 1px solid #e0e4f6;
border-radius: 3px;
background: #f4f5fb;
font-size: 15px;
color: #000;
transition: all .2s;
display: block;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100px;
min-height: 100px;
padding: 10px 15px 10px 15px;
margin: 0 0 15px
}
.modal-form textarea:focus {
background: #f1f1fa
}
.modal-form textarea::-webkit-input-placeholder {
color: #9fa4bb
}
.modal-form textarea::-moz-placeholder {
color: #000;
opacity: 1
}
.modal-form textarea:-ms-input-placeholder {
color: #9fa4bb
}
.modal-form input[type=submit] {
background: #ec1f2a;
transition: all .2s;
border-radius: 2px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
height: 34px;
display: block;
border: 0;
letter-spacing: .03em;
margin: 25px auto 15px;
padding: 0 15px;
min-width: 150px;
cursor: pointer
}
.modal-form input[type=submit]:hover {
background: #ec1f2a
}
.fancybox-close.modal-form-close {
background-image: none;
background: url(../img/close3.png) no-repeat left top;
width: 16px;
height: 16px;
top: 13px;
right: 13px
}
.fraction-slider {
position: relative;
width: 100%;
height: 100%;
overflow: visible
}
.fraction-slider .slide {
display: none;
width: 100%;
height: 100%;
position: absolute;
z-index: 5000;
z-index: 5
}
.fraction-slider .active-slide {
z-index: 9999;
z-index: 9
}
.fraction-slider .fs_obj {
display: block;
display: none;
position: absolute;
top: 0;
left: 100%;
z-index: 7000;
z-index: 7
}
.fraction-slider .fs_fixed_obj {
z-index: 6000;
z-index: 6;
left: 0
}
.fraction-slider .fs_obj * {
display: inline-block;
position: relative;
top: 0;
left: 0
}
.fraction-slider .prev,
.fraction-slider .next {
display: none;
position: absolute;
width: 45px;
height: 45px;
z-index: 9999;
z-index: 9
}
.fraction-slider .prev {
left: 10px;
top: 45%;
background: url(../img/fs.prevnext.png) 0 0 no-repeat transparent
}
.fraction-slider .prev:hover {
background: url(../img/fs.prevnext.png) 0 -45px no-repeat transparent
}
.fraction-slider .next {
right: 10px;
top: 185px;
background: url(../img/fs.prevnext.png) -45px 0 no-repeat transparent
}
.fraction-slider .next:hover {
background: url(../img/fs.prevnext.png) -45px -45px no-repeat transparent
}
.fraction-slider:hover .prev,
.fraction-slider:hover .next {
display: block
}
.fs-pager-wrapper {
position: absolute;
right: 10px;
/*top: 50%;*/
top: 20%;
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 9;
/*margin: -40px 0 0;*/
width: 13px;
text-align: center
}
.fs-pager-wrapper a {
border-radius: 8px;
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
margin: 30px 0 30px 0;
background: #c0c4d7
}
.fs-pager-wrapper a:hover {
background: #ec1f2a
}
.fs-pager-wrapper .active {
width: 13px;
height: 13px;
background: url(../img/pager-active.png) 0 0 no-repeat
}
.fs-pager-wrapper .active:hover {
background: url(../img/pager-active.png) 0 0 no-repeat
}
.slider {
position: relative;
width: 100%;
margin: 0 auto
}
@media only screen and (min-width:1000px) {
.slider {
width: 1000px;
height: 160px;
}
}
@media only screen and (min-width:1440px) {
.slider {
width: 1440px;
height: 160px;
}
}
.frontslider-wrap {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
background: url(../img/bg-slide/bg-slider6.png) no-repeat;
background-size: cover;
max-height: 155px;
}
.frontslider-wrap .slide {
display: none;
overflow: hidden
}
.frontslider-wrap .caption1 {
/*font-size: 95px;*/
font-size: 20px;
color: #fff;
font-family: 'Helvetica Neue', Arial, sans-serif;
line-height: 100%;
padding-left: 10px;
word-wrap: break-word;
width: 60%
}
.frontslider-wrap .caption2 {
line-height: 100%;
padding-left: 10px;
font-size: 95px;
color: #fff;
font-family: 'Helvetica Neue', Arial, sans-serif
}
.not_in_stock{
color: #ec1f2a
}
.in_supplier_stock{
color: #ec1f2a
}
.in_stock{
color: green
}
.red{
color: #ec1f2a
}
.special-offer-wrapper {
width: 130px;
height: 120px;
overflow: hidden;
position: absolute;
top: -3px;
left: -3px
}
.special-offer {
font-size: 16px;
font-weight: 700;
color: #000;
text-align: center;
text-shadow: #293133 0 1px 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
padding: 7px 0;
left: -37px;
top: 27px;
width: 165px;
background: #006400;
background: -moz-linear-gradient(-45deg,#006400 22%,#e5bdbc 100%);
background: -webkit-linear-gradient(-45deg,#006400 22%,#e5bdbc 100%);
background: linear-gradient(135deg,#006400 22%,#e5bdbc 100%);
-webkit-box-shadow: 0 0 3px #293133;
-moz-box-shadow: 0 0 3px #293133;
box-shadow: 0 0 3px #293133;
z-index: 100;
}
.special-offer:after,.special-offer:before {
content: "";
border-top: 3px solid #ec1f2a;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px
}
.special-offer:before {
left: 0
}
.special-offer:after {
right: 0
}