.content {
min-height: 100%;
margin-bottom: -306px;
}
.content:after {
content: "";
display: block;
height: 306px;
}
.catalog-filter-content a{
font-size: 13px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
background:#337ab7;
}
.child .list-group-item.active, .child .list-group-item.active:focus, .child .list-group-item.active:hover {
background:#a4b2c1;
border: none;
border-radius:0;
}
#content {
min-height: 0;
}
.sp-image-container,
.sp-thumbnail-container {
background-color: #fff;
position: relative;
}
.sp-image-container:before,
.sp-thumbnail-container:before {
content: '';
position: absolute;
display: block;
width: 100%;
z-index: 5;
height: 100%;
background-color: rgba(0,0,0,0.07);
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.3;
font-family: "RobotoRegular", sans-serif;
overflow-x: hidden;
}
a {
text-decoration: none;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
a:hover,
a:focus,
a:active {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.hidden {
display: none;
}
*::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
*:-moz-placeholder {
color: #666;
opacity: 1;
}
*::-moz-placeholder {
color: #666;
opacity: 1;
}
*:-ms-input-placeholder {
color: #666;
opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
color: #666;
}
body input:required:valid,
body textarea:required:valid {
color: #666;
}
input,
textarea {
outline: 0;
border: 1px solid #ccc;
-webkit-transition: #c0cdd4 ease-in-out 0.15s box-shadow ease-in-out 0.15s;
transition: #c0cdd4 ease-in-out 0.15s box-shadow ease-in-out 0.15s;
}
input:focus,
textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 0 0 8px rgba(102,175,233,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 0 0 8px rgba(102,175,233,0.6);
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select-city {
display: inline-block;
margin-left: 10px;
position: relative;
}
.select-city select {
background-color: white;
padding: 5px 30px 5px 5px;
font-size: 13px;
color: #999;
text-align: center;
border: 1px solid #c0cdd4;
}
.select-city::after {
pointer-events: none;
content: '';
position: absolute;
right: 10px;
top: 12px;
border: 5px solid transparent;
border-top: 5px solid #00aafd;
}
select::-ms-expand,
display none,
.p-margin-0 p {
margin: 0;
}
h2 {
font-family: "RobotoLight", sans-serif;
font-size: 30px;
color: #444;
text-transform: uppercase;
font-weight: 400;
}
.header {
background-color: #fff;
padding: 28px 0;
background: url("img/bg.png") no-repeat top right;
}
.header .header-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header .flex-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: left;
}
.header .flex-wrap--logo {
width: 26%;
margin-left: 15px;
}
@media only screen and (max-width: 1200px) {
.header .flex-wrap--logo {
margin-bottom: 30px;
margin-left: 0;
}
}
@media only screen and (max-width: 778px) {
.header .flex-wrap--logo {
display: none;
}
}
.header .flex-wrap--tabs {
width: 18%;
height: 74px;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.header .flex-wrap--tabs {
margin-bottom: 30px;
}
}
.header .flex-wrap--auth {
width: 32%;
}
.header .flex-wrap--trunk {
width: 20%;
}
@media only screen and (max-width: 778px) {
.header .flex-wrap--trunk {
display: none;
}
}
@media only screen and (max-width: 480px) {
.header .flex-wrap--trunk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 1200px) {
.header .flex-wrap {
width: 50%;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 992px) {
.header .flex-wrap {
width: 50%;
}
}
@media only screen and (max-width: 778px) {
.header .flex-wrap {
width: 100%;
}
}
.header a.logo {
text-decoration: none;
}
.header a.logo img {
float: left;
}
.header a.logo p {
font-family: "PFSquareSansPro-ExtraBlackItalic", sans-serif;
font-size: 40px;
display: inline-block;
margin: 0;
color: #a4b2c1;
text-transform: uppercase;
}
.header a.logo p span {
font-family: "PFSquareSansPro-ExtraBlackItalic", sans-serif;
font-size: 40px;
color: #0093ee;
display: inline-block;
margin-left: 10px;
}
.header a.logo span {
font-family: "RobotoRegular", sans-serif;
color: #999;
font-size: 13px;
display: block;
margin-left: 85px;
margin-top: -5px;
}
.header .tabs-wrap {
text-align: center;
}
.header .tabs-wrap .tabs {
border-bottom: 1px solid #e4e7ea;
padding-bottom: 2px;
display: inline-block;
}
.header .tabs-wrap .tabs li {
display: inline-block;
}
.header .tabs-wrap .tabs a {
font-family: "RobotoRegular", sans-serif;
color: #666;
font-size: 12px;
padding: 10px 5px;
display: block;
text-decoration: none;
}
.header .tabs-wrap .tabs a:hover {
background-color: #e4e7ea;
}
.header .tabs-wrap .tabs a.active {
background-color: #e4e7ea;
}
.header .tabs-wrap .tabs-content .tel {
font-family: "CenturySchoolbook", sans-serif;
margin: 0;
margin-top: 14px;
margin-left: 5px;
height: 20px;
overflow: hidden;
position: relative;
}
.header .tabs-wrap .tabs-content .tel:after {
content: '';
position: absolute;
display: block;
background: url("img/icon-mobile.png") no-repeat;
width: 12px;
height: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.header .auth-wrap .auth-wrap--links .email {
margin-top: 10px;
float: left;
margin-left: 25px;
}
.header .auth-wrap .auth-wrap--links .email a {
font-family: "RobotoRegular", sans-serif;
float: left;
font-size: 13px;
color: #666;
position: relative;
text-decoration: none;
}
.header .auth-wrap .auth-wrap--links .email a:after {
content: '';
position: absolute;
display: block;
width: 16px;
height: 12px;
background: url("img/icon-email.png") no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -20px;
}
.header .auth-wrap .auth-wrap--links .log-in {
margin-top: 10px;
float: right;
margin-right: 5px;
}
.header .auth-wrap .auth-wrap--links .log-in a {
font-family: "RobotoRegular", sans-serif;
float: right;
font-size: 13px;
color: #666;
position: relative;
text-decoration: none;
}
.header .auth-wrap .auth-wrap--links .log-in a:after {
content: '';
position: absolute;
display: block;
width: 14px;
height: 15px;
background: url("img/icon-login.png") no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -20px;
}
.header .auth-wrap .auth-wrap--seconds {
text-align: center;
display: inline-block;
}
.header .auth-wrap .auth-wrap--seconds a {
font-size: 13px;
color: #666;
padding: 10px 20px;
display: inline-block;
border: 1px solid #c0cdd4;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 10px 5px 0;
text-decoration: none;
}
.header .auth-wrap .auth-wrap--seconds a:hover {
background-color: #00aafd;
color: #fff;
border: 1px solid transparent;
}
.header .auth-wrap .auth-wrap--seconds a.active {
background-color: #00aafd;
color: #fff;
border: 1px solid transparent;
}
@media only screen and (max-width: 779px) {
.header .auth-wrap {
margin-bottom: 30px;
}
}
.header a.trunk-wrap {
border: 1px solid #c0cdd4;
display: block;
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.header a.trunk-wrap span {
color: #00aafd;
font-size: 13px;
}
.header a.trunk-wrap img {
margin-right: 10px;
display: block;
float: left;
}
.header a.trunk-wrap img.full {
//display: none;
}
@media only screen and (max-width: 778px) {
.header {
margin-top: 70px;
}
}
.flex-wrap.flex-wrap--trunk.menu {
width: 46%;
float: left;
margin-left: 15px;
}
@media only screen and (max-width: 1200px) {
.flex-wrap.flex-wrap--trunk.menu {
width: 55%;
}
}
@media only screen and (max-width: 992px) {
.flex-wrap.flex-wrap--trunk.menu {
width: 71%;
opacity: 0;
}
}
.flex-wrap.flex-wrap--trunk.menu.fix {
background-color: #2d3e50;
width: 100%;
position: absolute;
margin-left: 0;
left: 0;
top: 70px;
display: none;
right: 0;
}
.flex-wrap.flex-wrap--trunk.menu.fix.switch {
display: block;
}
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu a {
border-bottom: 1px solid #3f5267;
}
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu .dropdown-menu a:last-child {
border-bottom: none;
}
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 24.7%;
}
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu .dropdown-menu li {
width: 100%;
}
@media only screen and (max-width: 992px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 24.61%;
}
}
@media only screen and (max-width: 778px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 24.6%;
}
}
@media only screen and (max-width: 752px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 24.53%;
}
}
@media only screen and (max-width: 740px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 24.55%;
}
}
@media only screen and (max-width: 659px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 24.5%;
}
}
@media only screen and (max-width: 593px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
display: block;
width: 100%;
margin-top: -1px;
}
}
@media only screen and (max-width: 630px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch a {
padding: 15px;
}
}
@media only screen and (max-width: 490px) {
.flex-wrap.flex-wrap--trunk.menu.fix.switch .mnu li {
width: 100%;
}
}
.mnu.fix {
background-color: #2d3e50;
width: 100%;
}
.mnu.fix a {
font-size: 15px;
margin: 0;
border: none;
border-bottom: 1px solid #3f5267;
}
.flex-wrap.flex-wrap--trunk.form {
float: left;
width: 51%;
margin-left: 15px;
}
@media only screen and (max-width: 1200px) {
.flex-wrap.flex-wrap--trunk.form {
width: 41%;
}
}
@media only screen and (max-width: 992px) {
.flex-wrap.flex-wrap--trunk.form {
width: 25%;
}
}
@media only screen and (max-width: 778px) {
.flex-wrap.flex-wrap--trunk.form {
display: none;
}
}
.flex-wrap.flex-wrap--trunk.form.fixed {
width: 18%;
margin-left: 0;
}
@media only screen and (max-width: 1200px) {
.flex-wrap.flex-wrap--trunk.form.fixed {
width: 46%;
}
}
@media only screen and (max-width: 992px) {
.flex-wrap.flex-wrap--trunk.form.fixed {
width: 35%;
}
}
.flex-wrap.flex-wrap--trunk.right {
float: left;
width: 18%;
}
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap {
border: none;
font-size: 12px;
display: none;
padding: 7px 10px;
}
.flex-wrap.flex-wrap--trunk.right.fixed{
margin-left:1px;
}
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap img {
float: left;
display: block;
margin-top: 10px;
}
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap p {
float: right;
margin-top: 10px;
font-size: 13px;
color: #fff;
}
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap span {
color: #00aafd;
font-size: 13px;
}
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap:hover {
background-color: #2d3e50;
}
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap.fixed {
display: block;
}
@media only screen and (max-width: 1200px) {
.flex-wrap.flex-wrap--trunk.right {
width: 23%;
}
}
@media only screen and (max-width: 992px) {
.flex-wrap.flex-wrap--trunk.right {
width: 27%;
}
}
@media only screen and (max-width: 778px) {
.flex-wrap.flex-wrap--trunk.right {
width: 33%;
display: block;
}
}
@media only screen and (max-width: 480px) {
.flex-wrap.flex-wrap--trunk.right a.trunk-wrap {
display: none;
}
}
@media only screen and (max-width: 600px) {
.flex-wrap.flex-wrap--trunk.right {
width: 40%;
}
}
.flex-wrap.flex-wrap--logo.menu {
width: 15%;
float: left;
margin-left: 20px;
text-align: left;
}
.flex-wrap.flex-wrap--logo.menu a.logo {
padding: 12px 0;
border: none;
}
.flex-wrap.flex-wrap--logo.menu p {
font-family: "PFSquareSansPro-ExtraBlackItalic", sans-serif;
font-size: 35px;
display: inline-block;
margin: 0;
color: #a4b2c1;
text-transform: uppercase;
}
.flex-wrap.flex-wrap--logo.menu p span {
font-family: "PFSquareSansPro-ExtraBlackItalic", sans-serif;
font-size: 35px;
color: #0093ee;
display: inline-block;
}
@media only screen and (max-width: 1200px) {
.flex-wrap.flex-wrap--logo.menu {
width: 20%;
}
}
@media only screen and (max-width: 992px) {
.flex-wrap.flex-wrap--logo.menu {
width: 23%;
}
}
@media only screen and (max-width: 778px) {
.flex-wrap.flex-wrap--logo.menu {
width: 35%;
}
}
@media only screen and (max-width: 480px) {
.flex-wrap.flex-wrap--logo.menu {
width: 65%;
}
}
@media only screen and (max-width: 400px) {
.header .auth-wrap .auth-wrap--seconds a {
display: block;
}
.header .auth-wrap .auth-wrap--links .email,
.header .auth-wrap .auth-wrap--links .log-in {
float: none;
margin: 10px 0;
}
.header .auth-wrap .auth-wrap--links .email a,
.header .auth-wrap .auth-wrap--links .log-in a {
display: inline-block;
float: none;
text-align: center;
padding-left: 20px;
}
.header .auth-wrap .auth-wrap--links .email a:after,
.header .auth-wrap .auth-wrap--links .log-in a:after {
left: -5px;
}
}
.mnu-wrap {
background-color: #243f50;
position: relative;
}
@media only screen and (max-width: 778px) {
.mnu-wrap {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 70px;
z-index: 9999;
}
}
@media only screen and (max-width: 1200px) {
.mnu-wrap .mnu {
text-align: center;
}
}
.mnu-wrap .mnu li {
display: inline-block;
}
.mnu-wrap .mnu a {
font-family: "RobotoBold", sans-serif;
font-size: 14px;
color: #fff;
display: block;
text-transform: uppercase;
padding: 20px 15px;
border-left: 1px solid #3f5267;
border-right: 1px solid #3f5267;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
text-decoration: none;
margin-left: -4px;
transition: none;
}
.mnu-wrap .mnu a:hover {
background-color: #00aafd;
}
@media only screen and (max-width: 1200px) {
.mnu-wrap .mnu a {
border-top: 1px solid #3f5267;
}
}
.mnu-wrap .mnu li:nth-child(2) a {
margin-left: -5px;
}
.mnu-wrap .mnu .dropdown-menu a {
margin-left: 0;
}
.mnu-wrap .mnu li:nth-child(3) a {
margin-right: -1px;
}
.mnu-wrap .mnu .dropdown-menu li:nth-child(1) a,
.mnu-wrap .mnu .dropdown-menu li:nth-child(2) a,
.mnu-wrap .mnu .dropdown-menu li:nth-child(3) a {
margin-right: 0;
margin-left: 0;
}
.mnu-wrap .mnu .dropdown-menu a.see-all {
margin-right: 0;
margin-left: 0;
}
@media only screen and (max-width: 630px) {
.mnu-wrap .mnu li:nth-child(3) a {
margin-left: -5px;
}
.mnu-wrap .mnu .dropdown-menu a {
margin-left: 0;
}
}
.mnu-wrap .mnu a.active {
background-color: #00aafd;
}
.mnu-wrap input.search::-webkit-input-placeholder {
color: #99abbd;
text-overflow: ellipsis;
}
.mnu-wrap input.search:-moz-placeholder {
color: #99abbd;
text-overflow: ellipsis;
}
.mnu-wrap input.search::-moz-placeholder {
color: #99abbd;
text-overflow: ellipsis;
}
.mnu-wrap input.search:-ms-input-placeholder {
color: #99abbd;
text-overflow: ellipsis;
}
.mnu-wrap input.search:focus::-webkit-input-placeholder {
color: transparent;
}
.mnu-wrap input.search:focus:-moz-placeholder {
color: transparent;
}
.mnu-wrap input.search:focus::-moz-placeholder {
color: transparent;
}
.mnu-wrap input.search:focus:-ms-input-placeholder {
color: transparent;
}
.mnu-wrap form {
padding-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
.mnu-wrap form {
width: 80%;
margin: 0 auto;
}
}
.toggle-mnu {
position: fixed;
right: 80px;
display: none;
width: 28px;
height: 28px;
margin-top: 25px;
}
@media only screen and (max-width: 1060px) {
.toggle-mnu {
right: 60px;
}
}
@media only screen and (max-width: 778px) {
.toggle-mnu {
display: block;
}
}
@media only screen and (max-width: 600px) {
.toggle-mnu {
right: 40px;
}
}
.toggle-mnu span:after,
.toggle-mnu span:before {
content: "";
position: absolute;
left: 0;
top: 9px;
}
.toggle-mnu span:after {
top: 18px;
}
.toggle-mnu span {
position: relative;
display: block;
}
.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
width: 100%;
height: 2px;
background-color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.toggle-mnu.on span {
background-color: transparent;
}
.toggle-mnu.on span:before {
-webkit-transform: rotate(45deg) translate(-1px, 0px);
-ms-transform: rotate(45deg) translate(-1px, 0px);
transform: rotate(45deg) translate(-1px, 0px);
}
.toggle-mnu.on span:after {
-webkit-transform: rotate(-45deg) translate(6px, -7px);
-ms-transform: rotate(-45deg) translate(6px, -7px);
transform: rotate(-45deg) translate(6px, -7px);
}
.toggle-mnu.on + #menu {
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1200px) {
.flex-wrap.flex-wrap--trunk.menu {
width: 44%;
position: static;
padding-bottom: 0;
display: block !important;
}
.flex-wrap.flex-wrap--trunk.menu.fix {
width: 46%;
position: static;
padding-bottom: 0;
display: block !important;
}
}
.mnu-wrap.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
height: 70px;
}
.mnu-wrap.fixed .toggle-mnu {
display: block;
}
form.fixed {
width: 70%;
margin-left: 15px;
}
.mnu-wrap .logo {
display: none;
}
@media only screen and (max-width: 778px) {
.mnu-wrap .logo {
display: block;
}
}
.mnu-wrap .logo.fixed {
display: block;
}
.main-slider {
position: relative;
}
.main-slider li {
position: relative;
}
.main-slider li:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.07);
}
.main-slider .slider-txt {
background-color: rgba(71,90,111,0.9);
position: absolute;
width: 100%;
bottom: 0;
padding: 7px;
z-index: 5;
}
.main-slider .slider-txt p,
.main-slider .slider-txt h3 {
color: #fff;
}
.main-slider .slider-txt h3 {
font-family: "RobotoLight", sans-serif;
font-size: 40px;
margin: 0 0 10px 0;
}
.main-slider .slider-txt p {
font-family: "RobotoRegular", sans-serif;
font-size: 15px;
line-height: 20px;
margin: 0 0 12px 0;
display: none;
}
.main-slider .slider-txt a {
color: #00aafd;
}
@media only screen and (max-width: 1200px) {
.main-slider .slider-txt {
position: relative;
bottom: 51px;
}
.main-slider .slider-txt h3 {
font-size: 25px;
}
}
@media only screen and (max-width: 778px) {
.main-slider .slider-txt {
bottom: 0;
}
}
.main-slider .slider-btn-wrap {
overflow: hidden;
position: absolute;
top: -100px;
width: 100px;
height: 100px;
right: 12%;
-webkit-border-top-left-radius: 50%;
border-top-left-radius: 50%;
-webkit-border-top-right-radius: 50%;
border-top-right-radius: 50%;
}
@media only screen and (max-width: 480px) {
.main-slider .slider-btn-wrap {
width: 60px;
height: 60px;
top: -60px;
}
}
.main-slider .slider-btn {
background-color: rgba(71,90,111,0.8);
position: relative;
top: 30px;
right: 0;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
@media only screen and (max-width: 480px) {
.main-slider .slider-btn {
width: 60px;
height: 60px;
}
}
.main-slider .slider-btn a {
font-size: 12px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 35px 10px;
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main-slider .slider-btn a:after {
content: '';
position: absolute;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 12px;
height: 12px;
background: url("img/slider-arrow-btn.png") no-repeat;
top: 15px;
}
@media only screen and (max-width: 480px) {
.main-slider .slider-btn a {
font-size: 0;
}
}
.main-slider .slider-btn a.down:after {
background: url("img/slider-arrow-btn-down.png") no-repeat;
}
.main-slider .bx-viewport {
height: auto !important;
}
.main-slider .bx-wrapper .bx-pager {
text-align: center;
margin: 30px 0 10px 0;
}
@media only screen and (max-width: 1200px) {
.main-slider .bx-wrapper .bx-pager {
margin-top: -30px;
}
}
@media only screen and (max-width: 778px) {
.main-slider .bx-wrapper .bx-pager {
margin-top: 30px;
}
}
.main-slider .bx-wrapper .bx-pager .bx-pager-item,
.main-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
width: 18px;
height: 18px;
margin: 0 5px;
background-color: transparent;
border: 1px solid #dee4e8;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
}
.main-slider .bx-wrapper .bx-pager.bx-default-pager a {
display: block;
position: absolute;
background-color: #33CCFF;
text-indent: -9999px;
width: 8px;
height: 8px;
outline: none;
-webkit-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #00aafd;
}
.main-slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 36%;
transform: translateY(-50%);
outline: 0;
width: 55px;
height: 250px;
text-indent: -9999px;
z-index: 800;
}
@media only screen and (max-width: 1200px) {
.main-slider .bx-wrapper .bx-controls-direction a {
top: 35%;
}
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 778px) {
.main-slider .bx-wrapper .bx-controls-direction a {
top: 33%;
}
.main-slider .slider-txt h3 {
font-size: 17px;
}
}
@media only screen and (max-width: 480px) {
.main-slider .bx-wrapper .bx-controls-direction a {
top: 27%;
height: 140px;
}
}
@media only screen and (max-width: 320px) {
.main-slider .bx-wrapper .bx-controls-direction a {
top: 18%;
height: 55px;
}
}
.main-slider .bx-wrapper .bx-prev {
left: 15px;
}
.main-slider .bx-wrapper .bx-prev:after {
content: '';
display: block;
width: 55px;
height: 55px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 50%;
background: rgba(71,90,111,0.9) url("img/slider-arrow-left.png") no-repeat;
}
.main-slider .bx-wrapper .bx-next {
right: 15px;
}
.main-slider .bx-wrapper .bx-next:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 55px;
height: 55px;
border-radius: 50%;
background: rgba(71,90,111,0.9) url("img/slider-arrow-right.png") no-repeat;
}
.arrivals-wrap {
text-align: center;
position: relative;
padding-bottom: 50px;
}
.arrivals-wrap:after {
content: '';
position: absolute;
display: block;
width: 284px;
height: 320px;
background: url("img/bg-big.png") no-repeat left top;
top: 0;
left: 3%;
opacity: 0.7;
}
@media only screen and (max-width: 1200px) {
.arrivals-wrap:after {
left: 0;
}
}
.arrivals-wrap:before {
content: '';
position: absolute;
display: block;
width: 284px;
height: 320px;
background: url("img/bg-big.png") no-repeat right bottom;
bottom: 5%;
right: 0;
opacity: 0.5;
}
@media only screen and (max-width: 1200px) {
.arrivals-wrap:before {
bottom: 0;
}
}
.arrivals-wrap h2.shares {
color: #ae4f4f;
}
.arrivals-wrap .item-wrap {
border: 1px solid #c0cdd4;
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
background-color: #fff;
max-width: 260px;
margin: 10px auto;
}
.arrivals-wrap .item-wrap:hover .title-wrap span {
color: #fe251a;
}
.arrivals-wrap .item-wrap .banner,
.arrivals-wrap .item-wrap .banner--hit,
.arrivals-wrap .item-wrap .banner--sales {
font-family: "RobotoItalic", sans-serif;
font-size: 14px;
padding: 11px 33px 11px 25px;
left: 5px;
display: block;
color: #fff;
background-color: #4f97ae;
position: absolute;
z-index: 4;
top: 0!important;
}
.common-home .arrivals-wrap .item-wrap .banner,
.common-home .arrivals-wrap .item-wrap .banner--hit,
.common-home .arrivals-wrap .item-wrap .banner--sales {
left: -10px;
}
.arrivals-wrap .item-wrap .banner:after,
.arrivals-wrap .item-wrap .banner--hit:after,
.arrivals-wrap .item-wrap .banner--sales:after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 10px;
background: url("img/shadow.png") no-repeat;
bottom: -10px;
left: 0;
}
.arrivals-wrap .item-wrap .banner--hit {
background-color: #ae4f4f;
}
.arrivals-wrap .item-wrap .banner--sales {
background-color: #ae9b4f;
}
.arrivals-wrap .item-wrap a.img-wrap {
background-color: #fff;
position: relative;
display: block;
min-height: 235px;
text-decoration: none;
}
.arrivals-wrap .item-wrap a.img-wrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
z-index: 3;
}
.arrivals-wrap .item-wrap a.img-wrap img {
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.arrivals-wrap .item-wrap .descr-wrap .goods {
border-bottom: 1px dotted #999;
text-align: right;
}
.arrivals-wrap .item-wrap .descr-wrap .name,
.arrivals-wrap .item-wrap .descr-wrap .price {
background-color: #fff;
position: relative;
top: 5px;
}
.arrivals-wrap .item-wrap .descr-wrap .name {
float: left;
color: #666;
}
.arrivals-wrap .item-wrap .descr-wrap .price {
font-family: "CenturySchoolbook", sans-serif;
color: #444;
}
.arrivals-wrap .item-wrap .descr-wrap .goods--throu,
.arrivals-wrap .item-wrap .descr-wrap .goods--sles {
display: inline-block;
border-bottom: none;
margin: 0 10px;
}
.arrivals-wrap .item-wrap .descr-wrap .goods--throu {
text-decoration: line-through;
color: #999;
}
.arrivals-wrap a.title-wrap {
text-align: left;
display: block;
color: #444;
text-decoration: none;
margin-bottom: 8px;
}
.arrivals-wrap a.title-wrap span.title {
font-size: 15px;
line-height: 1.4;
color: #444;
margin: 18px 0 0 0;
/*height: 42px;*/
display: block;
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
}
.arrivals-wrap a.title-wrap span {
font-size: 15px;
margin-bottom: 20px;
display: block;
color: #444;
}
.arrivals-wrap .item-wrap--btn {
margin-top: 20px;
}
.arrivals-wrap .item-wrap--btn a {
font-size: 15px;
display: inline-block;
color: #fff;
background-color: #00aafd;
padding: 12px 19px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
}
.arrivals-wrap .item-wrap--btn a:hover {
background-color: #33CCFF;
}
.services-wrap {
background-color: #d24a45;
padding: 40px 0;
text-align: center;
background: url("img/services-bg.jpg") no-repeat center center;
background-size: cover;
opacity: 0.98;
color: #fff;
}
.services-wrap h2 {
margin: 0;
color: #fff;
}
.services-wrap p {
font-size: 15px;
margin-top: 30px;
margin-bottom: 35px;
line-height: 20px;
}
.item-wrap a.title-wrap span:nth-child(2) {
display: none!important;
}
@media only screen and (max-width: 778px) {
.services-wrap p {
padding: 0 20px;
}
}
@media only screen and (max-width: 320px) {
.services-wrap p {
font-size: 14px;
}
}
.services-wrap a {
font-size: 12px;
padding-right: 20px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
position: relative;
background-color: transparent;
}
.services-wrap a:before {
content: '';
position: absolute;
display: block;
width: 6px;
height: 9px;
background: url("img/services-arrow.png") no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.arrivals-wrap a.more {
font-size: 12px;
color: #999;
text-transform: uppercase;
display: inline-block;
margin-top: 35px;
position: relative;
padding-right: 15px;
text-decoration: none;
-webkit-transition: none;
transition: none;
}
.arrivals-wrap a.more:after {
content: '';
position: absolute;
display: block;
width: 6px;
height: 9px;
background: url("img/arrivals-arrow.png") no-repeat;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.arrivals-wrap a.more:hover {
color: #00aafd;
}
.arrivals-wrap a.more:hover:after {
background: url("img/arrivals-arrow-hover.png") no-repeat;
}
.subscribe {
background-color: #3e5b6f;
padding: 35px 0;
text-align: center;
}
.subscribe .subs .center {
position: relative;
}
.subscribe .subs input.error {
border-bottom: 1px solid #d8512d;
}
.subscribe .subs label.error {
position: absolute;
bottom: -25px;
color: #d8512d;
font-size: 12px;
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.subscribe p {
font-family: "RobotoLight", sans-serif;
font-size: 24px;
color: #fff;
position: relative;
padding-left: 39px;
margin: 0;
}
.subscribe p:after {
content: '';
position: absolute;
display: block;
width: 28px;
height: 30px;
background: url("img/sub-email.png") no-repeat;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
.subscribe p {
font-size: 20px;
}
}
.subscribe input.email {
font-size: 15px;
color: #8b9cb0;
font-family: "RobotoItalic", sans-serif;
width: 90%;
background: none;
border: none;
border-bottom: 1px solid #6f8298;
padding-bottom: 10px;
padding-left: 5px;
}
.subscribe input.email::-webkit-input-placeholder {
color: #6f8298;
}
.subscribe input.email:-moz-placeholder {
color: #6f8298;
}
.subscribe input.email::-moz-placeholder {
color: #6f8298;
}
.subscribe input.email:-ms-input-placeholder {
color: #6f8298;
}
.subscribe input.email:focus::-webkit-input-placeholder {
color: transparent;
}
.subscribe input.email:focus:-moz-placeholder {
color: transparent;
}
.subscribe input.email:focus::-moz-placeholder {
color: transparent;
}
.subscribe input.email:focus:-ms-input-placeholder {
color: transparent;
}
@media only screen and (max-width: 992px) {
.subscribe .center {
text-align: center;
margin-top: 30px;
}
.subscribe .center-p {
display: inline-block;
}
}
.subscribe input[type=submit] {
display: none;
}
.subscribe a {
font-size: 15px;
color: #fff;
text-decoration: none;
padding: 12px 16px 10px 18px;
background-color: #33CCFF;
border: none;
outline: 0;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.subscribe a:hover {
background-color: #b2becb;
}
@media only screen and (max-width: 992px) {
.subscribe a {
margin-top: 10px;
display: inline-block;
}
}
.news {
text-align: center;
padding-bottom: 45px;
}
.news a.more {
font-size: 12px;
color: #999;
text-transform: uppercase;
display: inline-block;
margin-top: 35px;
position: relative;
padding-right: 15px;
text-decoration: none;
-webkit-transition: none;
transition: none;
}
.news a.more:after {
content: '';
position: absolute;
display: block;
width: 6px;
height: 10px;
background: url("img/arrivals-arrow.png") no-repeat;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.news a.more:hover {
color: #00aafd;
}
.news a.more:hover:after {
background: url("img/arrivals-arrow-hover.png") no-repeat;
}
@media only screen and (max-width: 620px) {
.news a.more {
padding-right: 0;
margin-top: 20px;
}
.news a.more:after {
right: -15px;
}
}
.news .news-wrap .img-wrap {
border: 1px solid #c0cdd4;
float: left;
margin-right: 20px;
padding: 20px;
}
@media only screen and (max-width: 620px) {
.news .news-wrap .img-wrap {
float: none;
margin-right: 0;
width: 50%;
margin: auto;
}
}
@media only screen and (max-width: 992px) {
.news .news-wrap .img-wrap.fr {
float: right;
margin-right: 0;
margin-left: 20px;
}
}
@media only screen and (max-width: 620px) {
.news .news-wrap .img-wrap.fr {
float: none;
width: 50%;
margin-left: 0;
margin: auto;
}
}
.news .news-wrap .txt-wrap {
text-align: left;
}
@media only screen and (max-width: 1200px) {
.news .news-wrap .txt-wrap {
text-align: center;
}
}
@media only screen and (max-width: 992px) {
.news .news-wrap .txt-wrap {
margin-top: 65px;
}
}
@media only screen and (max-width: 620px) {
.news .news-wrap .txt-wrap {
margin-top: 25px;
margin-bottom: 40px;
}
}
.news .news-wrap .txt-wrap h4 {
font-family: "RobotoLight", sans-serif;
font-size: 30px;
color: #00aafd;
margin: 0;
}
.news .news-wrap .txt-wrap .title {
font-size: 20px;
color: #444;
margin: 0;
margin-top: 10px;
}
@media only screen and (max-width: 992px) {
.news .news-wrap .txt-wrap .title {
text-align: center;
}
}
.news .news-wrap .txt-wrap p {
text-align: left;
}
.news .news-wrap .txt-wrap a {
font-size: 12px;
color: #999;
text-transform: uppercase;
position: relative;
text-decoration: none;
-webkit-transition: none;
transition: none;
}
.news .news-wrap .txt-wrap a.more:after {
content: '';
position: absolute;
display: block;
background: url("img/arrivals-arrow.png") no-repeat;
width: 6px;
height: 9px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -20px;
}
.news .news-wrap .txt-wrap a:hover {
color: #00aafd;
}
.news .news-wrap .txt-wrap a:hover:after {
background: url("img/arrivals-arrow-hover.png") no-repeat;
}
.reviews {
text-align: center;
padding-bottom: 40px;
background-color: #e7edf0;
position: relative;
}
.reviews .comment {
text-align: left;
padding: 15px 70px;
}
@media only screen and (max-width: 778px) {
.reviews .comment {
padding: 15px 20px;
}
}
.reviews .comment .com-wrap {
position: relative;
padding: 15px 0;
min-height: 100px;
}
@media only screen and (max-width: 530px) {
.reviews .comment .com-wrap {
text-align: center;
}
}
.reviews .comment img {
float: left;
position: absolute;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 778px) {
.reviews .comment img {
top: -10px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.reviews .comment p {
font-size: 15px;
line-height: 20px;
color: #666;
padding-left: 60px;
text-align: left;
}
@media only screen and (max-width: 778px) {
.reviews .comment p {
padding-left: 0;
padding-top: 50px;
}
}
.reviews .comment span {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
line-height: 20px;
color: #444;
padding-left: 60px;
margin-top: 20px;
float: left;
}
@media only screen and (max-width: 778px) {
.reviews .comment span {
padding-left: 0;
}
}
@media only screen and (max-width: 530px) {
.reviews .comment span {
float: none;
}
}
.reviews .comment .comments-btn {
float: right;
margin-top: 20px;
}
@media only screen and (max-width: 530px) {
.reviews .comment .comments-btn {
float: none;
text-align: center;
margin-top: 40px;
}
}
.reviews .comment .comments-btn a {
font-size: 11px;
color: #999;
text-transform: uppercase;
position: relative;
text-decoration: none;
}
.reviews .comment .comments-btn a:after {
content: '';
position: absolute;
display: block;
width: 16px;
height: 16px;
background: url("img/comments-icon.png") no-repeat;
background-position: 0 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -20px;
}
.reviews .comment .comments-btn a:hover {
color: #00aafd;
}
.reviews .comment .comments-btn a:nth-child(2) {
margin-left: 60px;
}
.reviews .comment .comments-btn a:nth-child(2):after {
background-position: -34px 0;
width: 15px;
height: 16px;
}
.reviews .bx-wrapper .bx-controls-direction a {
position: absolute;
outline: 0;
width: 8px;
height: 13px;
text-indent: -9999px;
z-index: 90;
top: 55%;
-webkit-transition: none;
transition: none;
}
.reviews .bx-wrapper .bx-prev {
background: url("img/sliders-control.png") no-repeat;
background-position: -3px -3px;
left: 15px;
}
.reviews .bx-wrapper .bx-prev:hover {
background-position: -3px -52px;
}
.reviews .bx-wrapper .bx-next {
background: url("img/sliders-control.png") no-repeat;
background-position: -59px -3px;
right: 15px;
}
.reviews .bx-wrapper .bx-next:hover {
background-position: -59px -52px;
}
.consultation {
background: url("img/consultation-bg.jpg") no-repeat center center;
background-size: cover;
padding-top: 57px;
padding-bottom: 64px;
}
.consultation h2 {
color: #444;
}
.consultation h2 span {
font-family: "RobotoLight", sans-serif;
color: #00aafd;
text-transform: uppercase;
font-size: 30px;
display: block;
}
@media only screen and (max-width: 340px) {
.reviews .comment .comments-btn a:nth-child(2) {
margin-left: 50px;
}
}
@media only screen and (max-width: 320px) {
.consultation h2 {
font-size: 20px;
}
.consultation h2 span {
font-size: 20px;
margin: 5px 0;
}
}
@media only screen and (max-width: 992px) {
.consultation {
text-align: center;
}
}
.consultation .center {
position: relative;
}
.consultation .center input.error {
border-bottom: 1px solid #d8512d;
}
.consultation label.error {
position: absolute;
bottom: 8px;
color: #d8512d;
font-size: 12px;
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.consultation input.name,
.consultation input.phone {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
color: #000;
width: 95%;
background: none;
border: none;
text-shadow: 7px 1px 6px #fff;
outline: 0;
padding: 5px 5px 15px 5px;
border-bottom: 1px solid #a4b2c1;
margin-bottom: 30px;
}
.consultation input.name::-webkit-input-placeholder,
.consultation input.phone::-webkit-input-placeholder {
color: #000;
text-shadow: 7px 1px 6px #fff;
}
.consultation input.name:-moz-placeholder,
.consultation input.phone:-moz-placeholder {
color: #000;
text-shadow: 7px 1px 6px #fff;
}
.consultation input.name::-moz-placeholder,
.consultation input.phone::-moz-placeholder {
color: #000;
text-shadow: 7px 1px 6px #fff;
}
.consultation input.name:-ms-input-placeholder,
.consultation input.phone:-ms-input-placeholder {
color: #000;
text-shadow: 7px 1px 6px #fff;
}
.consultation input.name:focus::-webkit-input-placeholder,
.consultation input.phone:focus::-webkit-input-placeholder {
color: transparent;
}
.consultation input.name:focus:-moz-placeholder,
.consultation input.phone:focus:-moz-placeholder {
color: transparent;
}
.consultation input.name:focus::-moz-placeholder,
.consultation input.phone:focus::-moz-placeholder {
color: transparent;
}
.consultation input.name:focus:-ms-input-placeholder,
.consultation input.phone:focus:-ms-input-placeholder {
color: transparent;
}
.consultation input[type=submit] {
display: none;
}
.consultation a {
margin-top: 10px;
display: inline-block;
font-size: 15px;
background-color: #00aafd;
border: none;
color: #fff;
padding: 11px 17px 10px 17px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
text-decoration: none;
}
.consultation a:hover {
background-color: #33CCFF;
}
.flex-wrap.flex-wrap--trunk.form--small {
display: none;
}
@media only screen and (max-width: 778px) {
.flex-wrap.flex-wrap--trunk.form--small {
display: block;
}
}
.breadcrumbs {
background-color: #e9edf0;
padding: 24px 0;
}
.breadcrumbs-wrap {
margin: 0 15px;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a span {
font-size: 13px;
color: #999;
position: relative;
margin-right: 25px;
cursor: pointer;
}
.breadcrumbs a span:before {
content: "\2192";
position: absolute;
display: block;
font-size: 13px;
top: 0;
right: -20px;
}
.breadcrumbs .current {
font-size: 13px;
color: #444;
}
.personal {
background-color: #fff;
padding-bottom: 70px;
background: url("img/bg.png") no-repeat left top;
}
.personal h2 {
margin: 40px 0 30px 15px;
}
.personal p {
font-size: 20px;
margin: 0;
margin-bottom: 20px;
}
.personal form {
margin-bottom: 30px;
}
.personal form input,
.personal form select {
font-size: 15px;
color: #444;
padding: 7px 5px;
width: 95%;
border: 1px solid #cbd3d8;
margin-top: 8px;
margin-bottom: 15px;
}
.personal form label {
font-size: 15px;
color: #666;
display: block;
}
.personal form select {
background: url("img/select-arrow.png") no-repeat center right 10px;
padding-right: 30px;
}
.personal form input.subm {
font-size: 15px;
background-color: #00aafd;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
color: #fff;
width: auto;
padding: 11px 19px 11px 18px;
}
.personal form input.subm:hover {
background-color: #33CCFF;
}
.personal form input.new-pass {
background-color: #ffffe5;
}
.personal form a.change-pass {
font-size: 13px;
color: #666;
background-color: #eff3f5;
padding: 11px 19px;
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #c0cdd4;
margin: 27px 0;
text-decoration: none;
}
.personal form a.change-pass:hover {
background-color: #33CCFF;
}
.personal .table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media (max-width: 767px) {
.personal .table-responsive {
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.personal .table-responsive table > thead > tr > th,
.personal .table-responsive table > tbody > tr > th,
.personal .table-responsive table > tfoot > tr > th,
.personal .table-responsive table > thead > tr > td,
.personal .table-responsive table > tbody > tr > td,
.personal .table-responsive table > tfoot > tr > td {
white-space: nowrap;
}
}
.personal .table-responsive table {
width: 100% !important;
border-collapse: collapse;
}
.personal .table-responsive table tr {
width: auto !important;
height: auto !important;
}
.personal .table-responsive table td {
width: auto !important;
height: auto !important;
}
.personal table {
border: 1px solid #cbd3d8;
}
.personal table th {
font-size: 11px;
color: #fff;
background-color: #33CCFF;
padding: 22px 35px;
text-transform: uppercase;
border: 1px solid #a4b2c1;
border-right: 1px solid #cbd3d8;
}
.personal table td {
font-size: 15px;
padding: 21px 15px;
border-right: 1px solid #cbd3d8;
}
.personal table tr:nth-child(odd) {
background-color: #eff3f5;
}
.personal table tr:nth-child(even) {
background-color: #fff;
}
.about {
background: url("img/bg.png") no-repeat left top;
}
.about .little-above {
margin: 0 15px;
background-color: #fff;
}
.about h2 {
color: #444;
margin-top: 40px;
margin-bottom: 25px;
}
@media only screen and (max-width: 778px) {
.about h2 {
text-align: center;
}
}
.about p {
font-size: 15px;
line-height: 20px;
color: #666;
margin-bottom: 30px;
}
.mission {
background-color: #e9edf0;
padding: 46px 0 59px 0;
}
.mission .slider-mission--content {
margin: 0 15px;
padding: 15px;
padding-bottom: 30px;
border: 1px solid #c9d1d7;
}
.mission .slider-mission--content .wrap-image img {
width: 100%;
}
.mission .slider-mission--content h3 {
font-family: "RobotoLight", sans-serif;
font-size: 24px;
color: #444;
margin-top: 30px;
margin-bottom: 25px;
text-transform: uppercase;
}
.mission .slider-mission--content p {
font-size: 15px;
color: #666;
margin-bottom: 35px;
}
.mission .bx-wrapper .bx-controls.bx-has-pager {
text-align: center;
position: relative;
top: -40px;
}
.mission .bx-wrapper .bx-pager .bx-pager-item,
.mission .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
width: 18px;
height: 18px;
margin: 0 5px;
background-color: transparent;
border: 1px solid #dee4e8;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
}
.mission .bx-wrapper .bx-pager.bx-default-pager a {
display: block;
position: absolute;
background-color: #a4b2c1;
text-indent: -9999px;
width: 7px;
height: 7px;
outline: none;
-webkit-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mission .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mission .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #00aafd;
}
.vantage {
padding: 45px 0;
background-color: #fff;
}
.vantage-wrap {
margin-left: 15px;
}
.vantage-wrap h2 {
margin: 0;
color: #444;
margin-bottom: 25px;
}
@media only screen and (max-width: 778px) {
.vantage-wrap h2 {
text-align: center;
}
}
.vantage-item {
text-align: center;
}
.vantage-item h5 {
font-size: 14px;
color: #444;
text-transform: uppercase;
}
.vantage-item p {
font-size: 15px;
color: #666;
}
.vantage-item--wrap {
border: 1px solid #d5dce0;
padding: 15px;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 50%;
margin: auto;
}
.vantage-item--wrap img {
width: 100%;
}
@media only screen and (max-width: 767px) {
.vantage-item--wrap {
width: 25%;
}
}
@media only screen and (max-width: 540px) {
.vantage-item--wrap {
width: 30%;
}
}
@media only screen and (max-width: 480px) {
.vantage-item--wrap {
width: 40%;
}
}
@media only screen and (max-width: 320px) {
.vantage-item--wrap {
width: 50%;
}
}
.progress {
height: auto;
margin-bottom:auto;
background-color: #e9edf0;
padding: 42px 0 45px 0;
}
@media only screen and (max-width: 992px) {
.progress-wrap {
text-align: center;
}
}
.progress-wrap h2 {
color: #444;
margin: 0 0 25px 15px;
}
@media only screen and (max-width: 992px) {
.progress-wrap h2 {
margin-left: 0;
}
}
.progress-wrap .img-wrap {
display: inline-block;
padding: 15px;
border: 1px solid #cbd3d9;
margin-bottom: 20px;
}
.progress-wrap .txt-wrap p {
font-size: 15px;
color: #666;
line-height: 20px;
margin-top: 0;
}
@media only screen and (max-width: 480px) {
.progress-wrap .txt-wrap p {
font-size: 13px;
}
}
.reviews {
padding: 45px 0 50px 0;
background: url("img/bg.png") no-repeat left top;
background-color: #e9edf0;
}
.reviews .reviews-wrap {
margin: 0 15px;
}
@media only screen and (max-width: 480px) {
.reviews .reviews-wrap h2 {
text-align: center;
}
}
.reviews-item p {
font-size: 15px;
color: #666;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.reviews-item span {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
color: #444;
text-align: left;
display: block;
margin-left: 55px;
}
@media only screen and (max-width: 778px) {
.reviews-item span {
margin-left: 0;
}
}
.reviews-item img {
float: left;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
@media only screen and (max-width: 778px) {
.reviews-item img {
float: none;
}
}
#review {
margin-top: 20px;
}
#input-name {
border: none;
box-shadow: none;
border-bottom: 1px solid #d6dde2;
padding: 5px;
font-size: 16px;
}
.err-message {
color: rgb(169, 68, 66);
}
#input-name::-webkit-input-placeholder,
#input-review::-webkit-input-placeholder {
color: #99abbd;
}
#input-name:-moz-placeholder,
#input-review:-moz-placeholder {
color: #99abbd;
}
#input-name::-moz-placeholder,
#input-review::-moz-placeholder {
color: #99abbd;
}
#input-name:-ms-input-placeholder,
#input-review:-ms-input-placeholder {
color: #99abbd;
}
#input-name:focus::-webkit-input-placeholder,
#input-review:focus::-webkit-input-placeholder {
color: transparent;
}
#input-name:focus:-moz-placeholder,
#input-review:focus:-moz-placeholder {
color: transparent;
}
#input-name:focus::-moz-placeholder,
#input-review:focus::-moz-placeholder {
color: transparent;
}
#input-name:focus:-ms-input-placeholder,
#input-review:focus:-ms-input-placeholder {
color: transparent;
}
#input-review {
font-family: "RobotoItalic", sans-serif;
box-shadow: none;
border: 1px solid #d6dde2;
padding: 5px;
font-size: 16px;
background-color: transparent;
resize: none;
}
#button-review {
font-family: "RobotoRegular", sans-serif;
text-decoration: none;
display: none;
font-size: 15px;
color: #fff;
background-color: #00aafd;
padding: 11px 20px 11px 21px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
margin: 0;
background-image: none;
}
#button-review:hover {
background-color: #a4b2c1;
}
@media only screen and (max-width: 480px) {
#button-review {
margin: auto;
}
}
.form-horizontal .control-label {
font-size: 15px;
margin-bottom: 5px;
}
.reviews-item {
margin-bottom: 25px;
}
.reviews-item--answer {
margin: 0 0 25px 75px;
padding: 20px 25px 25px 25px;
text-align: left;
background-color: #f2f5f7;
border: 1px solid #d6dde2;
position: relative;
}
.reviews-item--answer:after {
content: '';
position: absolute;
display: block;
width: 21px;
height: 21px;
left: -21px;
top: 20px;
background: url("img/triangle.png") no-repeat;
}
@media only screen and (max-width: 778px) {
.reviews-item--answer {
margin-left: 20px;
}
}
.reviews-item--answer .answ {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
color: #444;
position: relative;
padding-left: 20px;
}
.reviews-item--answer .answ:after {
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
height: 12px;
left: 0;
background: url("img/answer-icon.png") no-repeat;
}
.reviews-item--answer p {
font-size: 15px;
color: #666;
line-height: 20px;
}
.reviews .pagination {
margin-top: 15px;
display: inline-block;
text-align: center;
*zoom: 1;
}
.reviews .pagination:before,
.reviews .pagination:after {
content: '';
display: table;
}
.reviews .pagination:after {
clear: both;
}
.reviews .pagination .page-numbers.prev,
.reviews .pagination .page-numbers.next {
float: left;
padding: 7px 10px;
text-align: center;
width: 30px;
height: 35px;
text-indent: -9999px;
}
.reviews .pagination .page-numbers.prev {
margin-left: 0;
}
.reviews .pagination .page-numbers {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
float: left;
padding: 4px 9px;
background-color: transparent;
color: #333;
-webkit-transition: none;
transition: none;
text-decoration: none;
margin: 0 7px;
border: 3px solid transparent;
}
@media only screen and (max-width: 360px) {
.reviews .pagination .page-numbers {
margin: 0 3px;
}
}
.reviews .pagination .page-numbers:hover {
color: #c1392b;
}
.reviews .pagination .page-numbers span.current {
line-height: 1.3;
}
.reviews .pagination .page-numbers.current {
padding: 4px 9px;
}
.reviews .pagination a:last-child {
margin-right: 0;
}
.reviews .pagination .current {
border: 3px solid #a4b2c1;
}
.reviews .pagination a.prev,
.reviews .pagination a.next {
background: url("img/paginations.png") no-repeat;
}
.reviews .pagination a.prev {
background-position: 7px 10px;
}
.reviews .pagination a.next {
background-position: -53px 10px;
}
.reviews .pagination a.prev:hover {
background-position: 7px -51px;
}
.reviews .pagination a.next:hover {
background-position: -53px -51px;
}
.leave {
padding: 50px 0 60px 0;
background-color: #e9edf0;
}
.leave-wrap {
margin: 0 15px;
}
.leave-wrap .center {
position: relative;
}
.leave-wrap input.error {
border-bottom: 1px solid #d8512d;
}
.leave-wrap label.error {
position: absolute;
bottom: 10px;
color: #d8512d;
font-size: 12px;
width: 100%;
position: absolute;
left: 15px;
}
.leave h2 {
color: #444;
margin: 0;
margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
.leave h2 {
font-size: 25px;
}
}
.leave input {
font-family: "RobotoItalic", sans-serif;
color: #999;
font-size: 15px;
background-color: transparent;
border: none;
border-bottom: 1px solid #a4b2c1;
padding: 5px 5px 14px 0;
margin-bottom: 31px;
display: block;
}
.leave input::-webkit-input-placeholder {
color: #999;
}
.leave input:-moz-placeholder {
color: #999;
}
.leave input::-moz-placeholder {
color: #999;
}
.leave input:-ms-input-placeholder {
color: #999;
}
.leave input:focus::-webkit-input-placeholder {
color: transparent;
}
.leave input:focus:-moz-placeholder {
color: transparent;
}
.leave input:focus::-moz-placeholder {
color: transparent;
}
.leave input:focus:-ms-input-placeholder {
color: transparent;
}
.leave input[name='name'] {
width: 30%;
}
@media only screen and (max-width: 480px) {
.leave input[name='name'] {
width: 95%;
}
}
.leave input[name='review'] {
width: 95%;
}
.leave input[name='add'] {
display: none;
}
.leave a {
font-family: "RobotoRegular", sans-serif;
text-decoration: none;
display: inline-block;
font-size: 15px;
color: #fff;
background-color: #00aafd;
padding: 11px 20px 11px 21px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
margin: 0;
}
.leave a:hover {
background-color: #33CCFF;
}
@media only screen and (max-width: 480px) {
.leave a {
margin: auto;
}
}
.contacts {
background-color: #fff;
padding: 43px 0 0 0;
background: url("img/bg.png") no-repeat left top;
}
.contacts-wrap {
margin: 0 15px;
}
.contacts-wrap h2 {
color: #444;
margin: 0;
margin-bottom: 25px;
}
.contacts-wrap p {
font-size: 15px;
line-height: 20px;
color: #666;
margin: 0;
margin-bottom: 40px;
}
.contacts-wrap #tabs-contacts {
position: relative;
}
.contacts-wrap #tabs-contacts li {
display: inline-block;
float: left;
width: 49%;
}
@media only screen and (max-width: 636px) {
.contacts-wrap #tabs-contacts li {
display: block;
float: none;
width: 80%;
margin: auto;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 400px) {
.contacts-wrap #tabs-contacts li {
width: 100%;
}
}
.contacts-wrap #tabs-contacts li:nth-child(2) {
float: right;
}
@media only screen and (max-width: 636px) {
.contacts-wrap #tabs-contacts li:nth-child(2) {
float: none;
}
}
.contacts-wrap #tabs-contacts ul a {
font-size: 18px;
width: 100%;
background-color: #33CCFF;
color: #fff;
display: block;
text-align: center;
text-decoration: none;
padding: 22px;
border: none;
}
.contacts-wrap #tabs-contacts ul a:hover {
background-color: #00aafd;
}
@media only screen and (max-width: 778px) {
.contacts-wrap #tabs-contacts a {
padding: 15px 10px;
}
}
@media only screen and (max-width: 400px) {
.contacts-wrap #tabs-contacts a {
font-size: 16px;
}
}
.contacts-wrap #tabs-contacts a.active {
background-color: #00aafd;
}
.contacts-wrap #tabs-contacts .tab-content {
position: absolute;
top: 67px;
padding: 35px;
max-width: 435px;
background-color: rgba(255,255,255,0.8);
}
@media only screen and (max-width: 778px) {
.contacts-wrap #tabs-contacts .tab-content {
top: 53px;
}
}
@media only screen and (max-width: 678px) {
.contacts-wrap #tabs-contacts .tab-content {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: relative;
background-color: #e9edf0;
width: 100%;
max-width: 100%;
margin-bottom: 90px;
top: 70px;
}
}
@media only screen and (max-width: 636px) {
.contacts-wrap #tabs-contacts .tab-content {
top: 20px;
margin-bottom: 40px;
}
}
.contacts-wrap #tabs-contacts .tab-content h3 {
font-size: 16px;
color: #444;
text-transform: uppercase;
line-height: 20px;
margin: 0;
margin-bottom: 10px;
}
.contacts-wrap #tabs-contacts .tab-content p {
font-size: 15px;
color: #444;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
color: #444;
display: block;
padding-left: 35px;
position: relative;
margin: 0;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p:after {
content: '';
position: absolute;
display: block;
width: 25px;
height: 27px;
background: url("img/footer-icons.png") no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p:first-child {
margin-left: 0;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p.vodafone:after {
background-position: -38px 0;
height: 26px;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p:last-child {
margin-right: 0;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p.bee:after {
background-position: -75px 0;
}
.contacts-wrap #tabs-contacts .tab-content .phone-wrapper p.kyivstar:after {
background-position: 0 0;
}
.contacts-wrap #tabs-contacts .tab-content .adr,
.contacts-wrap #tabs-contacts .tab-content .mail,
.contacts-wrap #tabs-contacts .tab-content .phone {
border-bottom: 1px dashed third999;
margin-bottom: 15px;
}
.contacts-wrap #tabs-contacts .tab-content .adr p,
.contacts-wrap #tabs-contacts .tab-content .mail p,
.contacts-wrap #tabs-contacts .tab-content .phone p {
margin: 0;
margin-bottom: 10px;
}
.contacts-wrap #tabs-contacts .tab-content .phone p {
margin-bottom: 20px;
}
.contacts-wrap #tabs-contacts .tab-content .graph p {
margin: 0;
margin-bottom: 10px;
}
.contacts-wrap #tabs-contacts #old {
right: 0;
}
.service {
padding: 40px 0 0 0;
background: url("img/bg.png") no-repeat left top;
}
.service-wrap {
margin: 0 15px;
}
.service-wrap h2 {
color: #444;
margin: 0;
margin-bottom: 25px;
}
.service-wrap--item {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #c0cdd4;
}
.service-wrap--item h5 {
font-size: 20px;
color: #444;
margin: 0;
margin-bottom: 15px;
margin-top: -5px;
}
.service-wrap--item p {
font-size: 15px;
color: #666;
}
.service-wrap--item p.cost {
font-size: 13px;
}
.service-wrap--item p.cost span {
font-family: "CenturySchoolbook", sans-serif;
font-size: 20px;
}
.service-wrap--item .img-wrap {
border: 1px solid #c0cdd4;
padding: 15px;
margin-left: -15px;
}
.service-wrap--item .img-wrap img {
width: 100%;
}
.service-wrap--item:last-child {
border-bottom: none;
}
.parallax {
width: 100%;
background: url("img/service-paralax.jpg") no-repeat top center;
background-size: cover;
height: 466px;
margin-bottom: 40px;
position: relative;
background-attachment: flex-direction;
}
.video {
text-align: center;
background-color: #e9edf0;
padding: 30px 0 40px 0;
}
.video .video-wrap {
text-align: center;
}
.catalog {
padding: 42px 0 59px 0;
}
.catalog-filter h3 {
font-family: "RobotoLight", sans-serif;
font-size: 18px;
color: #fff;
margin: 0;
text-transform: uppercase;
background-color: #33CCFF;
text-align: center;
padding: 21px 0;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
position: relative;
}
.catalog-filter h3:after {
content: '';
position: absolute;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
width: 10px;
height: 5px;
background: url("img/triangle-filter.png") no-repeat;
}
.catalog-filter-content {
background-color: #e9edf0;
padding: 30px 0;
}
@media only screen and (max-width: 992px) {
.catalog-filter-content {
margin-bottom: 25px;
}
}
.catalog-filter-content h5 {
font-family: "RobotoBold", sans-serif;
font-size: 14px;
margin: 0;
margin-bottom: 15px;
text-transform: uppercase;
margin-left: 20px;
}
.catalog-filter-content label {
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
border: 1px solid #c7ced3;
background-color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
margin-left: 20px;
}
.catalog-filter-content label:before {
width: 16px;
height: 16px;
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.catalog-filter-content input[type=checkbox] {
display: none;
}
.catalog-filter-content input[type=checkbox]:checked + label:before {
content: url("img/tick.png");
position: absolute;
top: 4px;
display: block;
background: no-repeat;
width: 12px;
height: 9px;
}
.catalog-filter-content span {
font-size: 13px;
display: inline-block;
color: #666;
padding-left: 15px;
}
.catalog-filter-content .offer,
.catalog-filter-content .state,
.catalog-filter-content .group,
.catalog-filter-content .cat {
margin-bottom: 20px;
border-bottom: 1px solid #d2d7de;
padding-bottom: 20px;
}
.catalog-filter-content .offer {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.catalog .catalog-items {
text-align: center;
}
.catalog .catalog-items .item-wrap {
border: 1px solid #c0cdd4;
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 10px auto;
background-color: #fff;
max-width: 260px;
}
@media only screen {
.catalog .catalog-items .item-wrap {
max-width: 300px;
}
}
.catalog .catalog-items .item-wrap:hover a.title-wrap span {
color: #fe251a;
}
.catalog .catalog-items .item-wrap .chooses-categ, .product-item.item-wrap .chooses-categ,
.catalog .catalog-items .item-wrap .chooses-categ-new,.product-item.item-wrap .chooses-categ-new {
display: none;
padding: 10px 20px;
border: 1px solid #ccc;
background-color: #fefefe;
position: absolute;
text-align: left;
z-index: 6;
bottom: -40px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.catalog .catalog-items .item-wrap .chooses-categ label, .product-item.item-wrap .chooses-categ label,
.catalog .catalog-items .item-wrap .chooses-categ-new label {
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.catalog .catalog-items .item-wrap .chooses-categ input, .product-item.item-wrap .chooses-categ input,
.catalog .catalog-items .item-wrap .chooses-categ-new input {
display: inline-block;
vertical-align: middle;
}
.catalog .catalog-items .item-wrap .banner,
.catalog .catalog-items .item-wrap .banner--hit,
.catalog .catalog-items .item-wrap .banner--sales {
font-family: "RobotoItalic", sans-serif;
font-size: 14px;
padding: 11px 33px 11px 25px;
left: 5px;
display: block;
color: #fff;
background-color: #4f97ae;
position: absolute;
top: 0!important;
z-index: 4;
}
.catalog .catalog-items .item-wrap .banner:after,
.catalog .catalog-items .item-wrap .banner--hit:after,
.catalog .catalog-items .item-wrap .banner--sales:after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 10px;
background: url("img/shadow.png") no-repeat;
bottom: -10px;
left: 0;
}
.catalog .catalog-items .item-wrap .banner--hit {
background-color: #ae4f4f;
}
.catalog .catalog-items .item-wrap .banner--sales {
background-color: #ae9b4f;
}
.catalog .catalog-items .item-wrap a.img-wrap {
background-color: #fff;
position: relative;
min-height: 235px;
display: block;
}
.catalog .catalog-items .item-wrap a.img-wrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
z-index: 3;
}
.catalog .catalog-items .item-wrap a.img-wrap img {
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.recommend-item .item-wrap .descr-wrap .goods {
text-align: right;
*zoom: 1;
}
.recommend-item .item-wrap .descr-wrap .goods:before,
.recommend-item .item-wrap .descr-wrap .goods:after {
content: '';
display: table;
}
.recommend-item .item-wrap .descr-wrap .goods:after {
clear: both;
}
.catalog .catalog-items .item-wrap .descr-wrap .goods {
border-bottom: 1px dotted #999;
text-align: right;
}
.catalog .catalog-items .item-wrap .descr-wrap .name,
.catalog .catalog-items .item-wrap .descr-wrap .price {
background-color: #fff;
position: relative;
top: 5px;
}
.catalog .catalog-items .item-wrap .descr-wrap .name {
float: left;
color: #666;
}
.catalog .catalog-items .item-wrap .descr-wrap .price {
font-family: "CenturySchoolbook", sans-serif;
color: #444;
}
.catalog .catalog-items .item-wrap .descr-wrap .goods--throu,
.catalog .catalog-items .item-wrap .descr-wrap .goods--sles {
display: inline-block;
border-bottom: none;
margin: 0 10px;
}
.catalog .catalog-items .item-wrap .descr-wrap .goods--throu {
text-decoration: line-through;
color: #999;
}
.catalog .catalog-items a.title-wrap {
text-align: left;
display: block;
text-decoration: none;
}
.catalog .catalog-items a.title-wrap span.title {
font-size: 15px;
line-height: 1.4;
color: #444;
margin: 18px 0 0 0;
/*height: 42px;*/
display: block;
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
}
.catalog .catalog-items a.title-wrap span {
font-size: 15px;
margin-bottom: 20px;
display: block;
color: #444;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*white-space: nowrap*/
}
.catalog .catalog-items .item-wrap--btn {
margin-top: 20px;
}
.catalog .catalog-items .item-wrap--btn a {
font-size: 15px;
display: inline-block;
color: #fff;
background-color: #00aafd;
padding: 12px 19px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
}
.catalog .catalog-items .item-wrap--btn a:hover {
background-color: #33CCFF;
}
.catalog .catalog-items .catalog-title {
text-align: left;
}
.catalog .catalog-items .catalog-title h2 {
color: #444;
margin: 0;
margin-bottom: 25px;
display: inline-block;
}
.catalog .catalog-items .catalog-title .btn-choose {
display: inline-block;
float: right;
margin-top: 10px;
}
.catalog .catalog-items .catalog-title .btn-choose a.grid,
.catalog .catalog-items .catalog-title .btn-choose a.list {
width: 20px;
height: 20px;
display: inline-block;
background: url("img/grid-list.png") no-repeat;
background-position: 0 0;
-webkit-transition: none;
transition: none;
}
.catalog .catalog-items .catalog-title .btn-choose a.list {
background-position: -60px 0;
margin-left: 10px;
}
.catalog .catalog-items .catalog-title .btn-choose a.grid:hover {
background-position: 0 -60px;
}
@media only screen and (max-width: 480px) {
.catalog .catalog-items .catalog-title .btn-choose a.grid:hover {
background-position: 0 0;
}
}
.catalog .catalog-items .catalog-title .btn-choose a.grid.active {
background-position: 0 -60px;
}
@media only screen and (max-width: 480px) {
.catalog .catalog-items .catalog-title .btn-choose a.grid.active {
background-position: 0 0;
}
}
.catalog .catalog-items .catalog-title .btn-choose a.list:hover {
background-position: -60px -60px;
}
@media only screen and (max-width: 480px) {
.catalog .catalog-items .catalog-title .btn-choose a.list:hover {
background-position: -60px 0;
}
}
.catalog .catalog-items .catalog-title .btn-choose a.list.active {
background-position: -60px -60px;
}
@media only screen and (max-width: 480px) {
.catalog .catalog-items .catalog-title .btn-choose a.list.active {
background-position: -60px 0;
}
}
.catalog .catalog-items .catalog-title--border {
border-bottom: 1px solid #dadfe5;
margin-bottom: 30px;
}
.catalog .catalog-items .item-wrap.lists {
border: 1px solid #c0cdd4;
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 10px 0;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: inherit;
}
.catalog .catalog-items .item-wrap.lists:hover .title-wrap span {
color: #fe251a;
}
@media only screen and (max-width: 778px) {
.catalog .catalog-items .item-wrap.lists {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px;
}
}
.catalog .catalog-items .item-wrap.lists .chooses-categ {
position: absolute;
min-width: 100px;
bottom: -35px;
left: 86%;
}
@media only screen and (max-width: 778px) {
.catalog .catalog-items .item-wrap.lists .chooses-categ {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.catalog .catalog-items .item-wrap.lists .chooses-categ-new {
position: absolute;
min-width: 100px;
bottom: 20px;
left: 86%;
}
@media only screen and (max-width: 778px) {
.catalog .catalog-items .item-wrap.lists .chooses-categ-new {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.catalog .catalog-items .item-wrap.lists a.img-wrap {
background-color: #fff;
position: relative;
min-height: 160px;
display: block;
float: left;
width: 35%;
margin-right: 10px;
}
@media only screen and (max-width: 778px) {
.catalog .catalog-items .item-wrap.lists a.img-wrap {
width: 30%;
}
}
.catalog .catalog-items .item-wrap.lists a.img-wrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
z-index: 3;
}
.catalog .catalog-items .item-wrap.lists a.img-wrap img {
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%;
margin-top: 10px;
}
.catalog .catalog-items .item-wrap.lists .descr-wrap {
padding-top: 20px;
width: 32%;
float: none;
margin-left: 20px;
text-align: right;
}
.catalog .catalog-items .descr-wrap {
text-align: right;
}
@media only screen and (max-width: 778px) {
.catalog .catalog-items .item-wrap.lists .descr-wrap {
width: 40%;
margin: auto;
}
}
@media only screen and (max-width: 600px) {
.catalog .catalog-items .item-wrap.lists .descr-wrap {
width: 50%;
}
}
.catalog .catalog-items .item-wrap.lists .descr-wrap .goods {
border-bottom: 1px dotted #999;
text-align: right;
margin-bottom: 10px;
}
.catalog .catalog-items .item-wrap.lists .descr-wrap .name,
.catalog .catalog-items .item-wrap.lists .descr-wrap .price {
background-color: #fff;
position: relative;
top: 5px;
}
.catalog .catalog-items .item-wrap.lists .descr-wrap .name {
float: left;
color: #666;
}
.catalog .catalog-items .item-wrap.lists .descr-wrap .price {
font-family: "CenturySchoolbook", sans-serif;
color: #444;
}
.catalog .catalog-items .item-wrap.lists .descr-wrap .goods--throu,
.catalog .catalog-items .item-wrap.lists .descr-wrap .goods--sles {
display: block;
border-bottom: none;
margin: 0;
text-align: left;
}
.catalog .catalog-items .item-wrap.lists .descr-wrap .goods--throu {
text-decoration: line-through;
color: #999;
margin-bottom: 15px;
}
.catalog .catalog-items .item-wrap.lists a.title-wrap {
text-align: left;
width: 80%;
display: block;
border-right: 1px solid #c0cdd4;
padding: 0 10px;
color: #444;
}
@media only screen and (max-width: 778px) {
.catalog .catalog-items .item-wrap.lists a.title-wrap {
width: 63%;
border-right: none;
padding: 0 5px;
}
}
@media only screen and (max-width: 600px) {
.catalog .catalog-items .item-wrap.lists a.title-wrap {
width: 67%;
}
}
.catalog .catalog-items .item-wrap.lists a.title-wrap p {
font-size: 13px;
line-height: 1.4;
color: #444;
margin: 0;
margin-top: 10px;
/*height: 109.19999999999999px;*/
display: block;
/*-webkit-line-clamp: 6;*/
/*-webkit-box-orient: vertical;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
}
.catalog .catalog-items .item-wrap.lists a.title-wrap span.title {
margin: 0;
margin-top: 20px;
display: inline-block;
line-height: normal;
overflow: visible;
text-overflow: inherit;
-webkit-line-clamp: inherit;
-webkit-box-orient: inherit;
}
.catalog .catalog-items .item-wrap.lists a.title-wrap span.title--cat {
margin-top: 10px;
display: inline-block;
}
.catalog .catalog-items .item-wrap.lists a.title-wrap span {
font-size: 15px;
margin-bottom: 0;
display: inline-block;
color: #444;
margin-left: 5px;
}
.catalog .catalog-items .item-wrap.lists a.btn {
font-size: 15px;
display: inline-block;
color: #fff;
background-color: #00aafd;
padding: 12px 19px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
margin-top: 40px;
}
.catalog .catalog-items .item-wrap.lists a.btn:hover {
background-color: #33CCFF;
}
.catalog .catalog-items .item-wrap.lists a.btn.sh {
display: block !important;
}
.catalog .catalog-items .item-wrap.lists .item-wrap--btn {
margin-top: 20px;
}
.catalog .catalog-items .item-wrap.lists .item-wrap--btn a {
font-size: 15px;
display: inline-block;
color: #fff;
background-color: #00aafd;
padding: 12px 19px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
}
.catalog .catalog-items .item-wrap.lists .item-wrap--btn a:hover {
background-color: #33CCFF;
}
.catalog .catalog-items .catalog-pag {
text-align: center;
}
.catalog .catalog-items .catalog-pag .pagination {
margin-top: 35px;
display: inline-block;
text-align: center;
*zoom: 1;
}
.catalog .catalog-items .catalog-pag .pagination:before,
.catalog .catalog-items .catalog-pag .pagination:after {
content: '';
display: table;
}
.catalog .catalog-items .catalog-pag .pagination:after {
clear: both;
}
.catalog .catalog-items .catalog-pag .pagination .page-numbers.prev,
.catalog .catalog-items .catalog-pag .pagination .page-numbers.next {
float: left;
padding: 7px 10px;
text-align: center;
width: 30px;
height: 35px;
text-indent: -9999px;
}
.catalog .catalog-items .catalog-pag .pagination .page-numbers.prev {
margin-left: 0;
}
.catalog .catalog-items .catalog-pag .pagination .page-numbers {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
float: left;
padding: 4px 9px;
background-color: transparent;
color: #333;
-webkit-transition: none;
transition: none;
text-decoration: none;
margin: 0 7px;
border: 3px solid transparent;
}
@media only screen and (max-width: 382px) {
.catalog .catalog-items .catalog-pag .pagination .page-numbers {
margin: 0 4px;
}
}
.catalog .catalog-items .catalog-pag .pagination .page-numbers:hover {
color: #c1392b;
}
.catalog .catalog-items .catalog-pag .pagination .page-numbers span.current {
line-height: 1.3;
}
.catalog .catalog-items .catalog-pag .pagination .page-numbers.current {
padding: 4px 9px;
}
@media only screen and (max-width: 346px) {
.catalog .catalog-items .catalog-pag .pagination .page-numbers.current {
padding: 3px 7px;
}
}
.catalog .catalog-items .catalog-pag .pagination a:last-child {
margin-right: 0;
}
.catalog .catalog-items .catalog-pag .pagination .current {
border: 3px solid #a4b2c1;
}
.catalog .catalog-items .catalog-pag .pagination a.prev,
.catalog .catalog-items .catalog-pag .pagination a.next {
background: url("img/paginations.png") no-repeat;
}
.catalog .catalog-items .catalog-pag .pagination a.prev {
background-position: 7px 10px;
}
.catalog .catalog-items .catalog-pag .pagination a.next {
background-position: -53px 10px;
}
.catalog .catalog-items .catalog-pag .pagination a.prev:hover {
background-position: 7px -51px;
}
.catalog .catalog-items .catalog-pag .pagination a.next:hover {
background-position: -53px -51px;
}
.product-card {
padding: 40px 0;
background: url("img/bg.png") no-repeat;
}
.product-card-wrap {
margin: 0 15px;
}
.product-card-wrap h2 {
margin: 0;
color: #444;
margin-bottom: 30px;
}
@media only screen and (max-width: 778px) {
.product-card-wrap h2 {
font-size: 20px;
text-align: center;
}
}
.product-card-layout {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
.product-card-layout {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.product-card-layout .flex-wrap-slider {
width: 43%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
.product-card-layout .flex-wrap-slider {
width: 50%;
margin: auto;
margin-bottom: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 992px) {
.product-card-layout .flex-wrap-slider {
width: 65%;
}
}
@media only screen and (max-width: 741px) {
.product-card-layout .flex-wrap-slider {
width: 80%;
}
}
@media only screen and (max-width: 598px) {
.product-card-layout .flex-wrap-slider {
width: 100%;
}
}
.product-card-layout .slider-wrap {
border: 1px solid #c0cdd4;
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
z-index: 3;
background-color: #fff;
}
.product-card-layout .slider-wrap .img-wrapper {
background-color: #fff;
position: relative;
}
.product-card-layout .slider-wrap .img-wrapper:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
}
.product-card-layout .slider-wrap .img-wrapper--small {
background-color: #fff;
position: relative;
}
.product-card-layout .slider-wrap .img-wrapper--small:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
}
.product-card-layout .slider-wrap-small {
margin-top: 10px;
border: 1px solid #c0cdd4;
padding: 7px;
margin-right: 10px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.product-card-layout .slider-wrap-small .img-wrap--small {
background-color: #fff;
position: relative;
}
.product-card-layout .slider-wrap-small .img-wrap--small:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
}
@media only screen and (max-width: 480px) {
.product-card-layout .slider-wrap-small {
margin-right: 5px;
margin-left: 5px;
}
}
.product-card-layout .slider-wrap-small:last-child {
margin-right: 0;
}
@media only screen and (max-width: 480px) {
.product-card-layout .slider-wrap-small:last-child {
margin-right: 5px;
}
}
.product-card .prod-card-choose {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-berween;
-webkit-justify-content: space-berween;
-ms-flex-pack: space-berween;
justify-content: space-berween;
}
@media only screen and (max-width: 1200px) {
.product-card .prod-card-choose {
width: 100%;
margin-top: 30px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.product-card .prod-card-choose {
justify-content: space-around;
}
}
@media only screen and (max-width: 620px) {
.product-card .prod-card-choose {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.product-card .product-card-item {
max-height: 350px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 45%;
}
.product-card .product-card-item .card-item-wrap {
padding: 20px;
width: 100%;
}
.product-card .product-card-item .card-item-wrap .top-wrap {
border-bottom: 1px solid #c3cdd3;
padding-bottom: 17px;
margin-bottom: 20px;
}
.product-card .product-card-item .card-item-wrap label {
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
border: 1px solid #c7ced3;
background-color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
margin-right: 14px;
}
.product-card .product-card-item .card-item-wrap label:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-card .product-card-item .card-item-wrap input[type=radio] {
display: none;
}
.product-card .product-card-item .card-item-wrap input[type=radio]:checked + label:before {
content: url("img/tick.png");
position: absolute;
top: 8px;
display: block;
background: no-repeat;
width: 12px;
height: 9px;
}
.product-card .product-card-item .card-item-wrap span {
font-size: 18px;
display: inline-block;
vertical-align: middle;
color: #444;
}
.product-card .product-card-item .card-item-wrap p {
font-size: 15px;
color: #666;
line-height: 30px;
margin: 0;
display: inline-block;
vertical-align: middle;
}
.product-card .product-card-item .card-item-wrap span {
font-size: 15px;
color: #666;
display: inline-block;
line-height: 30px;
margin-left: 5px;
}
.product-card .product-card-item .card-item-wrap span.titl {
font-family: "RobotoBold", sans-serif;
color: #444;
text-transform: uppercase;
}
.product-card .product-card-item .card-item-wrap span.yes {
color: #1aa7fe;
}
.product-card .product-card-item .card-item-wrap span.no {
color: #fe3636;
}
.product-card .product-card-item .card-item-wrap .mid-wrap {
border-bottom: 1px solid #c3cdd3;
padding-bottom: 17px;
margin-bottom: 20px;
}
.product-card .product-card-item .card-item-wrap .bot-wrap p {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
}
.product-card .product-card-item .card-item-wrap .bot-wrap span {
font-size: 13px;
}
.product-card .trunk-wrapper .trunk-wrapper .click #1,
.product-card .trunk-wrapper .trunk-wrapper .click #2 {
display: none;
}
.product-card .product-card-item .card-item-wrap .bot-wrap p.main {
text-decoration: line-through;
color: #999;
}
.product-card .product-card-item .card-item-wrap .bot-wrap p.sales {
margin-left: 10px;
}
@media only screen and (max-width: 620px) {
.product-card .product-card-item {
width: 70%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 460px) {
.product-card .product-card-item {
width: 95%;
}
}
.product-card .product-card-item.old {
background-color: #e9edf0;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.product-card .product-card-item.old {
margin-right: 0;
}
}
.product-card .product-card-item.new {
background-color: #e6f5ff;
}
@media only screen and (max-width: 1200px) {
.product-card .product-card-item.new {
margin-left: 0;
}
}
.product-card .trunk-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.product-card .trunk-wrapper {
text-align: center;
}
.product-card .trunk-wrapper input[name='trunk'] {
margin: auto;
margin-top: 30px;
}
}
.product-card .trunk-wrapper form {
width: 100%;
}
.product-card .trunk-wrapper form input.error {
border: 1px solid #d8512d;
}
.product-card .trunk-wrapper form .center {
position: relative;
}
.product-card .trunk-wrapper form label.error {
color: #d8512d;
font-size: 12px;
position: absolute;
right: 70%;
bottom: -25px;
}
@media only screen and (max-width: 1200px) {
.product-card .trunk-wrapper form label.error {
right: 55%;
}
}
@media only screen and (max-width: 620px) {
.product-card .trunk-wrapper form label.error {
bottom: 55px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
}
.product-card .trunk-wrapper .click button {
display: none;
width: 25%;
font-size: 15px;
color: #fff;
background-color: #00aafd;
-webkit-border-radius: 4px;
border-radius: 4px;
outline: 0;
border: none;
padding: 12px 18px;
margin-bottom: 0;
text-decoration: none;
}
@media only screen and (max-width: 1200px) {
.product-card .trunk-wrapper .click button {
margin: 20px auto;
}
}
@media only screen and (max-width: 778px) {
.product-card .trunk-wrapper .click button {
width: 20%;
}
}
@media only screen and (max-width: 620px) {
.product-card .trunk-wrapper .click button {
width: auto;
/*display: inline-block;*/
}
}
.product-card .trunk-wrapper .click button:hover {
background-color: #33CCFF;
}
.product-card .trunk-wrapper .click2 .center {
position: relative;
}
.product-card .trunk-wrapper .click2 .center label {
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-card .trunk-wrapper .click2 input[name='phone'] {
font-family: "RobotoItalic", sans-serif;
font-size: 13px;
color: #999;
width: 40%;
padding: 12px;
display: inline-block;
margin-right: 15px;
}
.product-card .trunk-wrapper .click2 input[name='phone']::-webkit-input-placeholder {
font-family: "RobotoItalic", sans-serif;
color: #999;
}
.product-card .trunk-wrapper .click2 input[name='phone']:-moz-placeholder {
font-family: "RobotoItalic", sans-serif;
color: #999;
}
.product-card .trunk-wrapper .click2 input[name='phone']::-moz-placeholder {
font-family: "RobotoItalic", sans-serif;
color: #999;
}
.product-card .trunk-wrapper .click2 input[name='phone']:-ms-input-placeholder {
font-family: "RobotoItalic", sans-serif;
color: #999;
}
.product-card .trunk-wrapper .click2 input[name='phone']:focus::-webkit-input-placeholder {
color: transparent;
}
.product-card .trunk-wrapper .click2 input[name='phone']:focus:-moz-placeholder {
color: transparent;
}
.product-card .trunk-wrapper .click2 input[name='phone']:focus::-moz-placeholder {
color: transparent;
}
.product-card .trunk-wrapper .click2 input[name='phone']:focus:-ms-input-placeholder {
color: transparent;
}
@media only screen and (max-width: 620px) {
.product-card .trunk-wrapper .click2 input[name='phone'] {
display: block;
width: 95%;
margin: 0 auto 20px;
}
}
.product-card .trunk-wrapper .click2 input[type='submit'] {
display: none;
}
.product-card .trunk-wrapper .click2 a {
text-decoration: none;
font-size: 15px;
color: #fff;
background-color: #33CCFF;
-webkit-border-radius: 4px;
border-radius: 4px;
outline: 0;
border: none;
padding: 12px 18px;
margin-bottom: 25px;
display: inline-block;
margin-bottom: 0;
}
.product-card .trunk-wrapper .click2 a:hover {
background-color: #8f9faf;
}
@media only screen and (max-width: 620px) {
.product-card .trunk-wrapper .click2 a {
margin-top: 15px;
}
}
.description-wrap {
margin: 0 15px;
border-bottom: 1px solid #c0cdd4;
padding-bottom: 25px;
}
.description-wrap h3 {
font-size: 20px;
color: #444;
margin: 0;
margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
.catalog .catalog-items .catalog-pag .pagination .page-numbers {
padding: 4px 2px;
font-size: 14px;
}
.description-wrap h3 {
text-align: center;
}
}
.description-wrap p {
font-size: 15px;
color: #666;
margin: 0;
}
.arrivals-wrap.product {
margin-top: 20px;
}
.arrivals-wrap.product:after,
.arrivals-wrap.product:before {
display: none;
}
.arrivals-wrap.product h2 {
color: #444;
}
@media only screen and (max-width: 480px) {
.arrivals-wrap.product h2 {
font-size: 20px;
}
}
.services-wrap.product h2 {
margin: 0 15px 25px 15px;
}
@media only screen and (max-width: 480px) {
.services-wrap.product h2 {
font-size: 20px;
}
}
.services-wrap.product .descr-wrap {
margin-bottom: 25px;
}
.services-wrap.product .descr-wrap .goods {
border-bottom: 1px dotted #999;
text-align: right;
background-color: transparent;
margin: auto;
width: 50%;
margin-bottom: 5px;
}
@media only screen and (max-width: 480px) {
.services-wrap.product .descr-wrap .goods {
width: 96%;
}
}
.services-wrap.product .descr-wrap .name,
.services-wrap.product .descr-wrap .price {
background-color: transparent;
position: relative;
top: 5px;
}
.services-wrap.product .descr-wrap .name {
float: left;
color: #fff;
font-size: 15px;
position: relative;
}
.services-wrap.product .descr-wrap .name:after {
content: '';
position: absolute;
display: block;
width: 6px;
height: 5px;
background: url("img/ball.png") no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -20px;
}
.services-wrap.product .descr-wrap .price {
font-family: "CenturySchoolbook", sans-serif;
color: #fff;
font-size: 15px;
}
.services-wrap.product .descr-wrap .goods--throu,
.services-wrap.product .descr-wrap .goods--sles {
display: inline-block;
border-bottom: none;
margin: 0 10px;
}
.services-wrap.product .descr-wrap .goods--throu {
text-decoration: line-through;
color: #fff;
}
.basket {
padding-bottom: 40px;
min-height:500px;
}
.basket-wrap {
margin: 0 15px;
}
.basket-wrap h2 {
margin: 0;
margin-top: 30px;
color: #444;
}
@media only screen and (max-width: 480px) {
.basket-wrap h2 {
font-size: 25px;
}
}
.basket .items-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket .items-wrapper .item-wrap {
border: 1px solid #c3cdd4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 20px;
margin-bottom: 15px;
margin-top: 20px;
position: relative;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.basket .items-wrapper .item-wrap:hover .title-wrap h4 {
color: #ae4f4a;
}
.basket .items-wrapper .item-wrap .img-wrap {
background-color: #fff;
position: relative;
display: block;
padding: 20px;
}
.basket .items-wrapper .item-wrap .img-wrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
top: 0;
left: 0;
}
.basket .items-wrapper .item-wrap .title-wrap {
border-right: 1px solid #c0cdd4;
padding: 0 15px;
width: 60%;
text-decoration: none;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .title-wrap {
width: 80%;
border-right: none;
border-bottom: 1px solid #c0cdd4;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 662px) {
.basket .items-wrapper .item-wrap .title-wrap {
width: 100%;
text-align: center;
margin-top: 20px;
}
}
.basket .items-wrapper .item-wrap .title-wrap h4 {
font-size: 15px;
font-weight: 400;
color: #444;
margin: 0;
margin-bottom: 15px;
}
.basket .items-wrapper .item-wrap .title-wrap span {
font-size: 13px;
color: #666;
margin-bottom: 15px;
display: block;
}
.basket .items-wrapper .item-wrap .quanti {
padding-left: 20px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 10%;
border-right: 1px solid #c0cdd4;
}
@media only screen and (max-width: 992px) {
.basket .items-wrapper .item-wrap .quanti {
width: 15%;
}
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .quanti {
width: 45%;
margin-top: 20px;
text-align: center;
padding: 0;
padding-right: 40px;
}
}
@media only screen and (max-width: 480px) {
.basket .items-wrapper .item-wrap .quanti {
width: 100%;
border: none;
border-bottom: 1px solid #c0cdd4;
padding-bottom: 20px;
padding-right: 0;
}
}
.basket .items-wrapper .item-wrap .quanti .quant-wrap {
position: relative;
width: 100%;
margin-top: 40px;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .quanti .quant-wrap {
margin: auto;
margin-top: 15px;
width: 88%;
}
}
@media only screen and (max-width: 480px) {
.basket .items-wrapper .item-wrap .quanti .quant-wrap {
margin-top: 0;
}
}
.basket .items-wrapper .item-wrap .quanti input[name='quant'] {
font-family: "CenturySchoolbook", sans-serif;
font-size: 15px;
color: #444;
padding: 6px 26px 6px 11px;
text-align: center;
text-indent: 3px;
width: 85%;
display: block;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .quanti input[name='quant'] {
width: 100%;
margin: auto;
}
}
.basket .items-wrapper .item-wrap .quanti span {
position: absolute;
width: 12px;
height: 12px;
background-color: #e9edf0;
cursor: pointer;
right: 17px;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .quanti span {
right: 3px;
}
}
.basket .items-wrapper .item-wrap .quanti span:after {
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background: url("img/max-min.png") no-repeat;
}
.basket .items-wrapper .item-wrap .quanti span.max {
top: 3px;
}
.basket .items-wrapper .item-wrap .quanti span.max:hover:after {
background-position: 0 -24px;
}
.basket .items-wrapper .item-wrap .quanti span.min {
top: 18px;
}
.basket .items-wrapper .item-wrap .quanti span.min:after {
background-position: -24px 0;
}
.basket .items-wrapper .item-wrap .quanti span.min:hover:after {
background-position: -24px -24px;
}
.basket .items-wrapper .item-wrap .cost {
padding: 0 15px;
position: relative;
width: 20%;
}
@media only screen and (max-width: 992px) {
.basket .items-wrapper .item-wrap .cost {
width: 23%;
}
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .cost {
margin-top: 20px;
width: 40%;
text-align: center;
padding: 0;
}
}
@media only screen and (max-width: 480px) {
.basket .items-wrapper .item-wrap .cost {
width: 80%;
}
}
.basket .items-wrapper .item-wrap .cost .sum,
.basket .items-wrapper .item-wrap .cost .weight {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
display: block;
background-color: #fff;
}
.basket .items-wrapper .item-wrap .cost .sum {
margin-top: 30px;
margin-bottom: 5px;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap .cost .sum {
margin-top: 10px;
}
}
.basket .items-wrapper .item-wrap input[name='close'] {
position: absolute;
top: 20px;
right: 20px;
border: none;
background-color: #ae4f4f;
width: 17px;
text-indent: -2px;
height: 17px;
color: #fff;
font-size: 11px;
line-height: 13px;
}
@media only screen and (max-width: 778px) {
.basket .items-wrapper .item-wrap input[name='close'] {
right: 10px;
}
}
.basket .items-wrapper .item-wrap input[name='close']:hover {
background-color: #e9edf0;
}
.basket .items-wrapper button {
font-size: 13px;
color: #444;
padding: 10px 36px 10px 20px;
background-color: #fff;
border: 1px solid #c0cdd4;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
}
@media only screen and (max-width: 662px) {
.basket .items-wrapper button {
display: none;
}
}
.basket .items-wrapper button:before {
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
width: 7px;
height: 6px;
background: url("img/arrows-bask.png") no-repeat;
background-position: 0 -24px;
}
.basket .items-wrapper button.open:before {
background-position: 0 0;
}
.basket .items-wrapper button.rec-sm {
display: none;
}
@media only screen and (max-width: 662px) {
.basket .items-wrapper button.rec-sm {
display: block;
margin-top: 20px;
}
}
.max-value {
font-size: 12px;
display: block;
margin-top: 10px;
color: #d8512d;
display: none;
}
.basket .items-wrapper .recommend-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
background-color: #ebeef1;
padding: 20px 20px 0 20px;
display: none;
}
@media only screen and (max-width: 1200px) {
.basket .items-wrapper .recommend-wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.basket .items-wrapper .recommend-wrap .recommend-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20%;
float: left;
text-align: center;
margin-right: 15px;
min-width: 220px;
margin-bottom: 20px;
}
@media only screen and (max-width: 364px) {
.basket .items-wrapper .recommend-wrap .recommend-item {
width: 60%;
}
}
@media only screen and (max-width: 320px) {
.basket .items-wrapper .recommend-wrap .recommend-item {
width: 70%;
}
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap {
display: block;
border: 1px solid #c0cdd4;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 15px;
position: relative;
z-index: 3;
background-color: #fff;
width: 100%;
margin: 0;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap:hover .title-wrap h4 {
color: #fe251a;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap a.img-wrap {
background-color: #fff;
position: relative;
display: block;
text-decoration: none;
min-height: 100px;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap a.img-wrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
z-index: 3;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap a.img-wrap img {
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap a.title-wrap {
display: block;
color: #444;
text-decoration: none;
border: none;
padding: 0;
text-align: left;
width: 100%;
margin: 0;
margin-top: 5px;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap a.title-wrap span.title {
font-size: 13px;
line-height: 1.4;
color: #444;
margin: 5px 0 10px 0;
height: 54.599999999999994px;
display: block;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap .descr-wrap {
text-align: left;
min-height: 40px;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap .descr-wrap span.price {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
color: #444;
float: left;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap .descr-wrap span {
font-family: "RobotoRegular", sans-serif;
font-size: 13px;
color: #666;
margin-left: 5px;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap .item-wrap--btn {
margin-top: 20px;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap .item-wrap--btn a {
font-size: 13px;
display: inline-block;
background-color: #fff;
color: #666;
padding: 9px 20px 9px 18px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #c0cdd4;
text-decoration: none;
margin-top: 25px;
}
.basket .items-wrapper .recommend-wrap .recommend-item .item-wrap .item-wrap--btn a:hover {
background-color: #00aafd;
border-color: #00aafd;
color: #fff;
}
.basket .total-wrap {
padding: 25px 0;
}
.basket .continue-wrap {
margin: 0 -15px;
}
@media only screen and (max-width: 778px) {
.basket .continue-wrap {
padding-bottom: 20px;
}
}
.basket .continue a {
display: block;
font-size: 13px;
color: #fff;
background-color: #33CCFF;
text-align: center;
text-decoration: none;
padding: 12px 21px 12px 19px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
@media only screen and (max-width: 778px) {
.basket .continue a {
width: 50%;
margin: auto;
}
}
@media only screen and (max-width: 380px) {
.basket .continue a {
width: 60%;
}
}
.basket .continue a:hover {
background-color: #00aafd;
}
.basket .promo {
text-align: right;
}
.basket .promo input[name='promo'] {
font-family: "RobotoItalic", sans-serif;
font-size: 13px;
color: #999;
width: 95%;
padding: 7px 12px;
}
.basket .promo input[name='promo']::-webkit-input-placeholder {
color: #999;
}
.basket .promo input[name='promo']:-moz-placeholder {
color: #999;
}
.basket .promo input[name='promo']::-moz-placeholder {
color: #999;
}
.basket .promo input[name='promo']:-ms-input-placeholder {
color: #999;
}
.basket .promo input[name='promo']:focus::-webkit-input-placeholder {
color: transparent;
}
.basket .promo input[name='promo']:focus:-moz-placeholder {
color: transparent;
}
.basket .promo input[name='promo']:focus::-moz-placeholder {
color: transparent;
}
.basket .promo input[name='promo']:focus:-ms-input-placeholder {
color: transparent;
}
@media only screen and (max-width: 778px) {
.basket .promo {
width: 55%;
margin: auto;
text-align: center;
margin-top: 20px;
}
}
@media only screen and (max-width: 480px) {
.basket .promo {
width: 100%;
}
}
@media only screen and (max-width: 778px) {
.basket .total {
text-align: center;
margin-top: 40px;
}
}
.basket .total p {
font-family: "RobotoBold", sans-serif;
font-size: 24px;
color: #444;
margin: 0;
margin-bottom: 15px;
line-height: 20px;
}
.basket .total p span.ttl {
font-family: "CenturySchoolbook", sans-serif;
font-size: 25px;
color: #444;
}
.basket .total p span {
font-size: 18px;
color: #444;
margin-left: 5px;
display: inline-block;
}
.basket .total span.wgth {
font-size: 13px;
color: #666;
display: block;
margin-bottom: 15px;
}
.basket .total button.ordr {
font-size: 15px;
display: block;
color: #fff;
background-color: #00aafd;
padding: 10px 19px;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
}
@media only screen and (max-width: 778px) {
.basket .total button.ordr {
margin: auto;
}
}
.basket .total button.ordr:hover {
background-color: #33CCFF;
}
.final-order {
padding: 43px 0 75px 0;
background-color: #e9edf0;
display: none;
}
.final-order-wrap {
border-bottom: 1px solid #c0cdd4;
*zoom: 1;
padding-bottom: 35px;
}
.final-order-wrap:before,
.final-order-wrap:after {
content: '';
display: table;
}
.final-order-wrap:after {
clear: both;
}
.final-order-wrap h2 {
color: #444;
margin: 0;
margin-bottom: 35px;
text-align: center;
}
.final-order .form-wrap .form-line {
margin-bottom: 20px;
position: relative;
*zoom: 1;
}
.final-order .form-wrap .form-line input.error {
border: 1px solid #d8512d;
}
.final-order .form-wrap .form-line label.error {
color: #d8512d;
font-size: 12px;
position: absolute;
right: 30px;
bottom: -25px;
}
@media only screen and (max-width: 600px) {
.final-order .form-wrap .form-line label.error {
bottom: -35px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
}
.final-order .form-wrap .form-line:before,
.final-order .form-wrap .form-line:after {
content: '';
display: table;
}
.final-order .form-wrap .form-line:after {
clear: both;
}
.final-order .form-wrap .form-line label {
font-size: 15px;
color: #444;
float: left;
line-height: 33px;
}
.final-order .form-wrap .form-line sup {
color: #fe0000;
}
.final-order .form-wrap .form-line input,.final-order .form-wrap .form-line select {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
color: #999;
padding: 7px 10px;
float: right;
background-color: #fff;
border: 1px solid #c0cdd4;
width: 85%;
}
@media only screen and (max-width: 778px) {
.final-order .form-wrap .form-line input {
width: 80%;
}
}
@media only screen and (max-width: 480px) {
.final-order .form-wrap .form-line input {
width: 70%;
}
}
.final-order .form-wrap .form-line input::-webkit-input-placeholder {
color: #999;
}
.final-order .form-wrap .form-line input:-moz-placeholder {
color: #999;
}
.final-order .form-wrap .form-line input::-moz-placeholder {
color: #999;
}
.final-order .form-wrap .form-line input:-ms-input-placeholder {
color: #999;
}
.final-order .form-wrap .form-line input:focus::-webkit-input-placeholder {
color: transparent;
}
.final-order .form-wrap .form-line input:focus:-moz-placeholder {
color: transparent;
}
.final-order .form-wrap .form-line input:focus::-moz-placeholder {
color: transparent;
}
.final-order .form-wrap .form-line input:focus:-ms-input-placeholder {
color: transparent;
}
.final-order .form-wrap .form-line:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
.final-order .delivery {
text-align: center;
margin-bottom: 20px;
}
}
.final-order .delivery label {
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
border: 1px solid #c7ced3;
background-color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
margin-right: 14px;
}
.final-order .delivery label:before {
width: 16px;
height: 16px;
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.final-order .delivery input[type=checkbox] {
display: none;
}
.final-order .delivery input[type=checkbox]:checked + label:before {
content: url("img/tick.png");
position: absolute;
top: 3px;
background: no-repeat;
width: 12px;
height: 9px;
}
.final-order .delivery span {
font-size: 13px;
color: #666;
display: inline-block;
vertical-align: middle;
}
@media only screen and (max-width: 514px) {
.final-order .delivery .ord {
margin-top: 20px;
}
}
.final-order .delivery .deliv-line {
display: inline-block;
margin-top: 30px;
margin-bottom: 5px;
}
.final-order .delivery .deliv-line:first-child {
margin-right: 58px;
}
@media only screen and (max-width: 1200px) {
.final-order .delivery .deliv-line:first-child {
margin-right: 24px;
}
}
@media only screen and (max-width: 522px) {
.final-order .delivery .deliv-line:first-child {
margin-right: 24px;
margin-left: 24px;
}
}
@media only screen and (max-width: 450px) {
.final-order .delivery .deliv-line:first-child {
margin: 0;
margin-top: 40px;
}
}
@media only screen and (max-width: 1200px) {
.final-order .del-method,
.final-order .pay-method {
text-align: left;
margin-top: 30px;
}
}
.final-order .del-method h3,
.final-order .pay-method h3 {
margin-top: 0;
}
.final-order .del-method label,
.final-order .pay-method label {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
border: 1px solid #c7ced3;
background-color: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
margin-right: 14px;
}
.final-order .del-method label:before,
.final-order .pay-method label:before {
width: 17px;
height: 17px;
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.final-order .del-method span,
.final-order .pay-method span {
font-size: 15px;
color: #444;
display: inline-block;
vertical-align: middle;
}
.final-order .del-method input[type=radio],
.final-order .pay-method input[type=radio] {
display: none;
}
.final-order .del-method input[type=radio]:checked + label:before,
.final-order .pay-method input[type=radio]:checked + label:before {
content: url("img/radio.png");
position: absolute;
top: 2px;
display: block;
background: no-repeat;
width: 6px;
height: 6px;
}
.final-order .del-method .hide-block,
.final-order .pay-method .hide-block {
padding: 10px 0;
}
.final-order .del-method .hide-block-wrap,
.final-order .pay-method .hide-block-wrap {
padding-left: 30px;
}
.final-order .del-method .hide-block-wrap p,
.final-order .pay-method .hide-block-wrap p {
font-size: 13px;
color: #666;
margin: 0;
display: inline-block;
vertical-align: middle;
}
.final-order .del-method .hide-block-wrap span,
.final-order .pay-method .hide-block-wrap span {
font-size: 13px;
color: #318bc2;
display: inline-block;
margin-left: 5px;
}
.final-order .del-method .hide-block-wrap input[name='office'],
.final-order .pay-method .hide-block-wrap input[name='office'] {
font-family: "RobotoItalic", sans-serif;
width: 20%;
padding: 5px;
font-size: 13px;
color: #999;
text-align: center;
border: 1px solid #c0cdd4;
}
.final-order .del-method .hide-block-wrap input[name='other'],
.final-order .pay-method .hide-block-wrap input[name='other'] {
font-family: "RobotoItalic", sans-serif;
font-size: 13px;
color: #999;
padding: 5px;
width: 95%;
border: 1px solid #c0cdd4;
}
.final-order .del-method .hide-block-wrap input[name='other']::-webkit-input-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']::-webkit-input-placeholder {
color: #999;
}
.final-order .del-method .hide-block-wrap input[name='other']:-moz-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']:-moz-placeholder {
color: #999;
}
.final-order .del-method .hide-block-wrap input[name='other']::-moz-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']::-moz-placeholder {
color: #999;
}
.final-order .del-method .hide-block-wrap input[name='other']:-ms-input-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']:-ms-input-placeholder {
color: #999;
}
.final-order .del-method .hide-block-wrap input[name='other']:focus::-webkit-input-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']:focus::-webkit-input-placeholder {
color: transparent;
}
.final-order .del-method .hide-block-wrap input[name='other']:focus:-moz-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']:focus:-moz-placeholder {
color: transparent;
}
.final-order .del-method .hide-block-wrap input[name='other']:focus::-moz-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']:focus::-moz-placeholder {
color: transparent;
}
.final-order .del-method .hide-block-wrap input[name='other']:focus:-ms-input-placeholder,
.final-order .pay-method .hide-block-wrap input[name='other']:focus:-ms-input-placeholder {
color: transparent;
}
.final-order .total-last .descr-wrap {
margin-top: 40px;
}
@media only screen and (max-width: 778px) {
.final-order .total-last .descr-wrap {
text-align: center;
}
}
@media only screen and (max-width: 738px) {
.final-order .total-last .descr-wrap {
padding: 0 50px;
}
}
@media only screen and (max-width: 430px) {
.final-order .total-last .descr-wrap {
padding: 0;
}
}
.final-order .total-last .descr-wrap .goods {
border-bottom: 1px dotted #999;
text-align: right;
margin-bottom: 10px;
}
.final-order .total-last .descr-wrap .goods:last-child {
margin-bottom: 0;
}
.final-order .total-last .descr-wrap .name,
.final-order .total-last .descr-wrap .price {
background-color: #e9edf0;
position: relative;
top: 5px;
}
.final-order .total-last .descr-wrap .name {
font-size: 15px;
float: left;
color: #666;
}
.final-order .total-last .descr-wrap .price {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
color: #444;
}
.final-order .total-last .total {
margin-top: 40px;
margin-left: 10px;
}
@media only screen and (max-width: 778px) {
.final-order .total-last .total {
text-align: center;
margin-top: 40px;
margin-left: 0;
}
}
.final-order .total-last .total p {
font-family: "RobotoBold", sans-serif;
font-size: 24px;
color: #444;
margin: 0;
margin-bottom: 23px;
line-height: 20px;
}
.final-order .total-last .total p span.ttl {
font-family: "CenturySchoolbook", sans-serif;
font-size: 30px;
color: #444;
}
.final-order .total-last .total p span {
font-size: 18px;
color: #444;
margin-left: 5px;
display: inline-block;
}
.final-order .total-last .total .ordr {
font-size: 15px;
display: block;
color: #fff;
background-color: #00aafd;
padding: 10px 19px;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
}
@media only screen and (max-width: 778px) {
.final-order .total-last .total .ordr {
margin: auto;
}
}
.final-order .total-last .total .ordr:hover {
background-color: #33CCFF;
}
.shipping .shipping-wrap {
margin: 0 15px;
}
.shipping h2 {
text-align: center;
}
@media only screen and (max-width: 480px) {
.shipping h2 {
font-size: 24px;
margin-bottom: 0;
}
}
.shipping .shipping-content {
padding: 20px 0;
}
.shipping .shipping-content h3 {
font-weight: 400;
color: #444;
text-align: left;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 778px) {
.shipping .shipping-content h3 {
text-align: center;
}
}
.shipping .shipping-content p {
font-size: 15px;
line-height: 25px;
color: #666;
}
@media only screen and (max-width: 480px) {
.shipping .shipping-content p {
font-size: 13px;
}
}
.safe .safe-wrap {
margin: 0 15px;
}
.safe h2 {
text-align: center;
}
@media only screen and (max-width: 480px) {
.safe h2 {
font-size: 24px;
margin-bottom: 0;
}
}
.safe .safe-content {
padding: 20px 0;
}
.safe .safe-content h3 {
font-weight: 400;
color: #444;
text-align: left;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 778px) {
.safe .safe-content h3 {
text-align: center;
}
}
.safe .safe-content p {
font-size: 15px;
line-height: 25px;
color: #666;
}
@media only screen and (max-width: 480px) {
.safe .safe-content p {
font-size: 13px;
}
}
.news-page {
padding: 40px 0 0 0;
background: url("img/bg.png") no-repeat left top;
}
.news-page .news-wrap-page {
margin: 0 15px;
}
.news-page .news-wrap-page h2 {
color: #444;
margin: 0;
margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
.news-page .news-wrap-page h2 {
text-align: center;
font-size: 25px;
}
}
.news-page .news-wrap--item {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #c0cdd4;
}
.news-page .news-wrap--item h5 {
font-size: 20px;
color: #444;
margin: 0;
margin-bottom: 15px;
font-weight: 400;
margin-top: -5px;
text-align: left;
}
@media only screen and (max-width: 600px) {
.news-page .news-wrap--item h5 {
text-align: center;
margin-bottom: 25px;
}
}
.news-page .news-wrap--item span {
font-size: 14px;
text-align: left;
color: #666;
display: block;
}
.news-page .news-wrap--item p {
font-size: 15px;
color: #666;
text-align: left;
}
@media only screen and (max-width: 480px) {
.news-page .news-wrap--item p {
font-size: 13px;
line-height: 20px;
}
}
.news-page .news-wrap--item a {
font-size: 14px;
color: #999;
text-decoration: underline;
text-align: left;
display: block;
}
.news-page .news-wrap--item a:hover {
text-decoration: none;
}
@media only screen and (max-width: 480px) {
.news-page .news-wrap--item a {
text-align: center;
}
}
.news-page .news-wrap--item .img-wrap {
border: 1px solid #c0cdd4;
padding: 15px;
margin-left: -15px;
}
@media only screen and (max-width: 992px) {
.news-page .news-wrap--item .img-wrap {
margin: auto;
margin-bottom: 20px;
}
}
.news-page .news-wrap--item .img-wrap img {
width: 100%;
}
@media only screen and (max-width: 992px) {
.news-page .news-wrap--item .img-wrap {
width: 75%;
}
}
@media only screen and (max-width: 320px) {
.news-page .news-wrap--item .img-wrap {
width: 100%;
}
}
.news-page .news-wrap--item:last-child {
border-bottom: none;
}
.one-news .one-n-wrap {
margin: 0 15px;
}
.one-news .one-n-wrap h2 {
color: #444;
margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
.one-news .one-n-wrap h2 {
text-align: center;
font-size: 25px;
}
}
.one-news .news-wrap--item {
padding-bottom: 25px;
margin-bottom: 25px;
}
.one-news .news-wrap--item h5 {
font-size: 20px;
color: #444;
margin: 0;
font-weight: 400;
margin-bottom: 15px;
margin-top: -5px;
text-align: left;
}
@media only screen and (max-width: 600px) {
.one-news .news-wrap--item h5 {
text-align: center;
}
}
.one-news .news-wrap--item span {
font-size: 14px;
margin-top: 30px;
text-align: left;
color: #666;
display: block;
}
.one-news .news-wrap--item p {
font-size: 15px;
color: #666;
text-align: left;
}
@media only screen and (max-width: 600px) {
.one-news .news-wrap--item p {
font-size: 13px;
}
}
.one-news .news-wrap--item .img-wrap {
display: inline-block;
border: 1px solid #c0cdd4;
padding: 15px;
float: left;
margin-right: 15px;
}
@media only screen and (max-width: 600px) {
.one-news .news-wrap--item .img-wrap {
float: none;
display: block;
width: 75%;
margin: auto;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 320px) {
.one-news .news-wrap--item .img-wrap {
width: 100%;
}
}
.one-news .news-wrap--item .img-wrap img {
width: 100%;
}
.reg-content-sec {
background-color: #e9edf0;
padding-top: 70px;
display: none;
}
.reg-content-two {
background-color: #e9edf0;
padding-top: 30px;
display: none;
}
.registration .reg-wrap,
.reg-content-sec .reg-wrap,.reg-content-two .reg-wrap {
margin: 0 15px;
}
.registration .reg-wrap h2,
.reg-content-sec .reg-wrap h2,.reg-content-two .reg-wrap h2 {
text-align: center;
}
.registration .center,
.reg-content-sec .center,.reg-content-two .center {
position: relative;
}
.registration .enter,
.reg-content-sec .enter,.reg-content-two .enter {
text-align: center;
margin-bottom: 40px;
}
.registration .enter input,
.reg-content-sec .enter input,.reg-content-two .enter input {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
color: #444;
padding: 7px 5px;
float: right;
width: 65%;
border: 1px solid #cbd3d8;
margin-top: 8px;
margin-bottom: 15px;
display: block;
margin-right: 20px;
}
.registration .enter input +placeholder,
.reg-content-sec .enter input +placeholder,.reg-content-two .enter input +placeholder {
color: #999;
}
.registration .enter input +placefocus,
.reg-content-sec .enter input +placefocus,.reg-content-two .enter input +placefocus {
color: transparent;
}
@media only screen and (max-width: 778px) {
.registration .enter input,
.reg-content-sec .enter input,.reg-content-two .enter input {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.registration .enter input,
.reg-content-sec .enter input,.reg-content-two .enter input {
width: 90%;
display: block;
float: none;
margin: auto;
}
}
.registration .enter input.error,
.reg-content-sec .enter input.error,.reg-content-two .enter input.error {
border: 1px solid #d8512d;
}
.registration .enter label.error,
.reg-content-sec .enter label.error,.reg-content-two .enter label.error {
color: #d8512d;
font-size: 12px;
position: absolute;
right: 30px;
bottom: -25px;
}
@media only screen and (max-width: 600px) {
.registration .enter label.error,
.reg-content-sec .enter label.error,.reg-content-two .enter label.error {
bottom: -35px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
}
.registration .enter label,
.reg-content-sec .enter label,.reg-content-two .enter label {
text-align: left;
font-size: 15px;
color: #666;
display: inline-block;
float: left;
line-height: 55px;
margin-left: 20px;
}
@media only screen and (max-width: 600px) {
.registration .enter label,
.reg-content-sec .enter label,.reg-content-two .enter label {
text-align: center;
float: none;
margin-left: 0;
}
}
.registration .enter input[type='submit'],
.reg-content-sec .enter input[type='submit'],.reg-content-two .enter input[type='submit'] {
width: 20%;
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #fff;
background-color: #00aafd;
border: none;
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
}
.registration .enter input[type='submit']:before,
.reg-content-sec .enter input[type='submit']:before,
.reg-content-two .enter input[type='submit']:before,
.registration .enter input[type='submit']:after,
.reg-content-two .enter input[type='submit']:after,
.reg-content-sec .enter input[type='submit']:after {
content: '';
display: table;
}
.registration .enter input[type='submit']:after,
.reg-content-sec .enter input[type='submit']:after,.reg-content-two .enter input[type='submit']:after {
clear: both;
}
.registration .enter input[type='submit']:last-child,
.reg-content-sec .enter input[type='submit']:last-child,.reg-content-two .enter input[type='submit']:last-child {
margin-right: 0%;
}
.registration .enter input[type='submit']:hover,
.reg-content-sec .enter input[type='submit']:hover,.reg-content-two .enter input[type='submit']:hover {
background-color: #33CCFF;
}
@media only screen and (max-width: 480px) {
.registration .enter input[type='submit'],
.reg-content-sec .enter input[type='submit'],.reg-content-two .enter input[type='submit'] {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right: 3%;
width: 60%;
float: none;
margin: 20px auto;
}
.registration .enter input[type='submit']:before,
.reg-content-sec .enter input[type='submit']:before,
.reg-content-two .enter input[type='submit']:before,
.registration .enter input[type='submit']:after,
.reg-content-two .enter input[type='submit']:after,
.reg-content-sec .enter input[type='submit']:after {
content: '';
display: table;
}
.registration .enter input[type='submit']:after,
.reg-content-sec .enter input[type='submit']:after,.reg-content-two .enter input[type='submit']:after {
clear: both;
}
.registration .enter input[type='submit']:last-child,
.reg-content-sec .enter input[type='submit']:last-child,.reg-content-two .enter input[type='submit']:last-child {
margin-right: 0%;
}
}
@media only screen and (max-width: 320px) {
.registration .enter input[type='submit'],
.reg-content-sec .enter input[type='submit'],.reg-content-two .enter input[type='submit'] {
width: 70%;
}
}
.registration .forget,
.reg-content-sec .forget,.reg-content-two .forget {
margin-top: 20px;
*zoom: 1;
}
.registration .forget .in-wrap,
.reg-content-sec .forget .in-wrap,.reg-content-two .forget .in-wrap {
display: inline-block;
text-align: center;
*zoom: 1;
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
}
.registration .forget .in-wrap:before,
.reg-content-sec .forget .in-wrap:before,
.reg-content-two .forget .in-wrap:before,
.registration .forget .in-wrap:after,
.reg-content-sec .forget .in-wrap:after,.reg-content-two .forget .in-wrap:after {
content: '';
display: table;
}
.registration .forget .in-wrap:after,
.reg-content-sec .forget .in-wrap:after,.reg-content-two .forget .in-wrap:after {
clear: both;
}
.registration .forget .in-wrap:before,
.reg-content-sec .forget .in-wrap:before,
.reg-content-two .forget .in-wrap:before,
.registration .forget .in-wrap:after,
.reg-content-sec .forget .in-wrap:after,.reg-content-two .forget .in-wrap:after {
content: '';
display: table;
}
.registration .forget .in-wrap:after,
.reg-content-sec .forget .in-wrap:after,.reg-content-two .forget .in-wrap:after {
clear: both;
}
.registration .forget .in-wrap:last-child,
.reg-content-sec .forget .in-wrap:last-child,.reg-content-two .forget .in-wrap:last-child {
margin-right: 0%;
}
@media only screen and (max-width: 600px) {
.registration .forget .in-wrap,
.reg-content-sec .forget .in-wrap,.reg-content-two .forget .in-wrap {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right: 3%;
}
.registration .forget .in-wrap:before,
.reg-content-sec .forget .in-wrap:before,
.reg-content-two .forget .in-wrap:before,
.registration .forget .in-wrap:after,
.reg-content-sec .forget .in-wrap:after,.reg-content-two .forget .in-wrap:after {
content: '';
display: table;
}
.registration .forget .in-wrap:after,
.reg-content-sec .forget .in-wrap:after,.reg-content-two .forget .in-wrap:after {
clear: both;
}
.registration .forget .in-wrap:last-child,
.reg-content-sec .forget .in-wrap:last-child,.reg-content-two .forget .in-wrap:last-child {
margin-right: 0%;
}
}
.registration .forget .in-wrap .wrapper,
.reg-content-sec .forget .in-wrap .wrapper,.reg-content-two .forget .in-wrap .wrapper {
width: 50%;
margin: auto;
}
.registration .forget .in-wrap input,
.reg-content-sec .forget .in-wrap input,.reg-content-two .forget .in-wrap input {
width: 100%;
}
@media only screen and (max-width: 600px) {
.registration .forget,
.reg-content-sec .forget,.reg-content-two .forget {
margin-top: 40px;
}
}
.registration .forget:before,
.reg-content-sec .forget:before,
.reg-content-two .forget:before,
.registration .forget:after,
.reg-content-sec .forget:after,.reg-content-two .forget:after {
content: '';
display: table;
}
.registration .forget:after,
.reg-content-sec .forget:after,.reg-content-two .forget:after {
clear: both;
}
.registration .forget a,
.reg-content-sec .forget a,.reg-content-two .forget a {
text-decoration: underline;
font-size: 15px;
line-height: 50px;
}
@media only screen and (max-width: 600px) {
.registration .forget a,
.reg-content-sec .forget a,.reg-content-two .forget a {
line-height: 30px;
}
}
.registration .forget a:hover,
.reg-content-sec .forget a:hover,.reg-content-two .forget a:hover {
text-decoration: none;
color: #444;
}
.registration .forget a.registr,
.reg-content-sec .forget a.registr,.reg-content-two .forget a.registr {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
}
.registration .forget a.registr:before,
.reg-content-sec .forget a.registr:before,
.reg-content-two .forget a.registr:before,
.registration .forget a.registr:after,
.reg-content-sec .forget a.registr:after,.reg-content-two .forget a.registr:after {
content: '';
display: table;
}
.registration .forget a.registr:after,
.reg-content-sec .forget a.registr:after,.reg-content-two .forget a.registr:after {
clear: both;
}
.registration .forget a.registr:last-child,
.reg-content-sec .forget a.registr:last-child,.reg-content-two .forget a.registr:last-child {
margin-right: 0%;
}
@media only screen and (max-width: 600px) {
.registration .forget a.registr,
.reg-content-sec .forget a.registr,.reg-content-two .forget a.registr {
margin-bottom: 10px;
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right: 3%;
}
.registration .forget a.registr:before,
.reg-content-sec .forget a.registr:before,
.reg-content-two .forget a.registr:before,
.registration .forget a.registr:after,
.reg-content-sec .forget a.registr:after,.reg-content-two .forget a.registr:after {
content: '';
display: table;
}
.registration .forget a.registr:after,
.reg-content-sec .forget a.registr:after,.reg-content-two .forget a.registr:after {
clear: both;
}
.registration .forget a.registr:last-child,
.reg-content-sec .forget a.registr:last-child,.reg-content-two .forget a.registr:last-child {
margin-right: 0%;
}
}
.registration .forget a.forgot,
.reg-content-sec .forget a.forgot,.reg-content-two .forget a.forgot {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
}
.registration .forget a.forgot:before,
.reg-content-sec .forget a.forgot:before,
.reg-content-two .forget a.forgot:before,
.registration .forget a.forgot:after,
.reg-content-sec .forget a.forgot:after,.reg-content-two .forget a.forgot:after {
content: '';
display: table;
}
.registration .forget a.forgot:after,
.reg-content-sec .forget a.forgot:after,.reg-content-two .forget a.forgot:after {
clear: both;
}
.registration .forget a.forgot:last-child,
.reg-content-sec .forget a.forgot:last-child,.reg-content-two .forget a.forgot:last-child {
margin-right: 0%;
}
@media only screen and (max-width: 600px) {
.registration .forget a.forgot,
.reg-content-sec .forget a.forgot,.reg-content-two .forget a.forgot {
margin-top: 10px;
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right: 3%;
}
.registration .forget a.forgot:before,
.reg-content-sec .forget a.forgot:before,
.reg-content-two .forget a.forgot:before,
.registration .forget a.forgot:after,
.reg-content-sec .forget a.forgot:after,.reg-content-two .forget a.forgot:after {
content: '';
display: table;
}
.registration .forget a.forgot:after,
.reg-content-sec .forget a.forgot:after,.reg-content-two .forget a.forgot:after {
clear: both;
}
.registration .forget a.forgot:last-child,
.reg-content-sec .forget a.forgot:last-child,.reg-content-two .forget a.forgot:last-child {
margin-right: 0%;
}
}
.registration .center,
.reg-content-sec .center,.reg-content-two .center {
*zoom: 1;
}
.registration .center:before,
.reg-content-sec .center:before,
.reg-content-two .center:before,
.registration .center:after,
.reg-content-sec .center:after,.reg-content-two .center:after {
content: '';
display: table;
}
.registration .center:after,
.reg-content-sec .center:after,.reg-content-two .center:after {
clear: both;
}
.registration .reg,
.reg-content-sec .reg,.reg-content-two .reg2 {
margin-bottom: 30px;
text-align: center;
}
.registration .reg input,
.reg-content-sec .reg input,
.reg-content-two .reg2 input,
.registration .reg select,
.reg-content-sec .reg select,.reg-content-two .reg2 select {
font-size: 15px;
color: #444;
padding: 7px 5px;
width: 65%;
border: 1px solid #cbd3d8;
margin-top: 8px;
margin-bottom: 15px;
float: right;
font-family: "RobotoItalic", sans-serif;
margin-right: 20px;
}
.registration .reg input +placeholder,
.reg-content-sec .reg input +placeholder,
.reg-content-two .reg2 input +placeholder,
.registration .reg select +placeholder,
.reg-content-sec .reg select +placeholder,
.reg-content-two .reg2 select +placeholder {
color: #999;
}
.registration .reg input +placefocus,
.reg-content-sec .reg input +placefocus,
.reg-content-two .reg2 input +placefocus,
.registration .reg select +placefocus,
.reg-content-sec .reg select +placefocus,
.reg-content-two .reg2 select +placefocus {
color: transparent;
}
@media only screen and (max-width: 778px) {
.registration .reg input,
.reg-content-sec .reg input,
.reg-content-two .reg2 input,
.registration .reg select,
.reg-content-sec .reg select,
.reg-content-two .reg2 select {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.registration .reg input,
.reg-content-sec .reg input,
.reg-content-two .reg2 input,
.registration .reg select,
.reg-content-sec .reg select,
.reg-content-two .reg2 select {
width: 90%;
display: block;
float: none;
margin: auto;
}
}
.registration .reg input.error,
.reg-content-sec .reg input.error,
.reg-content-two .reg2 input.error {
border: 1px solid #d8512d;
}
.registration .reg label.error,
.reg-content-sec .reg label.error,
.reg-content-two .reg2 label.error {
color: #d8512d;
font-size: 12px;
position: absolute;
right: 30px;
bottom: -25px;
}
@media only screen and (max-width: 600px) {
.registration .reg label.error,
.reg-content-sec .reg label.error,
.reg-content-two .reg2 label.error {
bottom: -35px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
}
.registration .reg label,
.reg-content-sec .reg label,
.reg-content-two .reg2 label {
text-align: left;
font-size: 15px;
color: #666;
display: inline-block;
float: left;
line-height: 55px;
margin-left: 20px;
}
@media only screen and (max-width: 600px) {
.registration .reg label,
.reg-content-sec .reg label,
.reg-content-two .reg2 label {
text-align: center;
float: none;
margin-left: 0;
}
}
.registration .reg .center,
.reg-content-sec .reg .center,
.reg-content-two .reg2 .center {
*zoom: 1;
}
.registration .reg .center:before,
.reg-content-sec .reg .center:before,
.reg-content-two .reg2 .center:before,
.registration .reg .center:after,
.reg-content-sec .reg .center:after,
.reg-content-two .reg2 .center:after {
content: '';
display: table;
}
.registration .reg .center:after,
.reg-content-sec .reg .center:after,
.reg-content-two .reg2 .center:after {
clear: both;
}
.registration .reg select,
.reg-content-sec .reg select,
.reg-content-two .reg2 select {
background: url("img/select-arrow.png") no-repeat center right 10px;
padding-right: 30px;
background-color: #fff;
}
.registration .reg input.subm,
.reg-content-sec .reg input.subm,
.reg-content-two .reg2 input.subm {
font-size: 15px;
background-color: #00aafd;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
color: #fff;
width: auto;
padding: 11px 19px 11px 18px;
}
.registration .reg input.subm:hover,
.reg-content-sec .reg input.subm:hover,
.reg-content-two .reg2 input.subm:hover {
background-color: #33CCFF;
}
.registration .reg input.new-pass,
.reg-content-sec .reg input.new-pass,
.reg-content-two .reg2 input.new-pass {
background-color: #ffffe5;
}
.registration .reg a.change-pass,
.reg-content-sec .reg a.change-pass,
.reg-content-two .reg2 a.change-pass {
font-size: 13px;
color: #666;
background-color: #eff3f5;
padding: 11px 19px;
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #c0cdd4;
margin: 27px 0;
text-decoration: none;
}
.registration .reg a.change-pass:hover,
.reg-content-sec .reg a.change-pass:hover,
.reg-content-two .reg2 a.change-pass:hover {
background-color: #33CCFF;
}
.registration .reg input[type=submit],
.reg-content-sec .reg input[type=submit],
.reg-content-two .reg2 input[type=submit] {
background-color: #00aafd;
font-size: 16px;
color: #fff;
display: inline-block;
width: inherit;
padding: 7px 15px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
float: none;
text-align: center;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
}
.registration .agree-section,
.reg-content-sec .agree-section,
.reg-content-sec .news-section,
.reg-content-two .agree-section {
width: 45%;
margin: auto;
padding: 10px;
}
@media only screen and (max-width: 1200px) {
.registration .agree-section,
.reg-content-sec .agree-section,
.reg-content-sec .news-section,
.reg-content-two .agree-section {
width: 55%;
}
}
@media only screen and (max-width: 992px) {
.registration .agree-section,
.reg-content-sec .agree-section,
.reg-content-sec .news-section,
.reg-content-two .agree-section {
width: 70%;
}
}
@media only screen and (max-width: 700px) {
.registration .agree-section,
.reg-content-sec .agree-section,
.reg-content-sec .news-section,
.reg-content-two .agree-section {
width: 85%;
}
}
@media only screen and (max-width: 600px) {
.registration .agree-section,
.reg-content-sec .agree-section,
.reg-content-sec .news-section,
.reg-content-two .agree-section {
width: 100%;
}
.registration .agree-section span,
.reg-content-sec .agree-section span,
.reg-content-sec .news-section span,
.reg-content-two .agree-section span {
padding-left: 30px;
}
}
@media only screen and (max-width: 480px) {
.registration .agree-section span,
.reg-content-sec .agree-section span,
.reg-content-sec .news-section span,
.reg-content-two .agree-section span {
margin-top: 7px;
padding-left: 0;
}
}
.registration .agree-section label,
.reg-content-sec .agree-section label,
.reg-content-sec .news-section label,
.reg-content-two .agree-section label {
display: inline-block;
width: 17px;
height: 17px;
border: 1px solid #c7ced3;
background-color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
top: 3px;
text-align: center;
}
.registration .agree-section label:before,
.reg-content-sec .agree-section label:before,
.reg-content-sec .news-section label:before,
.reg-content-two .agree-section label:before {
width: 16px;
height: 16px;
content: '';
position: absolute;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.registration .agree-section input[type=checkbox],
.reg-content-sec .agree-section input[type=checkbox],
.reg-content-sec .news-section input[type=checkbox],
.reg-content-two .agree-section input[type=checkbox] {
display: none;
}
.registration .agree-section input[type=checkbox]:checked + label:before,
.reg-content-sec .agree-section input[type=checkbox]:checked + label:before,
.reg-content-sec .news-section input[type=checkbox]:checked + label:before,
.reg-content-two .agree-section input[type=checkbox]:checked + label:before {
content: url("img/tick.png");
position: absolute;
top: 4px;
display: block;
background: no-repeat;
width: 12px;
height: 9px;
}
.registration .agree-section span,
.reg-content-sec .agree-section span,
.reg-content-sec .news-section span,
.reg-content-two .agree-section span {
font-size: 15px;
display: inline-block;
vertical-align: middle;
color: #666;
}
.rec-wrapper {
background-color: #e9edf0;
padding-top: 20px;
}
.rec-wrapper .rec-wr {
margin: 0 15px;
*zoom: 1;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rec-wrapper .rec-wr:before,
.rec-wrapper .rec-wr:after {
content: '';
display: table;
}
.rec-wrapper .rec-wr:after {
clear: both;
}
@media only screen and (max-width: 480px) {
.rec-wrapper .rec-wr {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.rec-wrapper .recommend-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12%;
float: left;
text-align: center;
margin-right: 15px;
min-width: 133px;
margin-bottom: 20px;
}
@media only screen and (max-width: 364px) {
.rec-wrapper .recommend-item {
width: 60%;
}
}
@media only screen and (max-width: 320px) {
.rec-wrapper .recommend-item {
width: 70%;
}
}
.rec-wrapper .recommend-item .item-wrap {
display: block;
border: 1px solid #c0cdd4;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 15px;
position: relative;
z-index: 3;
background-color: #fff;
width: 100%;
overflow: hidden;
margin: 0;
}
.rec-wrapper .recommend-item .item-wrap:hover .title-wrap h4 {
color: #fe251a;
}
.rec-wrapper .recommend-item .item-wrap a.img-wrap {
background-color: #fff;
position: relative;
display: block;
text-decoration: none;
min-height: 100px;
}
.rec-wrapper .recommend-item .item-wrap a.img-wrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.07);
z-index: 3;
}
.rec-wrapper .recommend-item .item-wrap a.img-wrap img {
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rec-wrapper .recommend-item .item-wrap a.title-wrap {
display: block;
color: #444;
text-decoration: none;
border: none;
padding: 0;
text-align: center;
width: 100%;
margin: 0;
margin-top: 5px;
}
.rec-wrapper .recommend-item .item-wrap a.title-wrap span.title {
font-size: 13px;
line-height: 1.4;
color: #444;
margin: 5px 0 10px 0;
height: 54.599999999999994px;
display: block;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.order h2 {
text-align: center;
}
@media only screen and (max-width: 480px) {
.order h2 {
font-size: 25px;
}
}
.order-wrap {
margin: 0 15px;
}
.order-wrap p {
color: #666;
}
.sum-order {
background-color: #cdd6dd;
}
.sum-order h3 {
color: #fff;
text-align: center;
font-size: 30px;
font-weight: 400;
padding: 0 5px;
}
@media only screen and (max-width: 350px) {
.sum-order h3 {
font-size: 25px;
}
}
.sum-order .sum-descr {
padding: 20px 0;
}
.sum-descr-wr {
padding-bottom: 30px;
margin: 0 15px;
}
.sum-descr-wr p {
font-size: 15px;
line-height: 25px;
color: #666;
}
@media only screen and (max-width: 320px) {
.sum-descr-wr p {
font-size: 13px;
}
}
.sum-descr-wr a {
display: inline-block;
padding: 10px 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #e9edf0;
color: #444;
margin: 0 15px;
text-decoration: none;
margin-bottom: 20px;
}
.sum-descr-wr a:hover {
background-color: #00aafd;
color: #fff;
}
.sum-descr-wr a.back {
margin-left: 0;
}
@media only screen and (max-width: 480px) {
.sum-descr-wr a.back {
display: block;
margin: auto;
float: none;
width: 50%;
text-align: center;
margin-bottom: 10px;
margin-top: 20px;
}
}
@media only screen and (max-width: 440px) {
.sum-descr-wr a.back {
width: 60%;
}
}
@media only screen and (max-width: 375px) {
.sum-descr-wr a.back {
width: 80%;
}
}
@media only screen and (max-width: 778px) {
.sum-descr-wr a.rev {
float: right;
}
}
@media only screen and (max-width: 480px) {
.sum-descr-wr a.rev {
display: block;
margin: auto;
float: none;
width: 50%;
text-align: center;
margin-top: 20px;
}
}
@media only screen and (max-width: 440px) {
.sum-descr-wr a.rev {
width: 60%;
}
}
@media only screen and (max-width: 375px) {
.sum-descr-wr a.rev {
width: 80%;
}
}
.item-added-to {
padding: 10px 20px;
background-color: #f3f3f3;
border: 1px solid #c0cdd4;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: 515px;
height: 55px;
display: none;
z-index:99;
}
.item-added-to h2 {
margin: 0;
}
@media(max-width: 480px) {
.item-added-to {
width: 400px;
height: 37px;
text-align: center;
}
.item-added-to h2 {
font-size: 16px;
}
}
@media(max-width: 320px) {
.item-added-to {
width: 300px;
height: 35px;
}
.item-added-to h2 {
font-size: 14px;
}
}
.footer {
padding: 40px 0 0 0;
background-color: #243f50;
position: relative;
}
.evgen_do_footer {
height: 306px;
}
.footer:after {
content: '';
position: absolute;
display: block;
width: 244px;
height: 175px;
background: url("img/bg.png") no-repeat left top;
top: 0;
left: 5%;
opacity: 0.7;
}
.footer:before {
content: '';
position: absolute;
display: block;
background: url("img/bg-2.png") no-repeat right top;
width: 294px;
height: 228px;
right: 5%;
bottom: 0;
opacity: 0.7;
}
.footer .footer--links {
position: relative;
z-index: 2;
}
@media only screen and (max-width: 778px) {
.footer .footer--links {
text-align: center;
}
}
.footer .footer--links h2 {
font-family: "RobotoBold", sans-serif;
font-size: 14px;
color: #fff;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
margin-top: 5px;
}
@media only screen and (max-width: 778px) {
.footer .footer--links h2 {
font-size: 20px;
margin-top: 40px;
padding-bottom: 10px;
}
}
.footer .footer--links a {
font-size: 13px;
color: #d0deec;
line-height: 24px;
text-decoration: none;
}
.footer .footer--links a:hover {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.footer .footer--links a {
font-size: 16px;
}
}
.footer .footer--links a.active {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.footer .feedback .center {
text-align: center;
}
}
.footer .feedback h3 {
font-size: 18px;
margin-top: 0;
color: #fff;
}
@media only screen and (max-width: 1200px) {
.footer .feedback h3 {
margin-top: 40px;
text-align: center;
margin-bottom: 40px;
}
}
.footer .feedback .foot .center {
position: relative;
}
.footer .feedback .foot input.email.error {
border-bottom: 1px solid #d8512d;
}
.footer .feedback .foot label.error {
position: absolute;
bottom: -25px;
color: #d8512d;
font-size: 12px;
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (max-width: 1200px) {
.footer .feedback .foot label.error {
bottom: 65px;
}
}
.footer .feedback .foot input.email {
font-family: "RobotoItalic", sans-serif;
font-size: 15px;
color: #8d9fb1;
width: 69%;
display: inline-block;
background: none;
border: none;
border-bottom: 1px solid #4d6176;
padding-bottom: 10px;
}
.footer .feedback .foot input.email::-webkit-input-placeholder {
color: #8d9fb1;
}
.footer .feedback .foot input.email:-moz-placeholder {
color: #8d9fb1;
}
.footer .feedback .foot input.email::-moz-placeholder {
color: #8d9fb1;
}
.footer .feedback .foot input.email:-ms-input-placeholder {
color: #8d9fb1;
}
.footer .feedback .foot input.email:focus::-webkit-input-placeholder {
color: transparent;
}
.footer .feedback .foot input.email:focus:-moz-placeholder {
color: transparent;
}
.footer .feedback .foot input.email:focus::-moz-placeholder {
color: transparent;
}
.footer .feedback .foot input.email:focus:-ms-input-placeholder {
color: transparent;
}
@media only screen and (max-width: 1200px) {
.footer .feedback .foot input.email {
width: 80%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 778px) {
.footer .feedback .foot input.email {
width: 80%;
margin: 20px auto;
}
}
.footer .feedback .foot input[type='submit'] {
display: none;
}
.footer .feedback .foot a {
font-size: 15px;
width: 28%;
text-decoration: none;
display: inline-block;
background-color: #00aafd;
border: none;
text-align: center;
padding: 12px 14px 10px 17px;
margin-left: 10px;
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.footer .feedback .foot a:hover {
background-color: #33CCFF;
}
@media only screen and (max-width: 1200px) {
.footer .feedback .foot a {
width: 30%;
margin: auto;
display: block;
margin-top: 30px;
}
}
@media only screen and (max-width: 490px) {
.footer .feedback .foot a {
width: 50%;
}
}
.footer .feedback .phone-wrap {
padding-bottom: 40px;
}
.footer .feedback .phone-wrap p {
font-family: "CenturySchoolbook", sans-serif;
font-size: 16px;
display: inline-block;
color: #fff;
margin-top: 40px;
padding-left: 30px;
margin-right: 50px;
position: relative;
}
.footer .feedback .phone-wrap p:after {
content: '';
position: absolute;
display: block;
width: 25px;
height: 27px;
background: url("img/footer-icons.png") no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.footer .feedback .phone-wrap p:first-child {
margin-left: 0;
}
.footer .feedback .phone-wrap p:nth-child(2):after {
background-position: -38px 0;
height: 26px;
}
.footer .feedback .phone-wrap p:last-child {
margin-right: 0;
}
.footer .feedback .phone-wrap p:last-child:after {
background-position: -75px 0;
}
@media only screen and (max-width: 1200px) {
.footer .feedback .phone-wrap p {
text-align: center;
display: block;
margin: 0;
margin-top: 40px;
padding: 0;
}
.footer .feedback .phone-wrap p:after {
left: 30%;
}
}
@media only screen and (max-width: 488px) {
.footer .feedback .phone-wrap p:after {
left: 25%;
}
}
@media only screen and (max-width: 414px) {
.footer .feedback .phone-wrap p:after {
left: 18%;
}
}
.footer--bottom {
background-color: #2a4659;
padding: 19px 0;
position: relative;
}
@media only screen and (max-width: 778px) {
.footer--bottom .center {
text-align: center;
margin-bottom: 20px;
}
}
.footer--bottom p {
font-size: 13px;
color: #607182;
}
.footer--bottom .footer--icons {
text-align: right;
}
@media only screen and (max-width: 778px) {
.footer--bottom .footer--icons {
text-align: center;
}
.footer--bottom .footer--icons a:first-child {
margin-left: 0;
}
}
.footer--bottom .footer--icons a {
width: 42px;
height: 42px;
display: inline-block;
background: url("img/icon-socials.png") no-repeat;
margin-left: 20px;
transition: none;
}
.footer--bottom .footer--icons a:hover {
background-position: -108px 0;
}
.footer--bottom .footer--icons a:nth-child(2) {
background-position: -53px 0;
}
.footer--bottom .footer--icons a:nth-child(2):hover {
background-position: -160px 0;
}
.modal {
width: 480px;
max-width: 90%;
height: 224px;
max-height: 95%;
background-color: #e9edf0;
padding: 20px;
position: fixed;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
opacity: 0;
z-index: 1001;
-webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.28);
box-shadow: 0 6px 16px rgba(0,0,0,0.28);
text-align: center;
}
.modal-overlay {
display: none;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
cursor: pointer;
background: rgba(0,0,0,0.3);
}
.modal span.span-close {
position: absolute;
top: 18px;
right: 10px;
width: 25px;
height: 25px;
font-weight: "RobotoBold", sans-serif;
background: none;
text-align: center;
cursor: pointer;
color: #444;
}
.modal button.btn-close {
padding: 8px 60px;
background-color: transparent;
display: inline-block;
margin: auto;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 15px;
background-color: #00aafd;
text-transform: uppercase;
color: #fff;
}
.modal button.btn-close:hover {
background-color: #c0cdd4;
}
.modal h4 {
font-size: 18px;
color: #444;
margin: 30px 0;
}
.modal p {
font-size: 14px;
color: #666;
margin-bottom: 30px;
}
.map p {
margin: 0;
}
#tabs-contacts .ui-state-active a.ui-tabs-anchor {
background-color: #00aafd;
}
.catalog .catalog-items .item-wrap.grids .descr-wrap {
text-align: center;
padding-top: 0;
}
.catalog .catalog-items .item-wrap.grids .descr-wrap .price-old {
margin-right: 0;
float: none;
}
.catalog .catalog-items .item-wrap.grids .descr-wrap .price-new {
margin-left: 0;
float: none;
}
.product-card, .main-slider {
opacity: 0;
}
.catalog .catalog-items .item-wrap.lists a.sh {
border: none;
}
.ocfilter .button-float {
left: 0;
}
.category-desc ul li{
text-align: left;
margin-left: 10px;
}
/*.services-wrap {*/
/*background-color: #d24a45;*/
/*padding: 40px 0;*/
/*text-align: center;*/
/*background: url(img/services-bg.jpg) no-repeat 0 811px;*/
/*background-size: cover;*/
/*opacity: 0.98;*/
/*color: #fff;*/
/*}*/
.categ-wrap::after {
content: '';
display: table;
clear: both;
}