html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Open Sans', Tahoma, sans-serif;
}
body {
font-size: 12px;
color: #838282;
background: #FFF;
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;
}
.clear {
width: 100%;
clear: both;
}
h1, h2, h3, h4, h5, h6 {
color: #606263;
font-weight: normal;
margin: 2;
padding: 2;
font-size: large;
}
a {
color: #838282;
text-decoration: underline;
}
a:hover {
color: #838282;
text-decoration: none;
}
hr {
border: none; /* Убираем границу для браузера Firefox */
color: #E5E5E5; /* Цвет линии для остальных браузеров */
background-color: #E5E5E5; /* Цвет линии для браузера Firefox и Opera */
height: 1px; /* Толщина линии */
width: 100%;
margin-bottom: 20px;
}
input[type="submit"] {
-webkit-appearance: none;
}
.personal_order {
position: relative;
float: right;
border: none;
text-align: center;
font-size: 16px;
border: 1px solid #DBDBDB;
background: #CC7CF5;
color: #ffffff;
text-decoration: none;
font-size: 16px;
margin-right: 0;
width: 175px;
text-align: center;
border-radius: 8px;
}
div.left-menu-2 {
float: left;
margin-left: -200px;
padding-top: 100px;
}
.toggle_slide{
font-size: 14px;
}
.text_box {
margin-bottom: 30px; font-size: 14px;color:#000000}
div.grey_toggle_slider table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #dddddd;
border-collapse: collapse;
}
div.grey_toggle_slider table th {
font-weight: bold;
padding: 5px;
background: #efefef;
border: 1px solid #dddddd;
}
div.grey_toggle_slider table td {
border: 1px solid #dddddd;
padding: 5px;
}
div.header {
height: 140px;
margin: 0 auto;
width: 940px;
}
div.header .logo {
height: 83px;
width: 163px;
float: left;
margin-top: 28px;
}
div.header .hright {
/* width: 705px; */
width: 751px;
float: right;
}
div.header .order, div.header .auth, div.header .buy, div.header .mail, div.header .time, div.header .phone, div.header .city {
float: left;
height: 36px;
display: block;
margin: 50px 13px;
/* margin: 50px 8px; */
}
div.header .order, div.header .auth, div.header .buy, div.header .mail, div.header .time {
border: 1px solid #DBDBDB;
border-radius: 18px;
height: 34px;
line-height: 34px;
}
div.header span.ico {
display: block;
height: 34px;
width: 34px;
float: left;
background: url(images/header-ico-min.png) no-repeat 0 9px;
}
div.header .order {
background: #2294FF;
color: white;
text-decoration: none;
font-size: 16px;
margin-right: 0;
width: 175px;
text-align: center;
border-radius: 8px;
}
div.header .order:hover {
color: lightgray;
}
div.header .order:hover .ico {
animation: rotateArrows .8s linear;
animation-fill-mode: forwards;
}
@keyframes rotateArrows {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
div.header .order .ico {
background-position: -215px -80px;
}
div.header .time .ico {
background-position: 9px 9px;
}
div.header .time .ico:hover {
background-position: 9px -34px;
}
div.header .mail .ico {
background-position: -43px 9px;
}
div.header .mail .ico:hover {
background-position: -43px -34px;
}
div.header .buy .ico {
background-position: -98px 9px;
}
div.header .buy .ico:hover {
background-position: -98px -34px;
}
div.header .auth .ico {
background-position: -146px 9px;
}
div.header .auth .ico:hover {
background-position: -146px -34px;
}
div.header .info {
color: #98999A;
font-size: 11px;
}
div.header .phone-num {
color: #555454;
font-size: 17px;
}
div.header .phone-num a {
text-decoration: none;
}
div.header .city-select {
color: #2194FF;
font-size: 17px;
text-decoration: none;
display: block;
}
div.header-menu {
background: #F1F3F6;
height: 32px;
line-height: 32px;
box-shadow: 0 0 7px #F1F3F6;
}
div.header-menu .box {
width: 940px;
margin: 0 auto;
}
div.header-menu ul {
margin: 0 auto;
/*width: 1006px;*/
width: 850px;
float: right;
list-style: none;
height: 32px;
padding: 0;
}
div.header-menu ul li {
margin: 0;
float: left;
height: 32px;
line-height: 32px;
padding: 0px 15px;
}
div.header-menu ul li.act, div.header-menu ul li:hover {
background: #FFF;
margin-top: 1px;
}
div.header-menu ul li.express {
float: right;
color: #DB2301;
width: 148px;
text-align: center;
background: #FFCA4A;
border-radius: 8px;
display: none;
}
div.header-menu ul li.express {
margin-top: 0;
}
div.header-menu ul li.express a {
border-bottom: 1px dotted;
color: red;
}
div.header-menu ul li.express a:hover {
color: #2194FF;
border-color: #2194FF;
}
div.header-menu ul li a {
font-size: 13px;
color: #555454;
text-decoration: none;
text-transform: uppercase;
}
div.header-menu ul li a:hover {
}
ul.subcat {
position: absolute;
background: #FFF;
padding: 20px;
width: 340px;
height: auto;
list-style: none;
margin-left: -10px;
margin-top: -1px;
display: none;
}
ul.subcat li {
padding: 0;
margin: 0;
float: left;
height: 32px;
width: 170px;
}
ul.subcat li a {
text-transform: uppercase;
}
ul.subcat li a:hover {
text-transform: uppercase;
}
/* ===Начало стилей для баннера(слайдера)=== */
div.banner {
height: 405px;
width: 100%;
position: relative;
overflow: hidden;
}
div.banner .box {
position: relative;
height: 405px;
}
div.banner .box-mobile{
position: relative;
height: 405px;
display: none;
}
div.banner-carousel {
float: right;
}
div.banner-carousel .title {
color: #717071;
font-size: 22px;
line-height: 28px;
}
div.banner-carousel .ico-1 {
padding-left: 60px;
background: url(images/ico-1-min.png) no-repeat 0 50%;
}
div.banner-carousel .info {
font-size: 13px;
line-height: 18px;
color: #757576;
margin: 30px 0;
height: 80px;
}
div.banner-carousel .buy {
color: #DB2301;
font-size: 13px;
height: 34px;
line-height: 34px;
padding: 0 40px;
border: 1px solid #FFF;
border-radius: 18px;
margin-right: 30px;
display: inline-block;
text-decoration: none;
}
div.banner-carousel .detail {
display: inline-block;
color: #717071;
font-size: 13px;
height: 34px;
line-height: 34px;
padding: 0 0px;
}
div.banner .banner-carousel-prev, div.banner .banner-carousel-next {
top: 200px;
}
div.banner .banner-pagination {
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -31px;
}
div.banner .banner-pagination span {
background: #FFF;
width: 8px;
height: 8px;
border-radius: 4px;
display: inline-block;
margin: 5px;
font-size: 1px;
cursor: pointer;
}
div.banner .banner-pagination span.activ {
background: #FFCA4A;
}
.owl-carousel .owl-item .item {
height: 405px;
}
.owl-carousel .owl-item .item .box {
margin: 0 auto;
width: 906px;
}
.owl-carousel .owl-item .item .box .cinfo {
width: 240px;
margin-right: 30px;
padding-top: 95px;
float: right;
}
.carousel-prev {
width: 12px;
height: 25px;
background: url(images/arrows-min.png) no-repeat 0 0;
position: absolute;
left: 0;
cursor: pointer;
top: 50%;
margin-top: -12px;
}
.carousel-next {
width: 12px;
height: 25px;
background: url(images/arrows-min.png) no-repeat -12px 0;
position: absolute;
right: 0;
cursor: pointer;
top: 50%;
margin-top: -12px;
}
.owl-controls {
width: 100%;
position: absolute;
margin-top: -30px;
}
.our-coolers-box .owl-controls {
width: 100%;
position: absolute;
margin-top: -6px;
}
.owl-controls .owl-pagination {
width: 100%;
text-align: center;
}
.owl-controls .owl-pagination .owl-page {
cursor: pointer;
width: 8px;
height: 8px;
border: 1px solid #717071;
border-radius: 50%;
display: inline-block;
margin: 5px;
}
.owl-controls .owl-pagination .owl-page.active {
background: #717071;
}
.nav_box {
width: 906px;
margin: 0 auto;
position: relative;
}
@media (max-width: 950px) {
.item{
background-size: 150%;
}
div.banner .box,
.owl-carousel .owl-item .item{
height: 275px;
}
div.banner .box .banner-carousel{
width: 100%;
/* right: 50%; */
/* transform: translate(50%, 0); */
position: relative;
}
.nav_box{
position: relative;
width: 100% !important;
}
.banner-carousel-next{
margin-right: 15px;
}
.banner-carousel-prev{
margin-left: 15px;
}
}
@media (max-width: 650px) {
.item{
background-size: 200%;
}
}
@media (max-width: 475px) {
div.banner .box{
display: none;
}
.item{
object-fit: cover;
}
div.banner .box,
.owl-carousel .owl-item .item{
height: 500px;
}
div.banner .box-mobile{
display: block;
}
div.banner .box-mobile .banner-carousel{
width: 100%;
/* right: 50%; */
/* transform: translate(50%, 0); */
position: relative;
}
}
/* ===Конец стилей для банера(слайдера)=== */
div.standart-box {
width: 906px;
margin: 0 auto 50px;
}
div.our-water {
margin: 50px auto;
}
div.standart-box h2 {
font-size: 21px;
text-align: center;
margin-bottom: 40px;
}
div.our-water .box {
position: relative;
width: 302px;
float: left;
text-align: center;
}
div.our-water .box .inbox {
margin: 40px 0;
border: 1px solid #F5F4F4;
height: 435px;
}
div.our-water .box .second {
border-right: 0;
border-left: 0;
}
div.our-water .box:hover .inbox {
box-shadow: 0 0 7px #F1F3F6;
}
div.our-water .box .first .line {
width: 160px;
height: 2px;
background: #CC7CF5;
margin: -2px auto 0;
}
div.our-water .box .first .ico {
width: 42px;
height: 42px;
background: url(images/our-water-ico-min.png) no-repeat 0 0;
margin: -21px auto 0;
border-radius: 21px;
}
div.our-water .box .second .line {
width: 160px;
height: 2px;
/* background: #FFCA4A; */
background: #8c8f90;
margin: -2px auto 0;
}
div.our-water .box .second .ico {
width: 42px;
height: 42px;
background: url(images/our-water-ico-min.png) no-repeat -43px 0;
margin: -21px auto 0;
border-radius: 21px;
}
div.our-water .box .third .line {
width: 160px;
height: 2px;
background: #2194FF;
margin: -2px auto 0;
}
div.our-water .box .third .ico {
width: 42px;
height: 42px;
background: url(images/our-water-ico-min.png) no-repeat -86px 0;
margin: -21px auto 0;
border-radius: 21px;
}
div.our-water .box .title {
height: 80px;
color: #606263;
font-size: 17px;
margin: 30px 0;
text-align: center;
line-height: 24px;
}
div.our-water .box .content {
font-size: 12px;
text-align: center;
line-height: 18px;
margin-bottom: 25px;
}
div.our-water .box a.description {
font-size: 12px;
text-align: center;
line-height: 30px;
height: 30px;
background-color: #FFF;
border-radius: 15px;
border: 1px solid #F5F4F4;
text-decoration: none;
display: inline-block;
position: absolute;
bottom: 24px;
left: 97px;
width: 104px;
}
div.our-water .box:hover a.description {
background-color: #2194FF;
border: 1px solid #2194FF;
color: #FFF;
}
div.all-width {
width: 100%;
}
div.gray-box {
background: #F8F9FA;
}
div.all-width h2 {
font-size: 21px;
text-align: center;
padding: 0px 0 25px 0;
}
div.all-width h2 a {
color: #2194FF;
text-decoration: none;
border-bottom: 1px dashed #2194FF;
}
div.gray-box .box {
position: relative;
width: 25%;
float: left;
text-align: center;
}
div.gray-box .box .inbox {
margin: 40px 20px;
margin-top: 0;
}
div.gray-box .box .second {
border-right: 0;
border-left: 0;
}
div.gray-box .box .ico {
width: 42px;
height: 42px;
background: #2194FF url(images/why-ico-min.png) no-repeat 0 0;
margin: 0 auto 0;
border-radius: 21px;
}
div.gray-box .box .ico-1 {
background-position: 12px 0;
}
div.gray-box .box .ico-2 {
background-position: -216px 2px;
}
div.gray-box .box .ico-3 {
background-position: -441px 0;
}
div.gray-box .box .ico-4 {
background-position: -667px 2px;
}
div.gray-box .box .title {
color: #606263;
font-size: 17px;
margin-bottom: 30px;
margin-top: 20px;
height: 50px;
text-align: center;
line-height: 24px;
}
div.gray-box .box .content {
font-size: 12px;
text-align: center;
line-height: 18px;
margin-bottom: 25px;
}
div.our-coolers {
text-align: center;
position: relative;
}
div.our-coolers .tovar-slider-prev {
width: 12px;
height: 25px;
background: url(images/arrows-blue-min.png) no-repeat 0 0;
position: absolute;
left: 0;
cursor: pointer;
top: 50%;
margin-top: -12px;
margin-left: -17px;
}
div.our-coolers .tovar-slider-next {
width: 12px;
height: 25px;
background: url(images/arrows-blue-min.png) no-repeat -12px 0;
position: absolute;
right: 0;
cursor: pointer;
top: 50%;
margin-top: -12px;
margin-right: -17px;
}
div.our-coolers .box {
position: relative;
width: 100%;
float: left;
text-align: center;
}
div.our-coolers .box .inbox {
margin: 30px 0;
margin-top: 0;
border: 1px solid #F5F4F4;
height: 280px;
background: #FFF;
OVERFLOW: HIDDEN;
}
div.our-coolers .box .inbox .basket-button {
bottom: 10px;
}
div.our-coolers a.tovar-box {
height: 276px;
border: 2px solid #FFF;
}
/*div.our-coolers a.tovar-box::after {
content:'';
display: block;
height: 40px;
width: 40px;
border: 2px solid #f5f4f4;
border-radius: 22px;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -20px;
background: #fff url(images/basket-ico-min.png) no-repeat 9px 50%;
}*/
div.our-coolers a.tovar-box:hover {
border: 2px solid #F5F4F4;
}
/*div.our-coolers a.tovar-box:hover::after {
background:#2194ff url(images/basket-ico-min.png) no-repeat -26px 50%;
}*/
div.our-coolers .tovar-img {
margin-top: 30px;
height: 103px;
}
div.our-coolers .title {
font-size: 13px;
margin: 30px 17px;
height: 36px;
line-height: 1.1;
}
div.our-coolers .price {
color: #414040;
font-size: 15px;
}
div.populars-box {
background: #F1F3F6;
}
div.populars-tovar {
text-align: center;
position: relative;
}
div.populars-tovar .box {
position: relative;
width: 100%;
float: left;
text-align: center;
}
div.populars-tovar .box .inbox {
margin: 40px 0;
margin-top: 0;
border: 1px solid #F5F4F4;
height: 280px;
background: #FFF;
OVERFLOW: HIDDEN;
}
div.populars-tovar a.tovar-box {
height: 276px;
border: 2px solid #FFF;;
}
div.populars-tovar a.tovar-box::after {
content: '';
display: block;
height: 40px;
width: 40px;
border: 2px solid #F5F4F4;
border-radius: 22px;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -20px;
background: #FFF url(images/basket-ico-min.png) no-repeat 9px 50%;
}
div.populars-tovar a.tovar-box:hover {
border: 2px solid #F5F4F4;
}
div.populars-tovar a.tovar-box:hover::after {
background: #2194FF url(images/basket-ico-min.png) no-repeat -26px 50%;
}
.populars-slider-prev {
background-image: url(images/arrows-blue-min.png);
margin-left: -17px;
}
.populars-slider-next {
background-image: url(images/arrows-blue-min.png);
margin-right: -17px;
}
div.populars-tovar .tovar-img {
margin-top: 30px;
height: 103px;
}
div.populars-tovar .title {
font-size: 12px;
margin: 30px 10px 10px;
height: 56px;
}
div.populars-tovar .price {
color: #414040;
font-size: 15px;
}
div.news-and-rewiews {
}
div.news-and-rewiews .left {
float: left;
width: 444px;
}
div.news-and-rewiews .right {
float: right;
width: 444px;
}
div.news-and-rewiews .inbox {
border: 2px solid #F5F4F4;
height: 310px;
padding: 30px 20px;
}
div.news-and-rewiews .add-info {
margin-top: 30px;
font-size: 12px;
line-height: 16px;
}
div.news-and-rewiews .title {
font-size: 18px;
color: #606263;
float: left;
width: 50%;
line-height: 20px;
}
div.news-and-rewiews .all-news {
float: right;
width: 50%;
text-align: right;
line-height: 20px;
}
div.news-and-rewiews .all-news a {
line-height: 20px;
font-size: 12px;
color: #606263;
}
div.news-and-rewiews .news-box {
margin-top: 30px;
font-size: 12px;
line-height: 16px;
}
div.news-and-rewiews .news {
width: 190px;
float: left;
}
div.news-and-rewiews .first {
margin-right: 17px;
}
div.news-and-rewiews .date {
color: #AFB1B3;
margin-top: 30px;
}
div.news-and-rewiews a.name {
color: #606263;
}
div.news-and-rewiews .right .title {
margin-left: 165px;
}
div.news-and-rewiews .right .inbox {
position: relative;
}
div.news-and-rewiews .rew-slider-next {
background-image: url(images/arrows-grey-min.png);
margin-left: 0;
margin-right: 0;
right: 10px;
}
div.news-and-rewiews .rew-slider-prev {
background-image: url(images/arrows-grey-min.png);
margin-left: 0;
margin-right: 0;
left: 10px;
}
div.news-and-rewiews .slide {
width: 330px;
height: 190px;
font-size: 12px;
line-height: 16px;
margin: 0 35px;
}
div.news-and-rewiews .slide .bottom {
position: absolute;
bottom: 0px;
color: #AFB1B3;
}
div.news-and-rewiews .rewiew {
float: right;
width: 200px;
height: 100%;
position: relative;
}
div.news-and-rewiews .rewiew .stars {
width: 93px;
height: 14px;
background: url(images/stars-min.png);
margin: 25px 0;
}
div.news-and-rewiews .slide .img {
float: left;
width: 100px;
height: 100px;
border-radius: 50px;
margin-top: 40px;
overflow: hidden;
}
a.tovar-box {
display: block;
text-decoration: none;
}
div.footer {
background: #F1F3F6;
padding: 50px 0;
}
div.footer .box {
width: 906px;
margin: 0 auto;
}
div.footer .logo {
width: 115px;
float: left;
margin-right: 50px;
}
div.footer .box-in {
width: 170px;
float: left;
}
div.footer .info {
color: #98999A;
font-size: 11px;
}
div.footer .phone-num {
color: #555454;
font-size: 17px;
}
div.footer .city-select {
color: #2194FF;
font-size: 17px;
text-decoration: none;
display: block;
}
div.footer .city {
margin-bottom: 20px;
}
div.footer .footer-menu {
width: 510px;
float: left;
}
div.footer .footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
div.footer .footer-menu ul li {
margin: 0;
padding: 3px 0;
width: 170px;
float: left;
}
div.footer .social {
}
div.footer .social .store {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
max-width: 200px;
}
div.footer .social .store a{
display: inline-block;
box-sizing:border-box;
padding: 0;
margin: 5px;
float:none !important;
}
div.footer .vk-ico {
width: 21px;
height: 20px;
border: 1px solid #838282;
border-radius: 50%;
background: url(images/social-ico-min.png) no-repeat;
background-position: 6px 4px;
}
div.footer .inst-ico {
width: 21px;
height: 21px;
background: url(images/i01_i01_ins-large_12x21_light_01.png) no-repeat;
}
div.footer .fb-ico {
width: 21px;
height: 20px;
background: url(images/fb-large_21x20.jpg) no-repeat;
}
div.footer .ok-ico {
width: 20px;
height: 20px;
border: 1px solid #838282;
border-radius: 50%;
background: url(images/social-ico-min.png) no-repeat;
background-position: -22px 4px;
}
div.only-mobile-box {
display: none;
}
.inline-block {
display: inline-block;
}
.ico-def {
height: 30px;
line-height: 30px;
display: block;
width: 30px;
border: 1px solid #838282;
border-radius: 50%;
float: left;
margin-right: 5px;
background: url(images/menu-ico-1-min.png) no-repeat 50% 50%;
}
.ico-def.ico-1 {
background: url(images/menu-ico-1-min.png) no-repeat 50% 50%;
}
.ico-def.ico-2 {
background: url(images/menu-ico-2-min.png) no-repeat 50% 50%;
}
.ico-def.ico-3 {
background: url(images/menu-ico-3-min.png) no-repeat 50% 50%;
}
.ico-def.ico-4 {
background: url(images/menu-ico-4-min.png) no-repeat 50% 50%;
}
.ico-def.ico-5 {
background: url(images/menu-ico-5-min.png) no-repeat 50% 50%;
}
.ico-def.ico-6 {
background: url(images/menu-ico-6-min.png) no-repeat 50% 50%;
}
.ico-def.ico-7 {
background: url(images/menu-ico-7-min.png) no-repeat 50% 50%;
}
div.bread a {
color: #5893FC;
text-decoration: none;
}
div.box_inner {
width: 940px;
}
div.left_box {
float: left;
width: 236px;
}
div.right_box {
float: right;
width: 700px;
}
div.only-mobile {
display: none;
}
.only-mobile-menu {
display: none;
}
.th_only_mobyle {
display: none;
}
.popup_city {
display: none;
background: #FFF;
box-shadow: 0 0 7px #F1F3F6;
position: absolute;
border: 1px solid #F1F3F6;
z-index: 999;
}
.popup_city a {
display: block;
padding: 6px 10px;
text-decoration: none;
font-size: 14px;
}
.popup_city a.act {
background: #2194FF;
color: #FFF;
}
.popup-content {
position: relative;
width: 940px;
margin: 0 auto;
}
.feedback_form, .phoneback_form, .auth_form_box {
display: none;
background: #FFF;
width: 500px;
font-size: 12px;
overflow: hidden;
border-radius: 5px;
}
.auth_form_box {
width: 500px;
}
.auth_form_box.auth_form_box--small {
width: 370px;
}
.auth_form_box .row_r {
width: 200px;
float: right;
}
.auth_form_box .row_l {
float: left;
}
.feedback_form input.submit, .phoneback_form input.submit, .auth_form_box input.submit {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
width: 120px;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
}
.feedback_form input.submit, .phoneback_form input.submit, .auth_form_box input.submit_y {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
width: 120px;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #F4B332;
cursor: pointer;
outline: 0;
margin-top: 10px;
}
.auth_form_box a.submit_y {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
width: 120px;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #F4B332;
cursor: pointer;
outline: 0;
margin-top: 10px;
text-decoration: none;
}
.new_client .submit_y {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
width: 120px;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #F4B332;
cursor: pointer;
outline: 0;
margin-top: 10px;
text-decoration: none;
}
.close_btn_feedback_form, .close_btn_phoneback_form {
position: absolute;
right: 10px;
top: -5px;
color: #0596FD;
font-size: 24px;
text-decoration: none;
}
.feedback_form .title, .phoneback_form .title, .auth_form_box .title {
color: #000;
margin-bottom: 20px;
font-size: 14px;
}
.feedback_form label, .phoneback_form label, .auth_form_box label {
display: block;
}
.feedback_form input, .phoneback_form input, .auth_form_box input {
display: block;
border: 0;
border-bottom: 1px solid #F1F3F6;
padding: 5px 0px;
width: 268px;
outline: 0;
margin: 10px 0;
}
.feedback_form textarea, .phoneback_form textarea {
display: block;
border: 1px solid #F1F3F6;
padding: 5px 10px;
width: 248px;
outline: 0;
margin: 10px 0;
max-width: 248px;
}
div.subcat-menu {
width: 365px;
display: none;
background: #FFF;
box-shadow: 0 0 7px #F1F3F6;
position: absolute;
border: 1px solid #F1F3F6;
padding: 10px;
font-size: 12px;
z-index: 998;
left: 50%;
margin-left: -235px;
}
div.subcat-menu:hover {
display: block !important;
}
div.subcat-menu ul.subcat {
position: relative;
background: #FFF;
padding: 0;
width: 365px;
height: auto;
list-style: none;
margin: 7px auto;
display: block;
}
div.subcat-menu ul.subcat li {
padding: 0;
margin: 7px 0;
float: left;
height: 32px;
width: 182.5px;
}
div.subcat-menu ul.subcat li a {
text-transform: uppercase;
text-decoration: none;
height: 32px;
width: 100%;
display: flex;
}
div.subcat-menu ul.subcat li a span.text {
display: block;
line-height: normal;
width: 108px;
margin: auto 0;
}
div.subcat-menu ul.subcat li a:hover {
color: #2194FF;
text-transform: uppercase;
text-decoration: none;
}
div.subcat-menu ul.subcat li a:hover .ico-def {
border: 1px solid #2194FF;
}
.ico-def {
height: 30px;
line-height: 30px;
display: block;
width: 30px;
border: 1px solid #838282;
border-radius: 50%;
float: left;
margin-right: 5px;
background: url(images/menu-ico-1-min.png) no-repeat 50% 50%;
}
.ico-def.ico-1 {
background: url(images/menu-ico-1-min.png) no-repeat 50% 50%;
}
.ico-def.ico-2 {
background: url(images/menu-ico-2-min.png) no-repeat 50% 50%;
}
.ico-def.ico-3 {
background: url(images/menu-ico-3-min.png) no-repeat 50% 50%;
}
.ico-def.ico-4 {
background: url(images/menu-ico-4-min.png) no-repeat 50% 50%;
}
.ico-def.ico-5 {
background: url(images/menu-ico-5-min.png) no-repeat 50% 50%;
}
.ico-def.ico-6 {
background: url(images/menu-ico-6-min.png) no-repeat 50% 50%;
}
.ico-def.ico-7 {
background: url(images/menu-ico-7-min.png) no-repeat 50% 50%;
}
.mobile-profile-link {
float: right;
color: #2194FF;
margin-right: 15px;
text-decoration: none;
max-width: 200px;
text-align: right;
overflow: hidden;
height: 32px;
}
.desktop-profile-link {
/* float: right; */
color: #2194FF;
/* margin-right: 15px; */
text-decoration: none;
/* text-align: right; */
/* overflow: hidden; */
/* height: 32px; */
/* float: right; */
/* margin: 0; */
/* margin-top: -110px; */
margin: 20px 0 0 -45px;
font-size: 15px;
position: absolute;
}
/* Landscape phone to portrait tablet */
@media (max-width: 960px) {
.auth_form_box {
}
.auth_form_box .row_r {
width: 100%;
float: none;
margin-top: 20px;
border-top: 1px solid #C7C7C7;
padding-top: 10px;
}
.auth_form_box .row_l {
float: none;
}
.popup-content {
width: 292px;
}
.feedback_form, .phoneback_form {
}
div.only-mobile-box {
display: block;
}
div.header {
height: 114px;
margin: 32px auto 0;
width: 730px;
display: block;
}
div.header .logo {
height: 83px;
width: 145px;
float: left;
/* margin: 25px 0 0 0; */
margin: 0;
}
div.header .logo a {
display: block;
}
div.header .logo img {
/* width: 100%; */
}
div.header .hright {
width: 145px;
float: right;
}
div.header .phone, div.header .city {
margin: 0;
height: auto;
font-size: 15px;
}
div.header .phone {
margin-top: 45px;
}
div.header .phone-num, div.header .city-select {
font-size: 15px;
float: right;
}
div.header .info {
display: none;
}
div.header-by {
height: 32px;
width: 100%;
margin-bottom: 20px;
}
div.header-by .left {
height: 32px;
width: 50%;
float: left;
background: #2294FF;
text-align: center;
}
div.header-by .left a {
color: #FFF;
display: inline-block;
text-align: center;
font-size: 13px;
text-decoration: none;
height: 32px;
line-height: 32px;
margin-right: 15px;
/*background: url(images/reload-ico-min.png) no-repeat 0 50%;*/
padding-left: 20px;
}
div.header-by .right {
height: 32px;
width: 50%;
float: right;
background: #FFCA4A;
text-align: center;
}
div.header-by .right a {
color: #DE3606;
display: inline-block;
text-align: center;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
height: 32px;
line-height: 32px;
margin-left: 15px;
}
div.header-menu {
background: #F1F3F6;
height: 32px;
line-height: 32px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1999;
}
div.header-menu span.menu-ico-def {
display: block;
height: 15px;
width: 15px;
background: url(images/mibile-menu-ico-min.png) no-repeat 0 0;
}
div.header-menu span.menu-ico-order {
height: 26px;
width: 17px;
float: left;
background:
url(images/header-ico-min.png) no-repeat 0 0px;
/*
display: block;
height: 34px;
width: 34px;
float: left;
background:
url(images/header-ico-min.png) no-repeat 0 9px;
background-position-x: 0px;
background-position-y: 9px;
*/
}
div.header-menu a.mobile-menu-ico {
margin-top: 8px;
height: 15px;
width: 12px;
float: left;
}
div.header-menu a.mobile-menu-ico span.menu-ico-def {
height: 15px;
width: 12px;
background-position: 0 0;
}
div.header-menu a.mobile-cart-ico {
margin-top: 8px;
height: 15px;
width: 20px;
float: right;
margin-right: 20px;
}
div.header-menu a.mobile-cart-ico span.menu-ico-def {
height: 15px;
width: 20px;
background-position: -160px 0;
}
div.header-menu a.mobile-feedback-ico {
margin-top: 8px;
height: 15px;
width: 20px;
float: right;
margin-right: 35px;
}
div.header-menu a.mobile-feedback-ico span.menu-ico-def {
height: 15px;
width: 20px;
background-position: 0 -1px;
background-image: url(images/header-ico-min.png);
}
div.header-menu a.mobile-mail-ico {
margin-top: 8px;
height: 15px;
width: 17px;
float: right;
margin-right: 35px;
}
div.header-menu a.mobile-mail-ico span.menu-ico-def {
height: 15px;
width: 17px;
background-position: -219px 0;
}
div.header-menu a.mobile-auth-ico {
margin-top: 8px;
height: 15px;
width: 12px;
float: right;
background-position: -277px 0;
}
div.header-menu a.mobile-auth-ico span.menu-ico-def {
height: 15px;
width: 12px;
background-position: -277px 0;
}
div.header-menu .box {
width: 730px;
margin: 0 auto;
height: 32px;
}
div.header-menu ul {
margin: 0 auto;
width: 690px;
float: right;
list-style: none;
height: 32px;
padding: 0;
display: none;
}
div.header-menu ul li {
margin: 0;
float: left;
height: 32px;
line-height: 32px;
padding: 0px 10px;
}
div.banner {
background-position: -640px 0;
}
.owl-carousel .owl-item .item .box {
width: 730px;
}
.nav_box {
width: 730px;
}
div.our-water {
width: 730px;
margin: auto;
overflow: hidden;
}
div.our-water h2 {
display: none;
}
div.our-water .box {
width: 243px;
}
div.our-water .box .inbox {
border: 0;
}
div.our-water .box .content {
font-size: 11px;
}
div.our-water .box a.description {
left: 68px;
}
div.our-coolers-box {
display: block;
background: #F1F3F6;
}
div.our-coolers {
width: 730px;
}
div.our-coolers .tovar-slider-next {
top: 0;
margin-top: -65px;
margin-right: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.our-coolers .tovar-slider-prev {
top: 0;
margin-top: -65px;
margin-left: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.populars-box {
display: block;
background: #FFF;
}
div.populars-tovar {
width: 730px;
}
div.populars-slider-prev, .populars-slider-next {
top: 0;
margin-top: -65px;
margin-right: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.populars-slider-prev, .populars-slider-prev {
top: 0;
margin-top: -65px;
margin-left: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.press-box {
background: #F1F3F6;
}
div.news-and-rewiews {
width: 730px;
margin: 0 auto;
}
div.news-and-rewiews .left {
width: 365px;
}
div.news-and-rewiews .right {
width: 365px;
}
div.news-and-rewiews .news {
display: none;
}
div.news-and-rewiews .first {
display: block;
}
div.news-and-rewiews .add-info {
display: none;
}
div.footer {
background: #FFF;
padding: 25px 0;
}
div.footer .box {
width: 730px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
div.footer .box .clear{
display:none;
}
div.footer .box-in, div.footer .footer-menu {
display: none;
}
div.footer .logo {
margin: 0;
float: none;
}
div.news-and-rewiews .inbox {
height: auto;
}
div.news-and-rewiews .slide {
width: 100%;
height: auto;
font-size: 12px;
line-height: 16px;
margin: 0;
}
div.news-and-rewiews .rewiew {
float: none;
width: 250px;
margin: 0 auto;
text-align: center;
}
div.news-and-rewiews .right .title {
width: 100%;
float: none;
text-align: center;
margin: 0;
}
div.news-and-rewiews .slide .img {
float: none;
margin: 25px auto 0;
}
div.news-and-rewiews .rewiew .stars {
margin: 25px auto;
}
div.news-and-rewiews .slide .bottom {
position: relative;
width: 100px;
margin: 15px auto 0;
}
div.news-and-rewiews .right .inbox {
width: 365px;
margin: 0 auto;
border: 0;
padding: 30px 0;
}
.only-mobile-menu {
display: block;
}
div.header-menu .box ul {
position: fixed;
top: 0;
left: 0;
display: block;
background: #F1F3F6;
width: 0;
height: 100%;
overflow: hidden;
-moz-transition: all .2s .2s ease-in;
-o-transition: all .2s .2s ease-in;
-webkit-transition: all .2s .2s ease-in;
box-shadow: 0 0 7px #F1F3F6;
}
div.header-menu .box ul.mobile-menu-show {
width: 290px;
height: 100%;
-moz-transition: all .2s .2s ease-in;
-o-transition: all .2s .2s ease-in;
-webkit-transition: all .2s .2s ease-in;
}
div.header-menu .box ul li.express {
display: none;
}
div.header-menu .only-mobile-menu {
height: 32px;
line-height: 32px;
border-bottom: 1px solid #E3E3E3;
box-shadow: 0 0 7px #F1F3F6;
}
div.header-menu a.close_btn_menu {
color: #888;
float: right;
font-size: 32px;
text-decoration: none;
padding: 0 10px;
}
div.header-menu .only-mobile-menu .title-menu {
color: #000;
padding: 0 10px;
}
div.only-mobile-box {
display: block;
}
div.header-menu .box ul li {
margin: 0 auto;
float: none;
width: 290px;
height: 32px;
line-height: 32px;
padding: 0px 10px;
}
div.header-menu .box ul li a {
display: block;
}
div.gray-box, .mobile_hide {
display: none !important;
}
div.subcat-menu {
display: block;
width: 730px;
margin: 0 auto;
position: relative;
left: 0;
border: 0;
padding: 0;
box-shadow: none;
}
div.subcat-menu ul.subcat {
position: relative;
background: #FFF;
padding: 0;
width: 730px;
height: auto;
list-style: none;
margin: 0 auto 10px;
display: block;
}
div.subcat-menu ul.subcat li {
padding: 0;
margin: 7px 0;
float: left;
height: 32px;
width: 25%;
}
div.subcat-menu ul.subcat li a {
text-transform: uppercase;
text-decoration: none;
height: 32px;
width: 100%;
display: flex;
}
div.subcat-menu ul.subcat li a span.text {
display: block;
line-height: normal;
width: 108px;
margin: auto 0;
}
div.subcat-menu ul.subcat li a:hover {
text-transform: uppercase;
text-decoration: none;
}
}
/* Landscape phones and down */
@media (max-width: 740px) {
.feedback_form, .phoneback_form, .auth_form_box {
padding: 0px;
}
.auth_form_box {
width: 300px;
}
.auth_form_box .row_r {
width: 100%;
float: none;
margin-top: 20px;
border-top: 1px solid #C7C7C7;
padding-top: 10px;
}
.auth_form_box .row_l {
float: none;
}
div.only-mobile {
display: block;
}
div.header {
height: 114px;
margin: 32px auto 0;
width: 290px;
display: block;
}
div.header .logo {
height: 83px;
width: 50%;
float: left;
/* margin: 25px 0 0 0; */
margin: 0;
}
div.header .logo a {
display: block;
}
div.header .logo img {
/* width: 100%; */
}
div.header .hright {
width: 50%;
float: right;
}
div.header .phone, div.header .city {
margin: 0;
height: auto;
font-size: 15px;
}
div.header .phone {
margin-top: 45px;
}
div.header .phone-num, div.header .city-select {
font-size: 15px;
}
div.header .info {
display: none;
}
div.header-by {
height: 32px;
width: 100%;
}
div.header-by .left {
height: 32px;
width: 50%;
float: left;
background: #2294FF;
text-align: center;
}
div.header-by .left a {
color: #FFF;
display: inline-block;
text-align: center;
font-size: 13px;
text-decoration: none;
height: 32px;
line-height: 32px;
margin-right: 15px;
/*background: url(images/reload-ico-min.png) no-repeat 0 50%;*/
padding-left: 20px;
}
div.header-by .right {
height: 32px;
width: 50%;
float: right;
background: #CC7CF5;
text-align: center;
}
div.header-by .right a {
color: #FFFFFF;
display: inline-block;
text-align: center;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
height: 32px;
line-height: 32px;
margin-left: 15px;
}
div.header-menu {
background: #F1F3F6;
height: 32px;
line-height: 32px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1999;
}
div.header-menu span.menu-ico-def {
display: block;
height: 15px;
width: 15px;
background: url(images/mibile-menu-ico-min.png) no-repeat 0 0;
}
div.header-menu a.mobile-menu-ico {
margin-top: 8px;
height: 15px;
width: 12px;
float: left;
}
div.header-menu a.mobile-menu-ico span.menu-ico-def {
height: 15px;
width: 12px;
background-position: 0 0;
}
div.header-menu a.mobile-cart-ico {
margin-top: 8px;
height: 15px;
width: 20px;
float: right;
margin-right: 20px;
}
div.header-menu a.mobile-cart-ico span.menu-ico-def {
height: 15px;
width: 20px;
background-position: -160px 0;
}
div.header-menu a.mobile-mail-ico {
margin-top: 8px;
height: 15px;
width: 17px;
float: right;
margin-right: 35px;
}
div.header-menu a.mobile-mail-ico span.menu-ico-def {
height: 15px;
width: 17px;
background-position: -219px 0;
}
div.header-menu a.mobile-auth-ico {
margin-top: 8px;
height: 15px;
width: 12px;
float: right;
background-position: -277px 0;
}
div.header-menu a.mobile-auth-ico span.menu-ico-def {
height: 15px;
width: 12px;
background-position: -277px 0;
}
div.header-menu .box {
width: 290px;
margin: 0 auto;
height: 32px;
}
div.header-menu ul {
margin: 0 auto;
width: 690px;
float: right;
list-style: none;
height: 32px;
padding: 0;
display: none;
}
div.header-menu ul li {
margin: 0;
float: left;
height: 32px;
line-height: 32px;
padding: 0px 10px;
}
div.subcat-menu {
display: block;
width: 320px;
margin: 0 auto;
position: relative;
left: 0;
border: 0;
padding: 0;
box-shadow: none;
}
div.subcat-menu ul.subcat {
position: relative;
background: #FFF;
padding: 0;
width: 290px;
height: auto;
list-style: none;
margin: 7px auto;
display: block;
}
div.subcat-menu ul.subcat li {
padding: 0;
margin: 7px 0;
float: left;
height: 32px;
width: 50%;
}
div.subcat-menu ul.subcat li a {
text-transform: uppercase;
text-decoration: none;
height: 32px;
width: 100%;
display: flex;
}
div.subcat-menu ul.subcat li a span.text {
display: block;
line-height: normal;
width: 108px;
margin: auto 0;
}
div.subcat-menu ul.subcat li a:hover {
text-transform: uppercase;
text-decoration: none;
}
.ico-def {
height: 30px;
line-height: 30px;
display: block;
width: 30px;
border: 1px solid #838282;
border-radius: 50%;
float: left;
margin-right: 5px;
background: url(images/menu-ico-1-min.png) no-repeat 50% 50%;
}
.ico-def.ico-1 {
background: url(images/menu-ico-1-min.png) no-repeat 50% 50%;
}
.ico-def.ico-2 {
background: url(images/menu-ico-2-min.png) no-repeat 50% 50%;
}
.ico-def.ico-3 {
background: url(images/menu-ico-3-min.png) no-repeat 50% 50%;
}
.ico-def.ico-4 {
background: url(images/menu-ico-4-min.png) no-repeat 50% 50%;
}
.ico-def.ico-5 {
background: url(images/menu-ico-5-min.png) no-repeat 50% 50%;
}
.ico-def.ico-6 {
background: url(images/menu-ico-6-min.png) no-repeat 50% 50%;
}
.ico-def.ico-7 {
background: url(images/menu-ico-7-min.png) no-repeat 50% 50%;
}
div.banner {
background-position: -640px 0;
}
.owl-carousel .owl-item .item .box {
width: 290px;
}
.nav_box {
width: 320px;
}
div.our-water {
width: 300px;
margin: auto;
overflow: hidden;
}
div.our-water h2 {
display: none;
}
div.our-water .box .inbox {
border: 0;
}
div.our-coolers-box {
display: block;
background: #F1F3F6;
}
div.our-coolers {
width: 290px;
}
div.our-coolers .tovar-slider-next {
top: 0;
margin-top: -65px;
margin-right: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.our-coolers .tovar-slider-prev {
top: 0;
margin-top: -65px;
margin-left: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.populars-box {
display: block;
background: #FFF;
}
div.populars-tovar {
width: 290px;
}
div.populars-slider-prev, .populars-slider-next {
top: 0;
margin-top: -65px;
margin-right: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.populars-slider-prev, .populars-slider-prev {
top: 0;
margin-top: -65px;
margin-left: 0px;
background-image: url(images/arrows-grey-min.png);
}
div.news-and-rewiews {
width: 100%;
margin: 0;
}
div.news-and-rewiews .left {
display: none;
}
div.news-and-rewiews .right {
width: 100%;
float: none;
background: #F1F3F6;
margin: 0;
}
div.news-and-rewiews .add-info {
display: none;
}
div.footer {
background: #FFF;
padding: 25px 0;
}
div.footer .box {
width: 100%;
position: relative;
padding: 0 40px;
box-sizing: border-box;
}
div.footer .box-in, div.footer .footer-menu {
display: none;
}
div.news-and-rewiews .inbox {
height: auto;
}
div.news-and-rewiews .slide {
width: 100%;
height: auto;
font-size: 12px;
line-height: 16px;
margin: 0;
}
div.news-and-rewiews .rewiew {
float: none;
width: 250px;
margin: 0 auto;
text-align: center;
}
div.news-and-rewiews .right .title {
width: 100%;
float: none;
text-align: center;
margin: 0;
}
div.news-and-rewiews .slide .img {
float: none;
margin: 25px auto 0;
}
div.news-and-rewiews .rewiew .stars {
margin: 25px auto;
}
div.news-and-rewiews .slide .bottom {
position: relative;
width: 100px;
margin: 15px auto 0;
}
div.news-and-rewiews .right .inbox {
width: 290px;
margin: 0 auto;
border: 0;
padding: 30px 0;
}
div.our-water .box {
width: 302px;
}
div.our-water .box a.description {
left: 97px;
}
div.banner-carousel .detail {
display: none;
}
div.gray-box, .mobile_hide {
display: none !important;
}
.express-personal-data-block {
width: 80%;
text-align: left;
}
}
/* блок 1 */
div.all-width.categories {
background: #FFF;
}
/* блок 2 */
div.content_boxes {
width: 906px;
margin: 0 auto;
padding: 30px 0;
}
div.content_boxes h1 {
color: #000;
margin-bottom: 25px;
}
.content_boxes .bread {
margin-bottom: 10px;
}
div.all-width.categories_filter {
background: #FFF;
width: 675px;
float: right;
}
div.all-width.categories_filter .standart-box {
width: 675px;
}
div.left-menu {
width: 230px;
float: left;
}
div.left-menu ul {
position: relative;
background: #FFF;
padding: 0;
width: 230px;
height: auto;
list-style: none;
display: block;
margin: 0;
}
div.left-menu ul li {
margin-bottom: 12px;
}
div.left-menu ul li a {
text-transform: uppercase;
text-decoration: none;
width: 100%;
}
div.left-menu ul li a:hover {
color: #5893FC;
}
div.left-menu ul li a:hover .ico-def {
border-color: #5893FC;
}
div.left-menu ul li a:hover {
text-transform: uppercase;
text-decoration: none;
}
div.left-menu ul li a.act {
font-weight: bold;
}
div.filtred_elements .box {
width: 25%;
}
div.bread a {
color: #5893FC;
text-decoration: none;
}
div.filter-line {
margin: 15px 10px 15px 0;
height: 28px;
line-height: 28px;
}
div.filter-line span {
display: inline-block;
height: 28px;
line-height: 28px;
color: #666;
font-weight: bold;
}
div.filter-line a {
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0 15px;
color: #5893FC;
text-decoration: none;
}
div.filter-line a.act {
color: #FFF;
border-radius: 14px;
background: #5893FC;
padding: 0 10px;
margin: 0 5px;
}
@media (max-width: 960px) {
div.content_boxes {
width: 730px;
margin: 0 auto;
}
.element_page .left_box {
margin-top: 40px;
}
div.filtred_elements .box {
width: 33.33333333333333%;
}
div.left-menu {
display: none;
}
div.left-menu-2
{
display: none;
}
div.all-width.categories_filter {
float: none;
width: 100%;
}
div.all-width.categories_filter .standart-box {
width: 100%;
}
}
@media (max-width: 740px) {
div.content_boxes {
width: 290px;
margin: 0 auto;
}
.element_page .left_box {
margin-top: 45px;
}
div.filtred_elements .box {
width: 50%;
}
div.left-menu {
display: none;
}
div.left-menu-2
{
display: none;
}
div.all-width.categories_filter {
float: none;
width: 100%;
}
div.all-width.categories_filter .standart-box {
width: 100%;
}
div.filter-line a {
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0 3px;
color: #5893FC;
text-decoration: none;
}
div.filter-line a.act {
color: #FFF;
border-radius: 14px;
background: #5893FC;
padding: 0 10px;
margin: 0 0px;
}
}
div.all-width.categories_filter .standart-box {
width: 675px;
}
div.left-menu {
width: 230px;
float: left;
}
div.left-menu ul li a:hover {
text-transform: uppercase;
text-decoration: none;
}
div.left-menu ul li a.act {
font-weight: bold;
}
div.filtred_elements .box {
width: 25%;
}
div.bread a {
color: #5893FC;
text-decoration: none;
margin-right: 10px;
position: relative;
}
div.bread a::after {
content: ">";
position: absolute;
top: 2px;
right: -7px;
font-size: 10px;
color: #b3b2b2;
}
div.filter-line {
margin: 15px 10px 15px 0;
height: 28px;
line-height: 28px;
}
div.filter-line span {
display: inline-block;
height: 28px;
line-height: 28px;
color: #666;
font-weight: bold;
}
div.filter-line a {
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0 15px;
color: #5893FC;
text-decoration: none;
}
div.filter-line a.act {
color: #FFF;
border-radius: 14px;
background: #5893FC;
padding: 0 10px;
margin: 0 5px;
}
@media (max-width: 960px) {
div.content_boxes {
width: 730px;
margin: 0 auto;
}
div.filtred_elements .box {
width: 33.33333333333333%;
}
div.left-menu {
display: none;
}
div.left-menu-2
{
display: none;
}
div.all-width.categories_filter {
float: none;
width: 100%;
}
div.all-width.categories_filter .standart-box {
width: 100%;
}
}
@media (max-width: 740px) {
div.content_boxes {
width: 320px;
margin: 0 auto;
}
div.filtred_elements .box {
width: 50%;
}
div.left-menu {
display: none;
}
div.left-menu-2
{
display: none;
}
div.all-width.categories_filter {
float: none;
width: 100%;
}
div.all-width.categories_filter .standart-box {
width: 100%;
}
div.filter-line a {
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0 3px;
color: #5893FC;
text-decoration: none;
}
div.filter-line a.act {
color: #FFF;
border-radius: 14px;
background: #5893FC;
padding: 0 10px;
margin: 0 0px;
}
}
/* блок 14 */
.profile .profile_banner {
margin: 20px 0 35px;
}
.profile .profile_banner img {
width: 100%;
}
.profile .page_title_bread {
color: #979799;
font-weight: 300;
font-size: 15px;
}
.profile .user_name {
font-size: 28px;
font-weight: 300;
color: #000;
float: left;
}
.profile .profile_box {
box-shadow: 0 0 7px rgba(0, 0, 0, .2);
margin-top: 20px;
overflow: hidden;
}
.profile_box.profile_box--small {
max-width: 550px;
margin: 20px auto;
}
.profile .profile_box .menu {
font-size: 18px;
color: #5893FC;
padding: 20px 30px;
position: relative;
clear: both;
}
.profile .profile_box .menu a {
font-size: 18px;
color: #5893FC;
height: 20px;
line-height: 20px;
text-decoration: none;
display: inline-block;
margin-right: 15px;
font-weight: 400;
}
.profile .profile_box .menu a.act {
font-weight: 600;
color: #000;
}
.profile .profile_box .sub_menu {
font-size: 18px;
color: #5893FC;
padding: 10px 30px;
position: relative;
clear: both;
box-shadow: 0 0 7px rgba(0, 0, 0, .2);
background: #F1F3F6;
}
.profile .profile_box .sub_menu a {
font-size: 15px;
color: #5893FC;
height: 17px;
line-height: 17px;
text-decoration: none;
display: inline-block;
margin-right: 15px;
font-weight: 400;
}
.profile .profile_box .sub_menu a.act {
font-weight: 600;
color: #000;
}
.profile .profile_box .menu a.logout {
float: right;
}
.profile .profile_box .left_box {
float: left;
width: 440px;
padding: 40px 0 40px 30px;
}
.profile .profile_box .right_box {
float: right;
width: 440px;
padding: 40px 30px 40px 0;
}
.profile .profile_box .title {
color: #666;
font-size: 21px;
margin-bottom: 30px;
}
.profile .profile_box .form_edit_user label {
font-size: 13px;
color: #000;
display: block;
font-weight: 600;
min-width: 80px;
}
.profile .profile_box .form_edit_user input {
font-size: 12px;
color: #000000;
display: block;
width: 100%;
border: none;
}
.profile .profile_box .form_edit_user input:focus {
border: none;
outline: none;
}
.profile .profile_box .form_edit_user .input-border {
border: 1px solid #C7C7C7;
padding: 8px;
line-height: 18px;
background: #fff;
margin-bottom: 15px;
}
.profile .profile_box .form_edit_user .input-border-xprs {
border: 1px solid #C7C7C7;
padding: 8px;
line-height: 18px;
background: #fff;
}
.profile .profile_box .form_edit_user input.submit {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
width: 120px;
text-align: center;
font-weight: 300;
margin: 25px 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
}
.profile .profile_box .form_subscribe_edit label {
font-size: 13px;
color: #4D4D4D;
display: block;
font-weight: 600;
margin-bottom: 8px;
margin-top: 40px;
}
.profile .profile_box .form_subscribe_edit label.cbx {
font-size: 11px;
color: #4D4D4D;
display: block;
font-weight: 300;
margin-bottom: 14px;
margin-top: 0;
}
.profile .profile_box .form_subscribe_edit label.cbx input {
float: left;
height: 19px;
margin: 0;
padding: 0;
margin-right: 5px;
}
.profile .profile_box .form_subscribe_edit label.cbx span {
font-size: 11px;
color: #4D4D4D;
display: block;
font-weight: 300;
line-height: 19px;
height: 19px;
float: left;
}
.profile .profile_box .form_subscribe_edit input[type="text"] {
font-size: 12px;
color: #909290;
display: block;
border: 1px solid #C7C7C7;
padding: 8px;
line-height: 18px;
width: 320px;
margin-bottom: 19px;
}
.profile .profile_box .form_subscribe_edit input.submit {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
width: 120px;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
}
.bonus_box {
float: right;
color: #5893FC;
font-size: 24px;
font-weight: 300;
height: 26px;
line-height: 26px;
margin-top: 6px;
}
.bonus_box::before {
content: '�спользовать бонусные баллы';
display: block;
float: left;
text-align: left;
color: #888;
font-size: 12px;
line-height: 13px;
height: 26px;
width: 100px;
margin-right: 10px;
}
.bonus_box::after {
text-align: center;
margin-left: 10px;
display: block;
float: right;
content: 'Р‘';
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
color: #FFF;
background: #F4B332;
border-radius: 50%;
}
@media (max-width: 960px) {
.profile .profile_box .left_box, .profile .profile_box .right_box {
width: 330px;
}
.profile .profile_box .form_edit_user input, .profile .profile_box .form_subscribe_edit input[type="text"] {
width: 300px;
}
}
@media (max-width: 740px) {
.profile .profile_box .left_box, .profile .profile_box .right_box {
width: 260px;
padding: 20px 15px;
}
.profile .profile_box .form_edit_user input, .profile .profile_box .form_subscribe_edit input[type="text"] {
width: 100%;
}
.profile .profile_box .form_edit_user input.submit {
margin-left: 0;
}
}
/* 13 */
/*div.adress_box {*/
/*width: 490px;*/
/*}*/
/*div.adress_box .box_inner {*/
/*width: 490px;*/
/*}*/
.wrap-btn-save {
background-color: #f1f3f6;
text-align: center;
}
.adress_box .profile_box .btn_save {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 300;
background-color: #5b95f9;
cursor: pointer;
outline: 0;
text-decoration: none;
margin: 25px;
padding: 0 30px;
}
.adress_box .profile_box .btn_save:hover {
background: #0b41a2;
}
.adress_box .profile_box .title {
color: #000;
font-size: 21px;
padding-bottom: 20px;
margin: 30px 30px 22px;
}
.adress_box .profile_box .title--border {
border-bottom: 1px solid #ccc;
}
.adress_box .profile_box .fleft_title {
color: #000;
font-size: 21px;
margin-bottom: 10px;
padding: 0 30px 0;
float: left;
line-height: 36px;
height: 36px;
}
.adress_box .profile_box .fleft_a {
float: left;
font-size: 15px;
color: #5893FC;
text-decoration: none;
line-height: 36px;
height: 36px;
border: 1px solid #E5E5E5;
border-radius: 19px;
padding: 0 20px;
margin-left: 30px;
}
.adress_box .contact_info_box {
padding-bottom: 15px;
margin-bottom: 15px;
}
.adress_box .contact_info_box input {
padding: 0;
margin: 0;
border: 0;
outline: 0;
color: #666;
font-family: 'Open Sans', sans-serif;
border-bottom: 1px solid #666;
}
.adress_box .contact_info_box .row {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.adress_box .contact_info_box .row--between {
justify-content: space-between;
}
.adress_box .contact_info_box .n {
font-weight: 600;
font-size: 13px;
padding: 0 30px;
}
.adress_box .contact_info_box .d {
font-weight: 300;
font-size: 12px;
padding: 0 30px;
}
.adress_box .contact_info_box .tr {
margin: 0 20px;
}
.adress_box .contact_info_box .row input {
width: 150px;
margin-bottom: 0;
}
.adress_box .table {
clear: both;
}
.desctop-address {
margin: 15px 0 30px;
}
.adress_box .table .tr {
clear: both;
border-bottom: 1px solid #E5E5E5;
padding: 10px 20px 10px 30px;
}
.adress_box .table .z_edit_row {
padding: 14px 20px 3px 30px;
border-bottom: 1px solid #fff;
}
.adress_box .table .icon--edit,
.adress_box .table .icon--delete {
position: relative;
top: -4px;
}
.adress_box .table .tr .td:nth-child(2) {
width: 109px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adress_box .table .tr.grey {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.adress_box .table .tr:hover {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.adress_box .table .th {
font-size: 13px;
font-weight: 600;
float: left;
line-height: 16px;
color: #000;
}
.adress_box .table .td {
font-size: 13px;
float: left;
color: #000;
}
.adress_box .table .th span {
font-weight: 300;
}
.adress_box .table .td span.true {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #5893FC;
display: block;
margin: 4px auto;
background: #5893FC;
}
.adress_box .table .td span.false {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #E5E5E5;
display: block;
margin: 4px auto;
}
.profile .profile_box .order_page {
/*display: none;*/
}
.profile .profile_box .order_page .b1 input {
width: 232px;
}
.profile .profile_box .order_page .b2 input {
width: 232px;
}
.profile .profile_box .order_page .b3 input {
width: 42px;
}
.profile .profile_box .order_page .b4 input {
width: 42px;
}
.profile .profile_box .order_page .b5 input {
width: 42px;
}
.profile .profile_box .order_page .b6 input {
width: 42px;
}
.profile .profile_box .order_page .b7 input {
width: 62px;
}
.profile .profile_box .order_page .phone_conteiner .b2 input {
width: auto;
width: 13px;
height: 13px;
margin-top: 12px;
display: block;
float: left;
}
@media (max-width: 960px) {
.profile .profile_box .order_page {
/*display: block;*/
}
.adress_box .table {
}
.adress_box a.fleft_a {
}
}
@media (max-width: 740px) {
.profile .profile_box .order_page .phone_conteiner .b1 {
width: 148px;
margin: 0;
}
.profile .profile_box .order_page .phone_conteiner .row input {
width: 130px;
margin-bottom: 0px;
}
.profile .profile_box .order_page .phone_conteiner .b2 {
margin: 0;
width: 198px;
}
.profile .profile_box .order_page .phone_conteiner .b2 input {
width: 13px;
margin-top: 3px;
}
.profile .profile_box .order_page .b3 input, .profile .profile_box .order_page .b4 input, .profile .profile_box .order_page .b5 input {
width: 62px;
}
.profile .profile_box .order_page .b6 input, .profile .profile_box .order_page .b7 input {
width: 107px;
}
}
/* 12 */
.otpusk_box .profile_box .title {
color: #666;
font-size: 21px;
margin-bottom: 10px;
padding: 40px 30px 0;
}
.otpusk_box .description {
font-size: 13px;
line-height: 18px;
padding: 20px 30px;
}
.otpusk_box .gbg {
background: #F1F3F6;
padding: 30px 30px;
}
.otpusk_box .gbg a {
display: block;
background: #5893FC;
color: #FFF;
line-height: 40px;
height: 40px;
border-radius: 20px;
width: 240px;
text-align: center;
text-decoration: none;
margin-top: 20px;
}
@media (max-width: 960px) {
}
@media (max-width: 740px) {
.otpusk_box .gbg a {
}
.otpusk_box .profile_box .title {
padding: 20px 15px 0;
}
.otpusk_box .description {
padding: 0 15px 30px 15px;
}
.otpusk_box .gbg {
padding: 15px;
}
.number-order {
margin-left: 20px !important;
}
.adress_box .profile_box .title {
padding: 20px 15px;
margin: 0;
padding-bottom: 10px;
font-size: 16px;
font-weight: 600;
}
.adress_box .contact_info_box--mobile {
padding-top: 20px;
}
.adress_box .contact_info_box--mobile .row {
float: none;
width: 100%;
flex-wrap: wrap;
}
.adress_box .contact_info_box--mobile .row label {
display: none;
}
.adress_box .contact_info_box .n {
padding: 0 15px;
}
.adress_box .contact_info_box .d {
padding: 0 15px;
}
.adress_box .contact_info_box .tr {
margin: 0 10px;
}
.profile .profile_box .form_edit_user .input-border {
width: 100%;
max-width:none;
}
.adress_box .contact_info_box .row input {
width: 100%;
}
.adress_box .profile_box .fleft_title {
padding: 20px 30px;
margin: 0;
padding-bottom: 5px;
}
.adress_box .profile_box .fleft_a {
margin-bottom: 15px;
}
.profile .profile_banner {
width: 320px;
}
.profile .profile_banner img {
width: 100%;
}
}
/* 11 */
.history_bonus_box .profile_box .title {
color: #666;
font-size: 21px;
margin-bottom: 10px;
padding: 40px 30px 0;
}
.history_bonus_box .table {
clear: both;
}
.history_bonus_box .table .tr {
clear: both;
border-bottom: 1px solid #E5E5E5;
padding: 10px 30px;
}
.history_bonus_box .table .tr.grey {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.history_bonus_box .table .tr:hover {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.history_bonus_box .table .th {
font-size: 13px;
font-weight: 600;
float: left;
line-height: 16px;
width: 25%;
}
.history_bonus_box .table .td {
font-size: 13px;
float: left;
width: 25%;
}
.history_bonus_box .bonus_box_history {
color: #000;
font-size: 15px;
font-weight: 600;
height: 26px;
line-height: 26px;
margin-top: 6px;
}
.history_bonus_box .bonus_box_history.red {
color: red;
}
.history_bonus_box .bonus_box_history::after {
text-align: center;
margin-left: 10px;
display: inline-block;
content: 'Р‘';
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
color: #FFF;
background: #F4B332;
border-radius: 50%;
}
@media (min-width: 960px) {
div.header .city {
margin-right: 11px;
}
}
@media (max-width: 740px) {
.history_bonus_box .profile_box .title {
display: none;
}
.history_bonus_box .table .th, .history_bonus_box .table .td {
width: 33.333333%;
}
.history_bonus_box .table .th:first-child, .history_bonus_box .table .td:first-child {
display: none;
}
.history_bonus_box .table .tr {
padding: 10px 15px;
}
}
/* 10 */
.vashi_balli_box {
}
.vashi_balli_box .gbg {
background: #F1F3F6;
padding: 30px 30px;
}
.vashi_balli_box .info {
color: #888;
}
.vashi_balli_box .gbg a {
display: block;
background: #F1C955;
background: -moz-linear-gradient(top, #F1C955 0%, #F4B334 100%);
background: -webkit-linear-gradient(top, #F1C955 0%, #F4B334 100%);
background: linear-gradient(to bottom, #F1C955 0%, #F4B334 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1c955', endColorstr='#f4b334', GradientType=0);
color: #FFF;
font-size: 15px;
line-height: 40px;
height: 40px;
border-radius: 20px;
width: 300px;
text-align: center;
text-decoration: none;
margin-top: 20px;
}
.vashi_balli_box .bonus_10_box {
float: left;
color: #888;
font-size: 24px;
font-weight: 600;
height: 26px;
line-height: 26px;
margin-top: 6px;
}
.vashi_balli_box .bonus_10_box::before {
content: 'У вас';
display: block;
float: left;
text-align: left;
color: #666;
font-size: 21px;
line-height: 26px;
height: 26px;
margin-right: 5px;
font-weight: 300;
}
.vashi_balli_box .bonus_10_box::after {
text-align: center;
margin-left: 10px;
display: block;
float: right;
content: 'Р‘';
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
color: #FFF;
background: #F4B332;
border-radius: 50%;
}
.vashi_balli_box .title_center {
margin: 35px 0 20px 0;
color: #666;
font-size: 21px;
text-align: center;
}
.all-width .info_center {
font-size: 13px;
line-height: 20px;
text-align: center;
margin-bottom: 30px;
}
.vashi_balli_box .our-coolers .title {
font-size: 14px;
margin: 30px 25px;
height: 36px;
}
@media (max-width: 960px) {
}
@media (max-width: 740px) {
.vashi_balli_box .gbg {
padding: 15px;
}
.vashi_balli_box .gbg a {
font-size: 13px;
width: 260px;
padding: 0;
}
.profile .profile_box .sub_menu {
display: table;
width: 100%;
padding: 10px 20px;
}
.profile .profile_box .sub_menu a {
width: auto;
margin: 0 1%;
text-align: left;
height: auto;
font-size: 13px;
display: table-cell;
padding-right: 5px;
}
}
/* 9 */
.my_device {
border-top: 1px solid #E5E5E5;
}
.my_device .title {
padding: 40px 30px 0;
}
.my_device .left_coulers {
width: 528px;
float: left;
margin-left: 30px;
margin-bottom: 40px;
}
.my_device .right_links {
width: 280px;
float: right;
margin-right: 30px;
margin-bottom: 40px;
}
.my_device .right_links a {
display: block;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 20px;
}
.my_device .box {
width: 33.333%;
float: left;
}
.my_device .box .inbox {
margin: 0;
border: 1px solid #F5F4F4;
height: auto;
background: #FFF;
}
.my_device a.tovar-box {
height: 100%;
border: 1px solid #FFF;
position: relarive;
text-align: center;
}
.my_device a.tovar-box:hover {
border: 1px solid #F5F4F4;
}
.my_device .tovar-img {
margin-top: 30px;
height: 103px;
}
.profile .my_device .box .title {
font-size: 12px;
margin: 30px 25px;
height: 36px;
color: #888;
padding: 0;
}
@media (max-width: 960px) {
.profile .profile_box .menu a {
font-size: 14px;
}
.my_device .left_coulers {
width: 370px;
}
.my_device .box {
width: 50%;
}
}
@media (max-width: 740px) {
.my_device .left_coulers {
width: 290px;
float: none;
margin: 0;
}
.my_device .box {
width: 100%;
float: none;
border-bottom: 1px solid #E5E5E5;
}
.my_device .box:first-child {
border-top: 1px solid #E5E5E5;
}
.my_device .box .inbox {
margin: 0;
border: 0;
}
.my_device .tovar-box {
clear: both;
}
.my_device .tovar-img {
height: 54px;
float: left;
margin: 5px 5px 5px 15px;
}
.profile .my_device .box .title {
float: right;
color: #7F7F7F;
font-size: 13px;
line-height: 18px;
width: 210px;
height: 54px;
float: left;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: flex;
margin: 5px 15px 5px 5px;
}
.my_device .right_links {
width: 290px;
text-align: center;
margin: 20px 0 0 0;
}
}
/* 8 */
.my_orders {
border-top: 1px solid #E5E5E5;
}
.my_orders .title {
padding: 40px 30px 0;
}
.my_orders .table {
clear: both;
}
.my_orders .table .tr {
clear: both;
border-bottom: 1px solid #E5E5E5;
padding: 10px 30px;
}
.my_orders .table .tr.grey {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.my_orders .table .tr:hover {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.my_orders .table .th {
font-size: 13px;
font-weight: 600;
float: left;
line-height: 16px;
}
.my_orders .table .td {
font-size: 13px;
float: left;
color: #888;
}
.my_orders .table .td span.black {
color: #666;
font-size: 15px;
font-weight: 600;
}
.my_orders .table .td span.y {
color: #F4B132;
font-size: 15px;
font-weight: 600;
}
.my_orders .table .td span.small {
font-size: 11px;
}
.my_orders .table .td span.summ {
font-size: 15px;
}
.my_orders .table .td span.summ::after {
color: #000;
font-weight: 600;
}
.my_orders .table .td a.description {
color: #5893FC;
text-decoration: none;
font-weight: 600;
}
@media (max-width: 960px) {
.my_orders .table .tr .td:nth-child(6n) {
display: none;
}
}
@media (max-width: 740px) {
.profile .profile_box .my_orders .title {
}
.my_orders .table .tr.grey {
display: none;
}
.my_orders .table .tr {
padding: 10px 15px;
}
.my_orders .th_only_mobyle {
display: block;
float: left;
font-weight: 600;
width: 80px;
}
.my_orders .table .tr .td.first {
height: 36px;
}
.my_orders .table .tr .td:nth-child(6n) {
display: block;
}
.my_orders .table .th_only_mobyle .th {
margin: 5px 0;
width: 100%;
}
.my_orders .table .order_info {
height: 90px;
overflow: hidden;
}
.my_orders .table .td {
width: 180px !important;
float: right;
margin: 5px 0;
line-height: 15px;
}
.my_orders .table .td span.y {
font-size: 13px;
}
}
/* 7 */
.express_delivery .title {
color: #666;
font-size: 21px;
margin-bottom: 30px;
cursor: pointer;
}
.express_delivery .description {
padding-bottom: 20px;
}
.express_delivery .gray_gb {
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
color: #555454;
font-weight: 600;
text-align: center;
font-size: 18px;
line-height: 54px;
height: 54px;
}
.express_delivery .tr_box {
border-bottom: 1px solid #E5E5E5;
padding: 8px 30px;
font-size: 15px;
color: #000;
position: relative;
}
.express_delivery .tr_box .image {
height: 110px;
float: left;
width: 150px;
text-align: center;
}
.express_delivery .tr_box .image .img_box {
background: #fff no-repeat 50% 50%;
background-size: contain;
width: 100%;
height: 100%;
max-width: 115px;
}
.express_delivery .tr_box .image .img_tara {
background: no-repeat 50% 50%;
background-size: contain;
width: 100%;
height: 100%;
max-width: 115px;
}
.express_delivery .tr_box .name {
float: left;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: flex-end;
display: -webkit-flex;
display: flex;
height: 110px;
width: 240px;
}
.express_delivery .tr_box .delete {
float: right;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: flex;
height: 110px;
width: 46px;
}
.express_delivery .tr_box .delete a {
display: block;
background: url('../../../images/del_button.png');
color: #5893FC;
font-size: 0;
line-height: 1px;
text-align: center;
text-decoration: none;
width: 46px;
height: 46px;
}
.express_delivery .tr_box .delete a:hover {
background: url('../../../images/del_button.png') scroll 0px 47px;
color: #FFF;
}
.express_delivery .tr_box .itogo {
float: left;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: flex-end;
display: -webkit-flex;
display: flex;
height: 110px;
width: 270px;
}
.express_delivery .tr_box .int {
line-height: 20px;
height: 20px;
display: inline-block;
font-weight: 600;
margin: 0 5px;
}
.express_delivery .tr_box .plus:hover, .express_delivery .tr_box .minus:hover {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #5893FC;
display: inline-block;
background: #5893FC;
color: #FFF;
}
.express_delivery .tr_box .plus, .express_delivery .tr_box .minus {
width: 18px;
height: 18px;
line-height: 17px;
text-align: center;
border-radius: 50%;
border: 1px solid #E5E5E5;
display: inline-block;
cursor: pointer;
color: #5893FC;
}
.express_delivery .tr_box .x {
height: 18px;
line-height: 17px;
text-align: center;
display: inline-block;
margin: 0 15px;
color: #888;
}
.express_delivery .tr_box .rub {
height: 18px;
line-height: 17px;
text-align: center;
display: inline-block;
}
.express_delivery .tr_box .rub::after {
color: #000;
font-weight: 600;
}
.express_delivery .result_name {
float: right;
margin-right: 30px;
}
.express_delivery .line_1 {
font-size: 24px;
color: #000;
font-weight: 600;
}
.express_delivery .line_2 {
font-size: 15px;
color: #000;
font-weight: 600;
}
.express_delivery .line_3 {
font-size: 11px;
color: #888;
}
.express_delivery .result {
float: right;
width: 130px;
}
.express_delivery .result .rub {
text-align: center;
display: inline-block;
}
.express_delivery .result .rub::after {
color: #000;
font-weight: 600;
}
.express_delivery .result .bonus {
height: 26px;
line-height: 26px;
display: inline-block;
}
.express_delivery .result .bonus::after {
text-align: center;
margin-left: 10px;
display: inline-block;
content: "Р‘";
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
color: rgb(255, 255, 255);
background: rgb(244, 179, 50);
border-radius: 50%;
font-weight: 400;
}
.express_delivery .order_confirm {
text-align: right;
}
.express-personal-data-block {
margin-top: 10px;
}
.express_delivery .btn_order {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
text-decoration: none;
margin: 30px;
padding: 10px 30px;
}
.express_delivery .tr_box .itogo, .express_delivery .tr_box .name, .express_delivery .tr_box .delete {
height: 60px;
}
@media (max-width: 960px) {
.profile div.box_inner {
width: 730px;
margin: 0 auto;
position: relative;
}
.express_delivery .gray_gb {
font-size: 15px;
}
.profile.express_delivery div.box_inner {
margin-bottom: 30px;
}
}
@media (max-width: 740px) {
.express_delivery .tr_box .delete {
height: auto;
}
.express_delivery .gray_gb {
font-size: 15px;
line-height: 20px;
padding-top: 7px;
}
.profile .profile_box .menu {
padding-left: 20px;
}
.profile .profile_box .menu a.logout, .profile .profile_box .menu a {
display: block;
font-size: 15px;
}
.profile .profile_box .menu a.act {
display: inline-block;
color: #5893FC;
border-bottom: 1px dashed #5893FC;
}
.profile .profile_box .menu:hover a {
}
.profile .profile_box .menu a.logout {
display: none;
font-size: 15px;
}
}
/* 4 */
.order_page .order_confirm {
float: right;
}
.order_page .bonus_left {
float: left;
color: #000;
}
.order_page .bonus_left .line_2 {
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
}
.order_page .bonus_left .line_3 a {
color: #5893FC;
font-size: 15px;
line-height: 15px;
border-bottom: 1px dashed #5893FC;
text-decoration: none;
}
.order_page .bonus_10_box {
color: #000;
font-size: 18px;
font-weight: 400;
height: 26px;
line-height: 26px;
margin-top: 6px;
display: block;
}
.order_page .bonus_10_box::before {
content: 'У вас';
display: inline-block;
text-align: left;
color: #000;
font-size: 15px;
line-height: 26px;
height: 26px;
margin-right: 5px;
font-weight: 400;
}
.order_page .bonus_10_box::after {
text-align: center;
margin-left: 10px;
display: inline-block;
content: 'Р‘';
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
color: #FFF;
background: #F4B332;
border-radius: 50%;
}
.order_page .catalog_back {
float: left;
}
.order_page .btn_back {
border: 0;
color: #000;
display: inline-block;
font-size: 14px;
border: 1px solid #E5E5E5;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #FFF;
cursor: pointer;
outline: 0;
text-decoration: none;
margin: 30px;
padding: 10px 30px 10px 15px;
}
.order_page .btn_back span {
color: #5893FC;
font-size: 40px;
line-height: 15px;
float: left;
margin-right: 15px;
}
.order_page .title_center {
margin: 35px 0 20px 0;
color: #666;
font-size: 21px;
text-align: center;
}
.order_page .top_btn {
margin: 30px;
}
.order_page a.btn {
display: inline-block;
text-decoration: none;
color: #5893FC;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 18px;
height: 18px;
background: none;
text-align: center;
font-weight: 600;
margin: 0;
padding: 0;
cursor: pointer;
}
.order_page a.btn.act {
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 600;
margin: 0;
padding: 0;
color: #000;
border: 1px solid #C7C7C7;
padding: 0 20px;
margin-right: 20px;
text-decoration: none;
}
.profile_box .title_center {
margin: 35px 0 20px 0;
color: #666;
font-size: 21px;
text-align: center;
}
.profile_box .top_btn {
margin: 30px;
text-align: center;
}
.bx-auth-reg {
padding: 20px 25px;
}
.adress_box .top_btn {
text-align: center;
}
.adress_box a.btn {
display: inline-block;
text-decoration: none;
color: #5893FC;
display: inline-block;
font-size: 14px;
line-height: 18px;
height: 18px;
background: none;
text-align: center;
font-weight: 600;
margin: 0;
padding: 0;
cursor: pointer;
}
.adress_box a.btn.act {
display: inline-block;
font-size: 14px;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 600;
margin: 0;
padding: 0;
color: #000;
border: 1px solid #C7C7C7;
padding: 10px 20px;
margin-right: 20px;
text-decoration: none;
}
.order_page .tr {
margin: 0px 25px;
}
.order_page .row {
float: left;
margin: 0 5px;
width: 168px;
}
.order_page .profile_box .row input {
width: 150px;
}
.order_page .m-t-30 {
margin-top: 30px;
}
.order_page .b1 {
width: 310px;
}
.order_page .profile_box .b1 input {
width: 232px;
}
.order_page .b2 {
width: 310px;
}
.order_page .profile_box .b2 input {
width: 232px;
}
.order_page .b3 {
width: 60px;
}
.order_page .profile_box .b3 input {
width: 42px;
}
.order_page .b4 {
width: 60px;
}
.order_page .profile_box .b4 input {
width: 42px;
}
.order_page .b5 {
width: 60px;
}
.order_page .profile_box .b5 input {
width: 42px;
}
.order_page .b6 {
width: 60px;
}
.order_page .profile_box .b6 input {
width: 42px;
}
.order_page .b7 {
width: 80px;
}
.order_page .profile_box .b7 input {
width: 62px;
}
.order_page .date_box {
padding: 30px;
}
.order_page .date_box .title {
font-size: 15px;
color: #4D4D4D;
font-weight: 600;
margin-bottom: 15px;
}
.order_page .date_box a.btn_box {
display: block;
width: 145px;
height: 58px;
border: 1px solid #C7C7C7;
border-left: 0;
float: left;
text-align: center;
text-decoration: none;
}
.order_page .date_box a.btn_box:first-child {
border-left: 1px solid #C7C7C7;
}
.order_page .date_box a.btn_box.act {
background: #5893FC;
color: #FFF;
}
.order_page .date_box span.blue {
font-size: 13px;
font-weight: 600;
color: #5893FC;
display: block;
margin-top: 10px;
}
.order_page .date_box span.gray {
font-size: 11px;
font-weight: 300;
color: #888;
display: block;
}
.order_page .date_box a.btn_box.act span.blue, .order_page .date_box a.btn_box.act span.gray {
color: #FFF;
}
.order_page .time_box span.blue {
margin-top: 20px;
}
.order_page.pay_system .order_confirm {
float: left;
}
.order_page .phone_conteiner .b1 {
margin: 0;
margin-right: 5px;
}
.order_page .phone_conteiner {
border: 1px solid #C7C7C7;
background: #F1F3F6;
margin: 30px;
margin-top: 0;
}
.order_page .phone_conteiner .tr {
padding: 30px 30px 0;
border-bottom: 1px solid #C7C7C7;
margin: 0;
}
.order_page .phone_conteiner .tr_gray {
padding: 15px 30px;
text-align: center;
}
.order_page .phone_conteiner .tr_gray span {
display: inline-block;
font-size: 14px;
color: #5893FC;
border-bottom: 1px dashed #5893FC;
cursor: pointer;
font-weight: 600;
}
.order_page .delete {
float: right;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: flex;
height: 90px;
width: 42px;
}
.order_page .delete a {
/*display: block;
border-radius: 50%;
border: 1px solid #CDCDCD;
background: transparent;
color: #5893FC;
font-size: 30px;
line-height: 0;
text-align: center;
text-decoration: none;
padding: 20px 12px;*/
}
.order_page .delete a:hover {
/*border: 1px solid #5893FC;
background: #5893FC;
color: #FFF;*/
}
.order_page .phone_conteiner .b2 {
margin-top: 26px;
width: 320px;
}
.order_page .phone_conteiner .b2 label {
line-height: 36px;
height: 36px;
display: inline-block;
margin-right: 20px;
}
.order_page .phone_conteiner .b2 span {
line-height: 36px;
height: 36px;
display: block;
float: left;
}
.order_page .phone_conteiner .b2 input {
width: auto;
width: 13px;
height: 13px;
margin-top: 12px;
display: block;
float: left;
}
.order_page.pay_system .buy_box {
margin: 30px;
margin-bottom: 0;
}
.order_page.pay_system .buy_box label {
line-height: 36px;
height: 36px;
display: block;
margin-right: 20px;
}
.order_page.pay_system .buy_box span {
line-height: 36px;
height: 36px;
display: block;
float: left;
}
.order_page.pay_system .buy_box input {
width: auto;
width: 13px;
height: 13px;
margin-top: 12px;
display: block;
float: left;
}
.express_delivery.basket_page .tr_box .name {
width: 179px;
}
.order_page .bonus_pay_btn {
float: left;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: flex;
height: 110px;
}
.order_page .bonus_pay_btn a {
display: inline-block;
height: 40px;
border-radius: 20px;
background: #F1C955;
background: -moz-linear-gradient(top, #F1C955 0%, #F4B234 100%);
background: -webkit-linear-gradient(top, #F1C955 0%, #F4B234 100%);
background: linear-gradient(to bottom, #F1C955 0%, #F4B234 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1c955', endColorstr='#f4b234', GradientType=0);
color: #FFF;
font-size: 15px;
padding: 0 15px;
line-height: 40px;
text-align: center;
text-decoration: none;
}
.order_page .bonus_pay_btn a:hover {
background: #F4B234;
background: -moz-linear-gradient(bottom, #F1C955 0%, #F4B234 100%);
background: -webkit-linear-gradient(bottom, #F1C955 0%, #F4B234 100%);
background: linear-gradient(to top, #F1C955 0%, #F4B234 100%);
}
.bonus_pay_box {
display: none;
background: #F1F3F6;
border: 1px solid #C7C7C7;
width: 450px;
}
.bonus_pay_box .title {
font-size: 15px;
color: #000;
padding: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #C7C7C7;
margin-bottom: 0
}
.bonus_pay_box .td {
padding: 25px;
border-bottom: 1px solid #C7C7C7;
}
.bonus_pay_box .row {
float: left;
}
.bonus_pay_box .r1 {
font-size: 12px;
color: #909290;
width: 180px;
margin: 0;
}
.bonus_pay_box .r2 {
margin: 0;
width: 220px;
}
.bonus_pay_box .int {
}
.bonus_pay_box .ctrl_btn {
padding: 25px;
}
.bonus_pay_box .ctrl_btn a {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
text-decoration: none;
padding: 0 30px;
margin-right: 15px;
border: 1px solid #5893FC;
}
.bonus_pay_box .ctrl_btn a.cancel {
background: transparent;
border: 1px solid #C7C7C7;
color: #000;
}
.bonus_pay_box .minus, .bonus_pay_box .plus {
width: 18px;
height: 18px;
line-height: 17px;
text-align: center;
border-radius: 50%;
border: 1px solid #E5E5E5;
display: inline-block;
cursor: pointer;
color: #5893FC;
}
.bonus_pay_box .minus:hover, .bonus_pay_box .plus:hover {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #5893FC;
display: inline-block;
background: #5893FC;
color: #FFF;
}
.bonus_pay_box .int {
line-height: 20px;
height: 20px;
display: inline-block;
font-weight: 600;
margin: 0 5px;
}
.bonus_pay_box .x {
height: 18px;
line-height: 17px;
text-align: center;
display: inline-block;
margin: 0 15px;
color: #888;
}
.bonus_pay_box .rub {
height: 18px;
line-height: 17px;
text-align: center;
display: inline-block;
}
.bonus_pay_box .rub::after {
content: ' p';
color: #000;
font-weight: 600;
}
.order_page .carousel-next {
background-image: url(images/arrows-grey-min.png);
margin-right: -17px;
}
.order_page .carousel-prev {
background-image: url(images/arrows-grey-min.png);
margin-left: -17px;
}
.order_page span.content_slide {
background: url(images/order_arrows.png) no-repeat;
background-position: 0 0;
display: block;
float: left;
width: 13px;
height: 8px;
margin-right: 10px;
margin-top: 10px;
}
.order_page span.content_slide_down {
background-position: 0 -28px;
}
.basket_page .hiide_slide {
display: none;
margin: 20px 0;
}
.basket_page .hiide_slide .title {
font-size: 14px;
margin: 30px 25px;
height: 36px;
}
/* Landscape phones and down */
@media (max-width: 960px) {
.profile div.box_inner {
width: 730px;
margin: 0 auto;
position: relative;
}
.order_page .carousel-prev, .order_page .carousel-next {
top: 0;
margin: 0;
margin-top: -45px;
}
}
@media (max-width: 740px) {
.order_page a.btn {
margin: 10px 0 !important;
}
.order_page .top_btn {
margin: 15px;
text-align: center;
}
.profile_box a.btn {
margin: 10px 0 !important;
}
.profile_box .top_btn {
margin: 15px;
text-align: center;
}
.order_page .tr {
margin: 0 10px;
}
.order_page .profile_box .row input {
width: 242px;
}
.order_page .date_box {
padding: 15px;
}
.order_page .date_box a.btn_box {
width: 128px;
border: 1px solid #C7C7C7
}
.profile div.box_inner {
width: 320px;
margin: 0 auto;
position: relative;
margin-bottom: 100px;
}
.express_delivery .tr_box .image {
height: 54px;
width: 50px;
}
.express_delivery .tr_box .image img {
max-height: 100%;
max-width: 100%;
}
.profile .profile_box .form_edit_user .input-border-xprs {
width: 210px;
}
.express_delivery .tr_box .name {
color: #7F7F7F;
font-size: 13px;
line-height: 18px;
width: 210px;
height: 54px;
}
.express_delivery .tr_box {
padding: 15px;
}
.express_delivery .tr_box .itogo {
width: 260px;
height: 30px;
}
.order_page .bonus_left, .express_delivery .line_3 {
display: none;
}
.express_delivery .line_2 {
line-height: 26px;
}
.order_page .catalog_back, .order_page .order_confirm {
width: 100%;
}
.order_page .btn_back {
width: 200px;
margin: 20px 30px 0;
text-align: left;
padding: 10px 10px 10px 15px;
}
.express_delivery .btn_order {
width: 170px;
margin: 20px 30px;
}
.express_delivery .result_name {
margin: 0;
width: 140px;
float: left;
}
.express_delivery .result {
width: 100px;
}
.order_page .carousel-prev, .order_page .carousel-next {
top: 0;
margin: 0;
margin-top: -45px;
}
.order_page .m-t-30 {
margin-top: 15px;
}
.order_page .phone_conteiner {
margin: 15px;
}
.order_page .b3 {
width: 80px;
}
.order_page .profile_box .b3 input {
width: 62px;
}
.order_page .b4 {
width: 80px;
}
.order_page .profile_box .b4 input {
width: 62px;
}
.order_page .b5 {
width: 80px;
}
.order_page .profile_box .b5 input {
width: 62px;
}
.order_page .b6 {
width: 125px;
}
.order_page .profile_box .b6 input {
width: 107px;
}
.order_page .b7 {
width: 125px;
}
.order_page .profile_box .b7 input {
width: 107px;
}
.order_page .phone_conteiner .b1 {
width: 148px;
margin: 0;
}
.order_page .phone_conteiner .tr {
position: relative;
}
.order_page .phone_conteiner .row input {
width: 130px;
margin-bottom: 0px;
}
.order_page .phone_conteiner .b2 {
margin: 0;
width: 198px;
}
.order_page .delete {
float: none;
position: absolute;
top: 30px;
right: 15px;
}
.order_page .phone_conteiner .b2 label {
margin-right: 0px;
line-height: 20px;
height: 20px;
}
.order_page .phone_conteiner .b2 span {
line-height: 20px;
height: 20px;
}
.order_page .phone_conteiner .b2 input {
width: 13px;
margin-top: 3px;
}
.bonus_pay_box {
display: none;
background: #FFF;
border: none;
width: 270px;
}
.bonus_pay_box .title {
font-size: 15px;
color: #000;
padding: 0px;
padding-bottom: 10px;
border-bottom: none;
margin-bottom: 0
}
.bonus_pay_box .td {
padding: 0;
border-bottom: 0;
}
.bonus_pay_box .row {
float: left;
}
.bonus_pay_box .ctrl_btn {
padding: 0;
padding-top: 15px;
}
.bonus_pay_box .ctrl_btn a {
margin-right: 2px;
}
}
/* 3 */
.all_price {
display: none;
background: #FFF;
width: 600px;
font-size: 12px;
}
/*NEW*/
.all_price div.title{
margin-left: 25px;
margin-top: 10px;
}
/*NEW*/
.all_price .title {
color: #000;
font-size: 24px;
}
.all_price .tabs_toggle_a {
/*margin: 20px 0;*/
/*NEW*/
margin: 20px 25px;
/*NEW*/
}
.all_price .tabs_toggle_a a {
display: inline-block;
text-decoration: none;
color: #5893FC;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 17px;
height: 18px;
background: none;
text-align: center;
font-weight: 600;
margin: 0;
padding: 0;
cursor: pointer;
margin-right: 20px;
}
.all_price .tabs_toggle_a a.act {
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 600;
margin: 0;
padding: 0;
color: #000;
border: 1px solid #C7C7C7;
padding: 0 20px;
margin-right: 20px;
text-decoration: none;
}
.element_page .title {
margin-bottom: 10px;
margin-top: 10px;
}
.element_page .left_box {
/* margin-top: 60px; */
text-align: center;
}
.element_page .description {
width: 400px;
float: left;
font-size: 14px;
}
.element_page .sales_right_box {
border: 1px solid #F5F4F4;
padding: 25px;
width: 230px;
float: right;
color: #000;
}
.element_page .sales_right_box .title_sales {
font-size: 18px;
font-weight: 600;
}
.element_page .sales_right_box .title_sales_2 {
font-size: 11px;
margin: 20px 0;
}
.element_page .sales_right_box .detail {
padding-bottom: 10px;
}
.element_page .sales_right_box .detail .row {
float: left;
width: 33.3333%;
font-size: 11px;
color: #888;
}
.element_page .sales_right_box .detail .row .rub {
text-align: left;
display: block;
color: #000;
font-size: 15px
}
.element_page .sales_right_box .detail .row .rub::after {
color: #000;
font-weight: 600;
}
.element_page .sales_right_box a.sales_link {
color: #5893FC;
font-size: 13px;
line-height: 13px;
border-bottom: 1px dashed #5893FC;
text-decoration: none;
}
.element_page .price_box .rub {
text-align: left;
display: block;
color: #000;
font-size: 24px;
line-height: 30px;
float: left;
}
.element_page .price_box {
margin: 40px 0 30px 0;
position: relarive;
}
.element_page .price_box .rub::after {
color: #000;
font-weight: 600;
font-size: 16px;
line-height: 30px;
}
.element_page .price_box .bonus_span {
display: block;
height: 30px;
float: left;
margin-left: 10px;
}
.element_page .price_box .bonus_percent {
color: #F4B132;
display: block;
font-weight: 600;
}
.element_page .price_box .bonus_10_box {
display: block;
float: left;
}
.element_page .price_box .bonus_10_box::after {
text-align: center;
margin-left: 10px;
display: block;
float: right;
content: 'Р‘';
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
color: #FFF;
background: #F4B332;
border-radius: 50%;
}
.element_page .price_box .info {
font-size: 10px;
line-height: 15px;
height: 30px;
display: block;
color: #888;
margin-left: 10px;
float: left;
}
.element_page .int {
line-height: 20px;
height: 20px;
display: inline-block;
font-weight: 600;
margin: 0 5px;
color: #000;
}
.element_page .plus:hover, .element_page .minus:hover {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #5893FC;
display: inline-block;
background: #5893FC;
color: #FFF;
}
.element_page .plus, .element_page .minus {
width: 18px;
height: 18px;
line-height: 17px;
text-align: center;
border-radius: 50%;
border: 1px solid #E5E5E5;
display: inline-block;
cursor: pointer;
color: #5893FC;
}
.element_page .btn_buy {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
line-height: 40px;
height: 40px;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
text-decoration: none;
margin: 0 10px;
padding: 0 20px;
white-space: nowrap;
}
div.grey_toggle_slider {
background: #F1F3F6;
border-top: 2px solid #D9D9DA;
position: relarive;
clear: both;
padding: 0;
}
div.grey_toggle_slider .box {
width: 940px;
margin: 0px auto;
padding: 0 0 30px 0;
display: none;
color: #000;
}
div.grey_toggle_slider .box .row_left, div.grey_toggle_slider .box .row_right {
float: left;
width: 250px;
margin: 25px 0 0 0;
}
div.grey_toggle_slider .box .row_center {
float: left;
width: 400px;
margin: 25px 20px 0 20px;
}
div.grey_toggle_slider .box .title {
font-size: 18px;
margin-bottom: 15px;
}
div.grey_toggle_slider .box .cert_box {
margin: 10px 0;
}
div.grey_toggle_slider .box .cert_box img {
display: block;
float: left;
box-shadow: 0 0 3px #333;
}
div.grey_toggle_slider .box .cert_box p {
display: block;
float: left;
margin: 0;
padding: 0;
width: 190px;
margin-left: 10px;
}
div.grey_toggle_slider .box .row_center .th {
color: #000000;
font-style: italic;
}
.grey_toggle_slider .box h1, h2, h3, h4, h5, h6{
color: #000000;
}
div.grey_toggle_slider .btn_toggle_slide {
background: #ECEEF1;
color: #5893FC;
border-bottom: 2px solid #D9D9DA;
text-align: center;
line-height: 50px;
font-size: 18px;
display: block;
text-decoration: none;
}
div.grey_toggle_slider .btn_toggle_slide.border_top {
border-top: 2px solid #D9D9DA;
}
/* Landscape phones and down */
@media (max-width: 960px) {
.element_page div.box_inner {
width: 730px;
margin: 0 auto;
position: relative;
}
.element_page div.right_box, .element_page .description {
width: 480px;
}
.element_page .description {
margin-left: 20px;
margin-top: 30px;
}
.element_page .sales_right_box {
display: none;
}
.element_page .price_box {
margin: 20px 0;
}
.element_page .buy_box {
margin-bottom: 20px;
}
div.grey_toggle_slider .box {
width: 730px;
margin: 0 auto;
}
div.grey_toggle_slider .box .row_left {
/*display: none;*/
}
div.grey_toggle_slider .box .row_right {
}
div.grey_toggle_slider .box .row_center {
width: 249px;
margin-right: 20px;
margin-left: 0;
}
}
@media (max-width: 740px) {
.element_page div.box_inner {
width: 290px;
margin: 0 auto;
position: relative;
margin-bottom: 100px;
}
.element_page div.left_box {
width: 80px;
}
.element_page div.left_box img {
max-width: 100px;
/*height: 132px;*/
}
.element_page div.right_box, .element_page .description {
width: 200px;
font-size: 13px;
}
.element_page .bread, .element_page .sales_right_box {
display: none;
}
.element_page .title {
font-size: 21px;
}
.element_page .hr {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: #F5F4F4;
margin: 20px 0 0 0;
}
.element_page .price_box {
position: absolute;
left: 0;
width: 90px;
margin: 35px 0;
}
.element_page .buy_box {
/*position: absolute;*/
right: 0;
width: 140px;
margin: 30px 0;
}
.element_page .plus, .element_page .minus, .element_page .int {
/* display: none; */
}
div.grey_toggle_slider .box {
width: 290px;
margin: 0 auto;
}
div.grey_toggle_slider .box .row_left {
/* display: none; */
}
div.grey_toggle_slider .box .row_right {
float: none;
width: 290px;
margin: 25px 0 0 0;
}
div.grey_toggle_slider .box .row_center {
/* display: none; */
}
.item_buttons, .vam{
width: 214px;
}
}
@media (min-width: 714px){
.price_block_m{
display:none;
}
}
/* 1 */
.categories .carousel-next {
background-image: url(images/arrows-grey-min.png);
margin-right: -17px;
}
.categories .carousel-prev {
background-image: url(images/arrows-grey-min.png);
margin-left: -17px;
}
@media (max-width: 960px) {
.categories .carousel-prev, .categories .carousel-next {
top: 0;
margin: 0;
margin-top: -48px;
}
}
@media (max-width: 740px) {
.categories .carousel-prev, .categories .carousel-next {
top: 0;
margin: 0;
margin-top: -48px;
}
}
/* menu */
div.header-menu .box ul li span.href {
font-size: 13px;
color: #555454;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
cursor: pointer;
display: block;
}
div.header-menu .box ul.subcat {
display: none;
position: absolute;
background: #FFF;
padding: 10px;
width: 340px;
height: auto;
list-style: none;
margin-left: -15px;
margin-top: -1px;
z-index: 999;
}
div.header-menu .box ul > li:hover ul.subcat {
display: block;
}
div.header-menu .box ul.subcat.all_items {
width: 247px;
}
div.header-menu .box ul.subcat li {
padding: 0;
margin: 7px 0;
float: left;
height: 32px;
width: 170px;
}
div.header-menu .box ul.subcat li a {
line-height: normal;
height: 32px;
display: flex;
width: 100%;
}
div.header-menu .box ul.subcat li a span.text {
display: block;
line-height: normal;
width: 108px;
margin: auto 0;
}
div.header-menu .box ul.subcat.all_items li {
width: 200px;
}
div.header-menu .box ul.subcat.all_items li a span.text {
width: auto;
margin: 0;
height: 22px;
line-height: 22px;
}
div.header-menu .box ul.subcat li:hover a {
color: #5893FC;
}
div.header-menu .box ul.subcat li:hover a .ico-def {
border-color: #5893FC;
}
div.header-menu .box ul.subcat.all_items li {
height: 22px;
line-height: 22px;
}
@media (max-width: 960px) {
div.header-menu .box ul li {
height: auto;
padding: 0;
margin: 0;
float: none;
}
div.header-menu .box ul li a {
padding: 0 10px;
line-height: 32px;
}
div.header-menu .box ul li a .ico-def {
display: none;
}
div.header-menu .box ul.subcat li a {
padding-left: 20px;
}
div.header-menu .box ul.subcat {
display: none;
position: relative;
height: auto;
background: #F1F3F6;
margin: 0;
padding: 0;
width: 100%;
}
div.header-menu .box ul > li:hover ul.subcat {
display: block;
}
div.header-menu .box ul.subcat li {
padding: 0;
margin: 0;
float: none;
width: auto;
}
div.header-menu .box ul.subcat.all_items li {
height: 32px;
line-height: 32px;
}
div.header-menu .box ul.subcat.all_items li {
width: auto;
}
div.header-menu .box ul.subcat.all_items {
width: 100%;
}
div.header-menu .box ul.subcat li a {
line-height: 32px;
width: auto;
}
div.header-menu .box ul.subcat li:hover a {
line-height: 32px;
}
div.header-menu .box ul.subcat li a span.text {
width: auto;
margin: 0;
display: block;
line-height: 32px;
}
}
/* fancybox */
.fancybox-skin .fancybox-inner .title {
font-size: 21px;
color: #000;
padding-bottom: 15px;
border-bottom: 1px solid #d4dbe4;
}
.fancybox-skin .fancybox-inner .dop_info {
color: #4D4D4D;
}
.fancybox-skin .fancybox-inner label {
color: #000;
font-weight: 900;
margin-top: 20px;
margin-bottom: 5px;
font-size: 14px;
}
.fancybox-skin .fancybox-inner input {
border: 1px solid #C7C7C7;
padding: 8px;
margin-top: 2px;
width: 258px;
}
@media (max-width: 740px) {
.fancybox-skin .fancybox-inner label {
display: none;
}
}
.fancybox-skin .fancybox-inner input[type='submit']:hover {
background: #0b41a2;;
}
.fancybox-skin .fancybox-inner textarea {
border: 1px solid #C7C7C7;
padding: 5px;
margin-top: 2px;
width: 258px;
max-width: 258px;
height: 100px;
}
.fancybox-skin .fancybox-inner input.submit {
border: 0;
padding: 0 28px;
margin-top: 20px;
width: auto;
}
div.news-list {
margin-left: 25px;
margin-right: 5px;
margin-top: 20px;
}
div.action-list {
margin-top: 20px;
}
div.news-list div.news-list-item {
width: 300px;
float: left;
height: 145px;
border: 1px solid #F5F4F4;
margin-right: 20px;
margin-bottom: 10px;
}
@media (max-width: 740px) {
div.news-list {
margin-left: 0px;
margin-right: 0px;
}
div.news-list div.news-list-item {
width: 100%;
margin-right: 0px;
}
}
div.news-list div.news-list-item:hover {
background-color: #F1F3F6;
}
div.news-list div.news-list-item div.inner {
padding: 20px;
}
div.news-list div.news-list-item div.inner div.item-title a {
font-weight: bold;
}
div.news-list div.news-list-item div.inner div.item-descr {
padding-top: 15px;
padding-bottom: 15px;
line-height: 13px;
}
div.news-list div.news-list-item div.inner div.additional div.item-date {
color: #BFC0C0;
font-weight: bold;
float: left;
}
div.news-list div.news-list-item div.inner div.additional div.read-more {
float: right;
}
div.news-list div.news-list-item div.inner div.additional div.read-more a {
color: #BFC0C0;
font-weight: bold;
}
div.action-list div.news-list-item {
width: 290px;
float: left;
height: 300px;
border: 1px solid #F5F4F4;
margin-right: 15px;
margin-bottom: 10px;
font-size: 12px;
}
@media (max-width: 740px) {
div.action-list {
margin-left: 0px;
margin-right: 0px;
}
div.action-list div.news-list-item {
width: 100%;
margin-right: 0px;
}
}
div.action-list div.news-list-item:hover {
background-color: #F1F3F6;
}
div.action-list div.news-list-item div.inner {
padding: 20px;
}
div.action-list div.news-list-item div.inner div.item-title a {
font-weight: bold;
}
div.action-list div.news-list-item div.inner div.item-descr {
padding-top: 15px;
padding-bottom: 15px;
line-height: 13px;
}
div.action-list div.news-list-item div.inner div.additional div.item-date {
color: #BFC0C0;
font-weight: bold;
float: left;
}
div.action-list div.news-list-item div.inner div.additional div.read-more {
float: right;
}
div.action-list div.news-list-item div.inner div.additional div.read-more a {
color: #BFC0C0;
font-weight: bold;
}
div.action-list div.news-list-item.last-in-row {
margin-right: 0px !important;
}
.num-products {
background: #F4B332 none repeat scroll 0 0;
border-radius: 50%;
color: #FFF;
display: block;
float: right;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-left: 10px;
text-align: center;
width: 20px;
position: absolute;
top: -6px;
right: -8px;
}
.bl {
position: relative;
}
.next-page {
display: none;
}
div.full-width {
width: 100% !important;
}
.success {
padding: 15px;
background-color: #DFF0D8;
color: #333;
}
.danger {
background: #F2DEDE none repeat scroll 0 0;
padding: 15px;
color: #333;
}
.profile-success, .profile-error {
padding-left: 31px;
}
.button-yellow {
background: #FFCA4A !important;
color: #DB2301 !important;
border-bottom: 1px dashed #FFCA4A !important;
}
.button-yellow-section {
background: #FFCA4A url(images/basket-ico-min.jpg) no-repeat -26px 50% !important;
color: #DB2301 !important;
}
.basket-button {
content: '';
display: block;
height: 40px;
width: 40px;
border: 2px solid #F5F4F4;
border-radius: 22px;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -20px;
background: #FFF url(images/basket-ico-min.png) no-repeat 9px 50%;
}
.basket-button:hover {
background: #2194FF url(images/basket-ico-min.png) no-repeat -26px 50%;
}
.hright .city {
width: 115px;
}
.mobile-cart-ico {
position: relative;
}
.mobile-cart-ico .num-products {
font-size: 10px;
height: 15px;
line-height: 17px;
height: 15px;
width: 15px;
}
@media (max-width: 740px) {
.preview_text {
min-height: 100px;
}
.element_page div.box_inner {
margin: 0 auto;
}
div.grey_toggle_slider {
/*margin-top: 80px;*/
}
}
.alert-success {
padding: 15px;
background: #DFF0D8;
color: #333;
}
.bx-authform .alert-success,
.bx-auth .alert-success,
.bx-auth .alert-danger {
margin-bottom: 10px;
}
.alert-danger {
padding: 15px;
background: #F2DEDE;
color: #333;
margin-bottom: 10px;
}
.bx_my_order_cancel {
font-size: 13px;
padding: 30px;
}
.footer-table-menu tr td {
vertical-align: top;
}
div.footer .info-city {
margin-top: 15px;
}
.bx-section-desc h2 {
padding: 5px 0 5px 0 !important;
margin-bottom: 0px !important;
text-align: left !important;
}
.bx-section-desc {
text-align: left;
}
.add-info h2 {
padding: 15px 0 10px 0 !important;
margin-bottom: 0px !important;
text-align: left !important;
}
.element_page .spec-price {
font-size: 16px;
}
div.our-coolers .price .spec-price {
font-size: 12px;
}
.del.cross, .spec-price {
display: inline-block; /* запрещает перенос текста на следующую строку */
text-decoration: none;
position: relative;
}
.del-cross {
display: block;
position: relative;
overflow: hidden; /* запрещает обтекать другие блоки */
}
.element_page .spec-price:before, div.our-coolers .price .spec-price:before,
.del.cross:before,
.del-cross:before {
content: '';
position: absolute;
display: block;
width: auto;
height: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0) url(images/cross.svg) no-repeat;
background-size: 100% 100%; /* растягивает фон на всю ширину и высоту блока */
}
.bx_catalog_list_home {
padding-top: 30px;
display: flex;
flex-wrap: wrap;
}
.m-footer {
margin-top: 50px;
}
.logout {
display: none;
}
.mobile-menu-show .logout {
display: block;
}
.mobile-address {
display: none;
}
.mobile-address .tr {
clear: both;
border-bottom: 1px solid #E5E5E5;
padding: 10px 20px 10px 30px;
}
.mobile-address .tr.grey {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.mobile-address .tr:hover {
clear: both;
background: #F1F3F6;
border-bottom: 1px solid #E5E5E5;
}
.mobile-address .phones {
margin-top: 5px;
}
.mobile-address .button-blue {
border: 0;
color: #FFF;
display: inline-block;
font-size: 14px;
border-bottom: 1px dashed #5893FC;
border-radius: 20px;
background: none;
text-align: center;
font-weight: 300;
margin: 0;
padding: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
text-decoration: none;
padding: 10px 30px;
margin-top: 10px;
}
.mobile-address .del-button {
background: url(../../../images/del_button.png);
color: #5893fc;
font-size: 0;
line-height: 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin-left: 10px;
vertical-align: bottom;
width: 46px;
height: 46px;
}
.mobile-address .del-button:hover {
background: url(../../../images/del_button.png) scroll 0px 47px;
color: #fff;
}
@media (max-width: 960px) {
.desctop-address {
display: none;
}
.mobile-address {
display: block;
}
}
.profile-box {
background: #ffffff;
height: 80px;
}
.mobile-logo {
padding: 15px 15px 5px 20px;
float: left;
}
.mobile-logo a {
color: #2194FF;
text-decoration: none;
line-height: 22px;
font-size: 18px;
}
.mobile-logo img {
height: 70px;
}
.mobile-profile-info {
position: relative;
height: 80px;
line-height: 80px;
}
.mobile-profile-info a {
color: #2194FF;
text-decoration: none;
line-height: 22px;
font-size: 18px;
text-align: right;
}
.mobile-profile-info .mobile-logo {
display: table-cell;
line-height: 22px;
}
.inner-mobile-profile-info {
line-height: 18px;
display: table-cell;
padding-top: 15px;
height: 80px;
padding-left: 30px;
text-align: right;
padding-right: 10px;
}
.delivery-content table tbody tr td p {
padding: 5px;
margin: 0;
}
.section-description {
padding: 20px;
}
@media (max-width: 740px) {
div.filter-line span {
display: block;
}
div.filter-line {
height: 50px;
}
.element_page .btn_buy.button-yellow {
padding: 0 10px;
}
.order_page .title_center {
margin: 35px 0 -20px 0;
font-size: 19px;
}
.order_page .row {
width: auto;
}
}
.title-new-client {
font-size: 26px;
padding: 0 0 20px 0;
color: #666;
}
.text-new-client {
font-size: 13px;
color: #666;
}
.submit-new-client {
border: 0;
color: #FFF !important;
font-size: 14px !important;
border-radius: 20px;
width: 120px;
text-align: center;
margin: 0;
padding: 0;
background: #F4B332;
cursor: pointer;
outline: 0;
}
.description-price-water {
margin-top: 8px;
display: block;
font-size: 10px;
color: #2194FF;
}
.mobile-main-buttons {
text-decoration: none;
font-size: 16px;
margin-right: 0;
text-align: center;
border-radius: 8px;
display: block;
padding: 8px 0;
}
.mobile-main-buttons.catalog-button {
background: #2294FF;
color: #FFFFFF;
padding: 17px 0px;
}
.mobile-main-buttons.express-button {
color: #DB2301;
background: #FFCA4A;
padding: 17px 0px;
}
.mobile-main-buttons.auth-button {
color: #FFFFFF;
background: #21BE55;
padding: 17px 0px;
}
.button-block-cell {
width: 50%;
padding: 5px;
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 5px;
}
.main-banner-item {
display: block;
margin: 5px 5px;
}
.main-banner-item img {
width: 100%;
border-radius: 5px;
}
.mobile-banners-detail-picture {
margin: 20px 0;
}
.mobile-banners-detail-picture img {
width: 100%;
}
.mobile-banners-button-block {
margin-top: 20px;
}
.mobile-banners-button-block a {
color: #FFF;
font-size: 14px;
border-radius: 6px;
background: none;
text-align: center;
font-weight: 300;
margin: 0;
background: #5893FC;
cursor: pointer;
outline: 0;
text-decoration: none;
padding: 12px 20px;
white-space: nowrap;
margin-bottom: 15px;
display: block;
}
.yellow-button {
background: #FFCA4A !important;
}
.address-rows__saved {
padding: 15px 30px 0;
}
.address-rows__saved p {
color: #000;
font-size: 14px;
}
.btn--blue {
border: 0;
display: inline-block;
font-size: 14px;
padding: 10px 30px;
cursor: pointer;
outline: 0;
text-align: center;
color: #fff;
background: #5893FC;
border-radius: 30px;
text-decoration: none;
}
.btn--blue:hover {
color: #fff;
background: #386fd2;
}
.btn--white {
border: solid 1px #e5e5e5;
display: inline-block;
font-size: 14px;
padding: 10px 30px;
cursor: pointer;
outline: 0;
text-align: center;
color: #5b95f9;
background: #fff;
border-radius: 30px;
text-decoration: none;
}
.btn--white:hover {
color: #fff;
background: #386fd2;
}
.adress_box .profile_box .btn_save[disabled] {
color:#ECECEC;
border-bottom: 1px dashed #B3B3B3;
background: #B3B3B3;
}
.text-center{
text-align:center;
}
.registration_type_btn {
display: inline-block;
vertical-align: top;
padding: 10px;
min-width: 150px;
color: #0596FD;
border-radius: 30px;
text-decoration: none;
}
.registration_type_btn.active{
border: 1px solid #666;
color: #666;
font-weight: bold;
}
#email_confirmed_notify, #order_edit_notify {
position: fixed;
left: 0;
bottom: 0;
width:100%;
background: #f24c4c;
color: #fff;
z-index: 100;
}
#order_edit_notify {
background:#4BA7F6;
}
#email_confirmed_notify a, #order_edit_notify a {
color: #fff;
}
#email_confirmed_notify > div, #order_edit_notify > div {
max-width: 900px;
margin: 0 auto;
padding: 15px 0;
}
#email_confirmed_notify > div span.main, #order_edit_notify > div span.main {
font-size: 14px;
}
#email_confirmed_notify img, #order_edit_notify img {
display: inline-block;
vertical-align: top;
margin-top: -15px;
}
#order_edit_notify .order-edit-confirm, #order_edit_notify .order-edit-cancel {
display:inline-block;
background:#fff;
color:#4BA7F6;
border-radius:3px;
border:1px solid #E5E5E5;
text-decoration:none;
padding:5px 10px;
cursor:pointer;
}
#order_edit_notify .order-edit-cancel {
background:#ccc;
color:#728BB0;
border:1px solid #BCBABA;
}
.user-info{
padding: 0 30px 0;
}
.user-info a{
color: #5893fc;
}
.user-info .title{
padding: 10px 0 20px !important;
border-bottom: 1px solid #eee;
margin: 20px 0 20px !important;
}
.user-info label{
display: inline-block !important;
width: 100px;
}
.user-info .input-border{
display: inline-block;
width: 100%;
max-width: 200px;
}
.user-info img {
vertical-align:middle;
margin-left: 5px;
}
.user-info.noty input[type=checkbox]{
width: auto !important;
display: none !important;
margin-right: 10px;
}
.user-info.noty label{
max-width: 100% !important;
width: 300px;
vertical-align: middle;
}
.user-info.noty label > p {
color: #838282;
font-size: 13px;
padding-left: 0px;
margin: 0;
font-weight: 100;
}
.forwarders__avatar img, .forwards-rating__avatar img, .my-orders__avatar img {
border-radius:50%;
}
@media (min-width: 960px) {
/*div.header-menu div>ul
{
width: 100% !important;
}
div.header-menu ul li
{
padding: 0px 10px !important;
}*/
.subcat
{-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.25);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.25);
}
}
.stock__step-img_sum
{
margin-top:20px;
}
#quickOrderBox{
padding: 20px;
box-sizing: border-box;
}
#quickOrderBox > div a{
display: block;
padding: 13px;
box-sizing: border-box;
border-radius: 15px;
text-align: center;
margin: 10px 0;
background: #5893FC;
color: #fff;
text-decoration: none;
font-size:15px;
}
#quickOrderBox > div:nth-child(3) a{
background: #FFCA4A !important;
}
div.header-menu ul li a[href="/loyalty/"] {
color:#2194FF;
}
div.header-menu ul li a[href="/avtopovtor-zakaza/"] {
color:#2194FF;
}
/* TS */
@media (max-width: 1100px)
{
div.footer .social .store img{
max-width: 86px;
}
}
@media (max-width: 960px) {
.subcat-menu{
width:100% !important;
box-sizing: border-box;
padding: 20px 50px;
}
.subcat-menu .box{
width: 100% !important;
}
div.subcat-menu ul.subcat{
width:100% !important;
}
.subcat-menu .box #horizontal-multilevel-menu{
padding: 10px 20px 25px;
max-width: 800px;
margin: 0 auto;
display: flex !important;
flex-wrap: wrap;
box-sizing: border-box;
}
#horizontal-multilevel-menu > li,
#horizontal-multilevel-menu > li a{
float:none;
box-sizing: border-box;
height: auto;
display: block;
width: auto;
min-width: 200px;
}
#horizontal-multilevel-menu > li a{
padding: 0 10px;
display:flex;
flex-wrap:wrap;
}
.all-width h2{
padding: 20px 20px 5px !important;
}
.news-and-rewiews.standart-box .owl-wrapper-outer,
.slider-populars-slider .owl-wrapper-outer,
.our-coolers.standart-box .owl-wrapper-outer
{
padding-bottom:40px;
}
.our-coolers.standart-box .owl-controls{
margin-top: -30px !important;
}
div.our-water .box .inbox{
height: 400px !important;
}
div.footer .social .store img{
max-width:115%;
}
div.footer .social .store{
max-width: 120px !important;
justify-content: start;
}
}
@media (max-width: 740px) {
div.our-water .box .inbox{
height: auto !important;
padding-bottom: 20px;
}
}
@media (max-width: 640px) {
#horizontal-multilevel-menu{
justify-content:center;
}
}
a.ico_personal_loyalty:before{
content: url("/upload/profile/loyalty/icons/Group_71.png");
position:relative;
left: -5px;
top: 3px;
}
a.act.ico_personal_loyalty:before{
content: url("/upload/profile/loyalty/icons/Group_71_black.png");
position:relative;
left: -5px;
top: 3px;
}
.tszh_cheme-modal__button {
font-size:14px;
padding: 12px 31px;
border-radius: 50px;
background: #fff;
border: 1px solid #2D96FC;
color: #2D96FC;
text-align: center;
margin: 0 5px;
cursor: pointer;
transition: background 0.3s ease 0s;
}
.tszh_cheme-modal__button:hover {
background: #0081FF;
color: #fff;
}
.our-water .box .inbox .ico img {
width: 45px;
}