bannersLine, html {
margin: 0px;
padding: 0px;
font-family: 'KelsonSans', sans-serif;
}
body {
min-width:990px;
/* background: url('../img/heart.jpg') repeat top center;
background-repeat: repeat-x repeat-y;
*/
}
* {
box-sizing: border-box;
}
#cboxClose {
top: 10px !important;
}
/* PROXIMA START*/
@font-face {
font-family: "ProximaNovaRegular";
src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot");
src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),
url("../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "ProximaNovaBold";
src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot");
src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),
url("../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "ProximaNovaBlack";
src: url("../fonts/ProximaNovaBlack/ProximaNovaBlack.eot");
src: url("../fonts/ProximaNovaBlack/ProximaNovaBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ProximaNovaBlack/ProximaNovaBlack.woff") format("woff"),
url("../fonts/ProximaNovaBlack/ProximaNovaBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
/* PROXIMA END*/
@font-face {
font-family: 'KelsonSans';
src: url('../fonts/Kelson_Cyrillic/Kelson_Sans_Bold_RU.otf');
src: url('../fonts/Kelson_Cyrillic/Kelson_Sans_Light_RU.otf');
src: url('../fonts/Kelson_Cyrillic/Kelson_Sans_Regular_RU.otf');
font-weight: normal;
font-style: normal;
}
a {
border:0px;
}
a img{
border:0px;
}
.fArial{
font-family: Arial;
}
.fArial a{
font-family: Arial;
}
a:hover {
}
.ovrh{
overflow: hidden;
}
.clear{
clear: both;
}
.tac{
text-align: center;
}
.topPillow{
height:118px;
}
.topPillow.main{
height:53px;
}
.fixedTop{
/*position: fixed;*/
position: absolute;
top:0px;
left:0px;
width: 100%;
background-color: white;
z-index: 99;
}
.topLine{
border-bottom:1px solid #e5e5e5;
padding-top: 26px;
height:100px;
width: auto;
}
.topLine.main{
height: 55px;
background-color: gray;
}
.topLineCatalog,
.topLineCatalog2{
border-top:7px solid #f7f7f7;
border-bottom:1px solid #e5e5e5;
padding-top: 18px;
height: 100px;
}
.topLineCatalog{
height: auto;
padding-top: 0px;
border-top: 0px;
border-bottom: 0px;
background-image: url(../img/top_line_bottom.png);
background-repeat: repeat-x;
background-position: bottom left;
}
.topLineCatalog2{
border-top:0px;
}
.centerDiv{
width: 990px;
margin-left: auto;
margin-right: auto;
min-height: 620px;
}
.centerDivProof{
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
margin-top: 15px;
}
.centerDivAkv{
width: 990px;
margin-left: auto;
margin-right: auto;
}
.topLineCatalog .first,
.topLineCatalog2 .first{
margin-top: -18px;
overflow: hidden;
display: inline-block;
float: left;
width: 802px;
}
.topLineCatalog .first{
width: 210px;
margin-top: 0px;
float:right;
}
.topLineCatalog2 .first{
width: 490px;
margin-top: 23px;
}
.topLineCatalog .second,
.topLineCatalog2 .second{
display: inline-block;
float: left;
width: 761px;
padding-left: 41px;
}
.topLineCatalog .second{
width:558px;
padding-left: 32px;
margin-top: 23px;
}
.topLineCatalog2 .second{
float:right;
width: 246px;
padding: 0px;
margin-top: 5px;
}
.topLineCatalog .bottomPillow{
clear: both;
height: 6px;
}
.topLineCatalog .bottom {
clear: both;
overflow: hidden;
height: 38px;
line-height: 38px;
margin-top: 9px;
}
.header .logo{
width: 188px;
display: inline-block;
float: left;
}
.topLineCatalog .header .logo{
padding-top: 28px;
}
.topLineCatalog2 .header .logo{
width: 247px;
}
.header .topMenuSmall{
display: none;
}
.header ul.topMenu
{
width: 533px;
display: inline-block;
float: left;
list-style: none;
overflow: hidden;
margin: 0px;
padding: 0px;
margin-left: 31px;
margin-top: 18px;
}
.topLineCatalog .header ul.topMenu{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
display: block;
float: none;
width: 800px;
}
.header ul.topMenu .title{
display: none;
}
.topLineCatalog .first .topMenu,
.topLineCatalog2 .first .topMenu{
margin-top: 8px;
margin-left: 21px;
width: 547px;
}
.topLineCatalog2 .first .topMenu{
width: 490px;
margin-top:0px;
}
.header ul.topMenu li{
display: inline-block;
float: left;
padding-left: 25px;
}
.topLineCatalog .header ul.topMenu li{
padding-left: 60px;
}
.header ul.topMenu li img{
margin-right: 10px;
}
.header .first ul.topMenu li{
padding-left: 21px;
}
.topLineCatalog2 .header .first ul.topMenu li{
padding-left: 16px;
}
.header ul.topMenu li a{
display: inline-block;
color: black;
text-decoration: none;
font-size: 16px;
border-bottom: 1px dotted #111111;
font-family: 'ProximaNovaRegular';
font-weight: lighter;
}
.header .first ul.topMenu li a{
font-family: ProximaNovaRegular;
font-size: 14px;
}
.header ul.topMenu li a.act{
border-bottom: 2px solid #095895;
}
.header ul.topMenu li a:hover{
color: #095895;
border-bottom: 1px dotted #095895;
}
.topLineCatalog .header ul.topMenu li a{
border-bottom: 0px;
}
.topLineCatalog .header ul.topMenu li a:hover{
border-bottom: 0px;
}
.topLineCatalog2 .header ul.topMenu li a:hover{
border-bottom: 2px solid #095895;
}
.header .autorization{
background-color: #f7f7f7;
padding-left: 16px;
padding-right: 16px;
padding-top: 10px;
padding-bottom: 10px;
position:relative;
height:18px;
float: right;
display: inline-block;
font-size: 14px;
font-weight: lighter;
font-family: sans-serif,'Roboto Condensed';
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
behavior: url("../css/csspie/PIE.php");
}
.header .autorization a{
color: black;
display: inline-block;
text-decoration: none;
border-bottom: 1px dotted #111111;
background-position: -10px 0px;
background-repeat: no-repeat
}
.header .autorization a.enter{
margin-right: 14px;
}
.header .autorization a.reg{
}
.header .autorization img{
display: inline-block;
vertical-align: middle;
margin-right: 7px;
}
.header .autorization a:hover{
border-bottom: none;
}
.header .searchLine{
border:1px solid black;
border-radius: 17px;
width: 502px;
height: 30px;
line-height: 30px;
margin-top: 15px;
margin-right: 19px;
display: inline-block;
float:left;
behavior: url("../css/csspie/PIE.php");
}
.topLineCatalog .header .searchLine{
width: 256px;
margin-right: 25px;
}
.header .searchLine img{
margin-left: 13px;
margin-top: 10px;
display: inline-block;
float: left;
}
.header .searchLine .search{
border:none;
margin-left: 5px;
font-size: 12px;
height: 28px;
width: 406px;
float: left;
outline: none;
}
.topLineCatalog .header .searchLine .search{
width:164px;
}
.header .searchLine .searchButton{
background-color: #009dbf;
color: white;
height: 28px;
line-height: 25px;
font-size: 12px;
text-align: center;
margin-top: 1px;
margin-right: 1px;
padding-left: 8px;
padding-right: 8px;
display: inline-block;
float: right;
border: none;
border-radius: 14px;
behavior: url("../css/csspie/PIE.php");
cursor: pointer;
}
ul.searchItems{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
box-shadow:0 0 3px gray;
width: 473px;
left:12px !important;
background-color: white;
overflow: hidden;
line-height: normal;
z-index: 30 !important;
}
ul.searchItems li{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
line-height: normal;
overflow: hidden;
height: auto;
}
ul.searchItems li:hover{
background-color: #095895;
cursor: pointer;
}
ul.searchItems li .image{
width: 72px;
height: 72px;
line-height: 72px;
float: left;
margin: 5px;
margin-right: 10px;
padding: 0px;
text-align: center;
}
ul.searchItems li .image img{
margin: 0px;
vertical-align: middle;
float: none;
}
ul.searchItems li a{
display: block;
width: 386px;
float: left;
font-size: 14px;
}
ul.searchItems li a:hover{
background-color: #095895;
}
ul.searchItems li a span{
display: block;
}
ul.searchItems li a .barcode{
color: gray;
font-size: 12px;
}
ul.searchItems li:hover a .barcode{
color: black;
}
ul.searchItems li:hover a{
background-color: #095895;
}
ul.searchItems li a .price{
color:#095895;
}
ul.searchItems li:hover a .price{
color: black;
}
.header .topPhone,
.header .topPhoneBig{
width: 134px;
display: inline-block;
float: left;
margin-top: 12px;
font-size: 16px;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif;
}
.header .topPhoneBig{
width: 124px;
}
.header .second .topPhone{
font-weight: normal;
}
.header .topPhoneBig{
width:166px;
float: right;
font-size: 21px;
font-weight: normal;
margin-top: 16px;
font-family: 'Roboto Condensed', sans-serif;
}
.header .topCart{
width: 99px;
height: 30px;
line-height: 30px;
display: inline-block;
float: left;
margin-left: 13px;
margin-top: 14px;
background-image: url(../img/cart_little.png);
background-repeat: no-repeat;
background-position: top left;
text-align: left;
font-family: 'Roboto Condensed', sans-serif;
font-weight: lighter;
}
.header .topCart.contactHidden{
display: none;
}
.header .second .topCart{
line-height: inherit;
font-weight: bold;
}
.topLineCatalog .header .second .topCart{
margin-left: 32px;
}
2 .header .second .topCart{
font-weight: normal;
}
.topLineCatalog2 .header .topCart{
width: 105px;
}
.header .topCart a{
display: block;
text-decoration: none;
color: black;
text-align: left;
padding-left: 37px;
}
.topLineCatalog2 .header .topCart a{
height: 29px;
line-height: 29px;
}
.header .topCart a.count{
font-size: 13px;
text-align: left;
font-weight: normal;
margin-left: 37px;
margin-top: -3px;
padding-left: 0px;
}
.header .topCart:hover{
opacity: 0.6;
filter: alpha(opacity=60);
}
.header .topCart del{
font-weight: normal;
}
.bannersLine{
height: 20px;
background-color: white;
background-image: url(../img/banner_line.png);
background-repeat: repeat-x;
background-position: center center;
}
.bannersLine2{
background-color: white;
border-bottom:1px solid #e5e5e5;
}
.topButtonsLine{
padding-top: 10px;
padding-bottom: 10px;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
overflow: hidden;
}
.topButtonsLine .mainTopCategoryDiv{
margin-left: auto;
margin-right: auto;
position:relative;
}
.topButtonsLine .mainTopCategoryDiv a{
display: inline-block;
width: 33.35%;
margin-right: -5px;
position: relative;
text-decoration: none;
color: black;
}
.topButtonsLine .mainTopCategoryDiv a.last{
margin-right: 0px;
}
.topButtonsLine .mainTopCategoryDiv .contacts {
display: inline-block;
}
.topButtonsLine .mainTopCategoryDiv a img{
width: 100%;
display: block;
position: relative;
z-index: 1;
}
.topButtonsLine .mainTopCategoryDiv .mainImg{
display: none;
}
.topButtonsLine .mainTopCategoryDiv a:hover .mainImg{
display: block;
}
.topButtonsLine .mainTopCategoryDiv a .cover{
width: 100%;
height: 100%;
display: block;
}
.topButtonsLine .mainTopCategoryDiv a:hover .cover{
display: none;
}
.topButtonsLine .mainTopCategoryAkvDiv{
max-width: 1904px;
margin-left: auto;
margin-right: auto;
position:relative;
}
.topButtonsLine .mainTopCategoryAkvDiv a{
display: block;
float: left;
width: 24.4061%;
margin-right: 0.7917%;
position: relative;
text-decoration: none;
color: black;
}
.topButtonsLine .mainTopCategoryAkvDiv a.last{
margin-right: 0px;
}
.topButtonsLine .mainTopCategoryAkvDiv a img{
width: 100%;
display: block;
position: relative;
z-index: 1;
}
.topButtonsLine .mainTopCategoryAkvDiv .mainImg{
display: none;
}
.topButtonsLine .mainTopCategoryAkvDiv a:hover .mainImg{
display: block;
}
.topButtonsLine .mainTopCategoryAkvDiv a .cover{
width: 100%;
height: 100%;
display: block;
}
.topButtonsLine .mainTopCategoryAkvDiv a:hover .cover{
display: none;
}
.categoryDescription{
padding-left: 16px;
padding-top: 16px;
font-size: 14px;
}
.mainTextContent{
padding-top: 8px;
padding-bottom: 26px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: lighter;
font-size: 15px;
color:#646464;
overflow: hidden;
}
.mainTextContent .mainContent{
width: 100%;
float: left;
}
.mainTextContent .mainRightButtons{
width:300px;
float: right;
}
.mainTextContent .mainRightButtons a{
display: block;
margin-top: -460px;
margin-bottom: 0px;
margin-left: -15px;
}
.mainTextContent .mainRightButtons a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
.mainTextContent .mainRightButtons p{
padding-bottom: 18px;
}
/* banner 2*/
.mainTextContent .mainRight2Buttons{
width:300px;
float: right;
}
.mainTextContent .mainRight2Buttons a{
display: block;
margin-top: -150px;
margin-bottom: 0px;
margin-left: -15px;
}
.mainTextContent .mainRight2Buttons a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
.mainTextContent .mainRight2Buttons p{
padding-bottom: 18px;
}
.mainTextContent .mainDownButtons{
float: left;
width: 100%;
}
.mainTextContent .mainDownButtons a{
float: left;
display: block;
margin-bottom: 7px;
margin-left: 14px;
margin-right: 15px;
}
.mainTextContent .mainDownButtons a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
.mainTextContent .mainDownButtons p{
padding-bottom: 7px;
}
.mainTextContent .mainDownSq{
float: left;
width: 100%;
}
.mainTextContent .mainDownSq a{
float: left;
display: block;
margin-bottom: 7px;
margin-left: 20px;
margin-right: 15px;
}
.mainTextContent .mainDownSq a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
.mainTextContent .mainDownSq p{
padding-bottom: 7px;
}
.mainTextContent .mainDownPryam{
float: left;
width: 100%;
}
.mainTextContent .mainDownPryam a{
float: left;
display: block;
margin-bottom: 7px;
margin-left: 15px;
margin-right: 15px;
}
.mainTextContent .mainDownPryam a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
.mainTextContent .mainDownSq p{
padding-bottom: 7px;
}
.mainTextContent .mainSquareButtons{
float: left;
width: 100%;
}
.mainTextContent .mainSquareButtons a{
float: left;
display: block;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}
.mainTextContent .mainSquareButtons a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
.mainTextContent .mainSquareButtons p{
padding-bottom: 18px;
}
.catalogColumns{
overflow: hidden;
/*padding-bottom: 35px;
border-bottom:1px solid #e5e5e5;*/
}
.catalogColumns.inloading{
opacity: 0.5;
filter:Alpha(opacity=50);
}
.catalogColumns .left{
display: block;
width: 300px;
float: left;
background-color: #fff;
margin-right: 30px;
}
.catalogColumns ul.leftCatalog{
list-style: none;
margin: 0px;
padding: 10px 20px 10px 20px;
display: block;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
}
.catalogColumns ul.leftCatalog li{
margin: 0px;
padding: 0px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 14px;
display: block;
}
.catalogColumns ul.leftCatalog li a,
.catalogColumns ul.leftCatalog li span.big{
color: black;
text-transform: uppercase;
text-decoration: none;
padding-left: 11px;
display: block;
}
.catalogColumns ul.leftCatalog li span.big{
font-size: 22px;
}
.catalogColumns ul.leftCatalog.contacts{
min-height: 674px;
}
.catalogColumns ul.leftCatalog.contacts .thin{
/*font-family: 'Roboto Condensed', sans-serif;*/
font-family: 'Lobster', cursive;
font-weight: normal;
display: flex;
}
.catalogColumns ul.leftCatalog.contacts .thin .img_wrapper{
width: 30px;
margin-right: 8px;
}
.catalogColumns ul.leftCatalog.contacts .thin .img_wrapper img{
width: 100%;
display: block;
}
.catalogColumns ul.leftCatalog ul{
margin:20px 0 0 0;
padding:0px;
display: block;
font-weight: normal;
font-family: sans-serif, Arial;
font-size: 14px;
letter-spacing: 0px;
}
.catalogColumns ul.leftCatalog ul li{
margin:0px;
padding:0px;
}
.catalogColumns ul.leftCatalog ul li a{
text-transform: inherit;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
}
.catalogColumns ul.leftCatalog ul li a:hover,
.catalogColumns ul.leftCatalog ul li a.act{
color: white;
background-color: #095895;
border-radius: 5px;
behavior: url("../css/csspie/PIE.php");
position:relative;
}
.catalogColumns ul.leftCatalog ul li a span{
margin-right: 8px;
}
.catalogColumns ul.leftCatalog.contacts ul ul li a{
padding-left: 42px;
background-position: 26px 14px;
}
.catalogColumns .right{
display: block;
width: calc(100% - 330px);
float: left;
}
.page-orders{
background: #ffffffad;
border: 1px solid #e6e6e67d;
box-shadow: 0 4px 20px -10px #7b7979ba;
padding: 15px 30px;
box-sizing: border-box;
margin: 30px 0 20px 0;
border-radius: 20px;
}
@media(max-width: 500px) {
.page-orders{
padding: 15px 15px;
}
}
.t-order-wrapper{
padding-bottom: 9px;
border-bottom: 2px solid #cecece;
margin-bottom: 25px;
}
.t-order-wrapper-info{
background: #ffffffad;
border: 1px solid #e6e6e67d;
box-shadow: 0 4px 20px -10px #7b7979ba;
padding: 15px 30px;
box-sizing: border-box;
margin: 30px 0 20px 0;
border-radius: 20px;
}
.t-order-wrapper-info .t-order-list.open{
list-style: none;
}
.t-order-wrapper-info .t-order-list.open li{
margin-bottom: 18px;
}
.t-order_title{
font-family: 'Lobster', cursive;
display: inline-block;
margin-bottom: 10px;
}
.t-order_title:hover{
color: #cb11ab;
}
.t-order_description{
display: flex;
flex-direction: column;
}
.t-order_description a{
margin-bottom: 8px;
}
.t-order_description a:hover{
color: #cb11ab;
}
.t-order_description span{
font-family: 'Lobster', cursive;
font-size: 20px;
}
.breadcrumps{
margin-left: 18px;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0px;
margin-bottom: 12px;
}
.breadcrumps a{
text-decoration: none;
color:#009dbf;
}
.breadcrumps span{
margin-left: 6px;
margin-right: 4px;
color:#696a6e;
}
.breadcrumps span.act{
margin: 0px;
}
.noQuery,
.noProducts{
font-size: 18px;
text-align: center;
margin-top: 100px;
margin-bottom: 100px;
}
.subCategory{
padding-top: 10px;
padding-left: 20px;
}
.subCategory a{
font-size: 14px;
font-family: sans-serif,"Roboto Condensed";
color:black;
border-bottom: 1px dotted #111111;
margin-right: 10px;
text-decoration: none;
}
.subCategory a:hover{
color: #095895;
border-bottom: 2px solid #095895;
}
.catalogColumns .catalogTitleDiv,
.stepsBlock .catalogTitleDiv{
padding-top: 7px;
padding-left: 18px;
padding-bottom: 7px;
background-color: #fff;
}
.stepsBlock .adressTab .row{
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 16px;
}
.stepsBlock .formLine.address{
padding-bottom: 20px;
}
.stepsBlock .changeUser{
font-size: 14px;
}
.stepsBlock .changeUser a.link{
color: #009dbf;
border-bottom: 1px dotted #009dbf;
}
.stepsBlock .textKey{
width: 76px;
display: inline-block;
}
.stepsBlock .textValue{
width: 400px;
display: inline-block;
color: black;
}
.stepsBlock .inline{
display: inline-block;
}
.stepsBlock .passLine{
padding-bottom: 20px;
}
.checkoutForm .organization{
display: none;
}
.checkoutForm.company .organization{
display: block;
}
.stepsBlock .tab{
display: none;
}
.stepsBlock .tab.act{
display: block;
}
#products.inLoading,
.catalogColumns .catalogTitleDiv.inLoading{
opacity: 0.5;
filter:Alpha(opacity=50);
}
.catalogColumns .catalogTitleDiv.contacts{
display: none;
}
.catalogColumns .catalogTitleDiv h1,
.catalogColumns .catalogTitleDiv .h1,
.stepsBlock .catalogTitleDiv .h1{
padding: 0px;
margin: 0px;
font-family: sans-serif, Arial;
text-transform: uppercase;
font-size: 20px;
display: inline-block;
float: left;
font-weight: bold;
}
.catalogColumns .catalogTitleDiv .h1,
.stepsBlock .catalogTitleDiv .h1{
float: none;
}
.catalogColumns .catalogTitleDiv .sort{
display: none;
}
.stepsBlock .catalogTitleDiv{
margin-bottom: 24px;
margin-top: 15px;
}
.stepsBlock .catalogTitleDiv .h1{
color: black;
font-size: 17px;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 10px;
padding-bottom: 10px;
}
.catalogColumns .catalogTitleDiv .h1.half{
width: 50%;
float: left;
color: black;
font-family: 'Lobster', cursive;
font-weight: 500;
}
.catalogColumns .catalogTitleDiv .h1.half.second{
width: 356px;
float: right;
}
.catalogColumns .catalogTitleDiv .priceFilter,
.catalogColumns .catalogTitleDiv .integerFilter{
display: block;
width: 305px;
float: right;
behavior: url("../css/csspie/PIE.php");
}
.catalogColumns .catalogTitleDiv .integerFilter{
width: inherit;
float: none;
height: 38px;
padding-top: 28px !important;
}
.catalogColumns .catalogTitleDiv .priceFilter .title,
.catalogColumns .catalogTitleDiv .integerFilter .title{
color: #787878;
font-size: 16px;
display: inline-block;
float: left;
}
.catalogColumns .catalogTitleDiv .integerFilter .title{
padding-right: 10px;
font-weight: bold !important;
}
.catalogColumns .catalogTitleDiv .priceFilter .priceInterval,
.catalogColumns .catalogTitleDiv .integerFilter .priceInterval{
display: inline-block;
float: left;
width: 234px;
height: 18px;
margin-left: 12px;
margin-right: 12px;
}
.catalogColumns .catalogTitleDiv .priceFilter .lineInterval,
.catalogColumns .catalogTitleDiv .integerFilter .lineInterval{
height: 7px;
margin-top: 8px;
position:relative;
background-position: top left;
background-repeat: repeat-x;
background-image: url(../img/interval/line.png);
border-radius: 4px;
behavior: url("../css/csspie/PIE.php");
}
.catalogColumns .catalogTitleDiv .priceFilter .point,
.catalogColumns .catalogTitleDiv .integerFilter .point{
background-color: white;
height: 14px;
width: 14px;
border:1px solid #c2c2c2;
display: inline-block;
position:absolute;
top:-4px;
border-radius: 7px;
cursor: pointer;
box-shadow: 0 1px 3px gray;
behavior: url("../css/csspie/PIE.php");
}
.catalogColumns .catalogTitleDiv .priceFilter .pos,
.catalogColumns .catalogTitleDiv .integerFilter .pos{
height: 14px;
width: 14px;
display: block;
position:relative;
behavior: url("../css/csspie/PIE.php");
}
.catalogColumns .catalogTitleDiv .priceFilter .first,
.catalogColumns .catalogTitleDiv .integerFilter .first{
left:10px;
}
.catalogColumns .catalogTitleDiv .priceFilter .second,
.catalogColumns .catalogTitleDiv .integerFilter .second{
right:40px;
}
.catalogColumns .catalogTitleDiv .priceFilter .pointTitle,
.catalogColumns .catalogTitleDiv .integerFilter .pointTitle{
display: inline-block;
padding: 3px;
padding-left: 4px;
padding-right: 4px;
background-color: #095895;
color: white;
white-space: nowrap;
font-size: 12px;
font-family: sans-serif;
position:absolute;
top:-28px;
left:-15px;
border-radius: 3px;
behavior: url("../css/csspie/PIE.php");
}
.catalogColumns .catalogTitleDiv .filterSubmit{
padding: 4px;
background-color: #009dbf;
display: inline-block;
float: right;
border: none;
color: white;
font-size: 12px;
border-radius: 4px;
margin-right: 8px;
cursor: pointer;
behavior: url("../css/csspie/PIE.php");
position:relative;
}
.filterSubmit:hover{
background-color: #095895;
}
.catalogColumns .catalogTitleDiv .subFilters{
clear: both;
overflow: hidden;
margin-left: -20px;
padding-top: 20px;
}
.catalogColumns .catalogTitleDiv .subFilters .filter{
padding-left: 20px;
padding-right: 0px;
padding-top: 7px;
padding-bottom: 3px;
}
.catalogColumns .catalogTitleDiv .subFilters .filter.first{
border-top: 1px solid #ccc;
padding-top: 20px;
}
.catalogColumns .catalogTitleDiv .subFilters h4{
margin: 0px;
padding: 0px;
color: #696a6e;
display: inline-block;
padding-right: 10px;
}
.catalogColumns .catalogTitleDiv .subFilters .colorBlock{
min-width: inherit;
margin-top: 5px;
margin-bottom: 0px;
}
.catalogColumns .catalogTitleDiv .subFilters .colorItem{
display: inline-block;
float: left;
margin-right: 7px;
width: 18px;
height: 18px;
outline: 1px solid black;
background-color: white;
cursor: pointer;
vertical-align: middle;
}
.catalogColumns .catalogTitleDiv .subFilters .act{
outline:2px solid red;
box-radius:5px;
}
.catalogColumns .catalogTitleDiv .subFilters .colorItem:hover{
outline:2px solid red;
}
.catalogColumns .catalogTitleDiv .subFilters label{
vertical-align: middle;
}
.catalogColumns .catalogTitleDiv .subFilters ul{
display: inline-block;
list-style: none;
margin: 0px;
padding: 0px;
clear: both;
}
.catalogColumns .catalogTitleDiv .subFilters ul li{
display: inline-block;
min-width: 54px;
margin-bottom:2px;
}
.catalogColumns .catalogTitleDiv .subFilters .cb{
margin-right: 1px;
}
.catalogColumns .catalogTitleDiv .subFilters ul li label{
margin-right: 6px;
}
ul.catalog,
ul.catalogBuyWithIt{
display: block;
margin: 0px;
padding: 0px;
margin-left: 2px;
margin-top: 13px;
}
ul.catalog li,
ul.catalogBuyWithIt li{
display: inline-block;
float: left;
border: 1px solid #ededed;
width: 182px;
background-color: white;
overflow: hidden;
margin-left: 17px;
margin-top: 7px;
margin-bottom: 9px;
behavior: url("../css/csspie/PIE.php");
}
ul.catalog li:hover,
ul.catalogBuyWithIt li:hover{
box-shadow: 0 0 7px #0976cb;
behavior: url("../css/csspie/PIE.php");
}
ul.catalog a,
ul.catalogBuyWithIt a,
ul.catalog img,
ul.catalogBuyWithIt img{
display: block;
position:relative;
z-index:0;
}
ul.catalog .photo a{
width: 182px;
height: 292px;
line-height: 292px;
display: block;
}
ul.catalog a,
ul.catalogBuyWithIt a{
text-align: center;
}
ul.catalog img,
ul.catalogBuyWithIt img{
display: inline-block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
ul.catalog li .photo,
ul.catalogBuyWithIt li .photo{
position:relative;
behavior: url("../css/csspie/PIE.php");
}
ul.catalog li .photo .showBlock,
ul.catalogBuyWithIt li .photo .showBlock{
position:absolute;
bottom:0px;
left:20px;
width: 138px;
}
ul.catalog li .photo .showBlock a,
ul.catalogBuyWithIt li .photo .showBlock a{
color: white;
display: none;
height: 32px;
line-height: 32px;
font-size: 13px;
font-family: sans-serif;
font-weight: bold;
background-color: #009dbf;
background-image: url(../img/catalog_search.png);
background-position: top left;
background-repeat: no-repeat;
text-indent: 42px;
text-decoration: none;
z-index:2;
width: auto;
}
ul.catalog li .photo .showBlock a,
ul.catalogBuyWithIt li .photo .showBlock a{
background-color: #095895;
}
ul.catalog li .photo .showBlock a:hover,
ul.catalogBuyWithIt li .photo .showBlock a:hover{
text-decoration:none;
}
ul.catalog li:hover .photo .showBlock a,
ul.catalogBuyWithIt li:hover .photo .showBlock a{
display: block;
}
ul.catalog li .item,
ul.catalogBuyWithIt li .item{
margin-left: auto;
margin-right: auto;
color: #69686e;
position:relative;
z-index:6;
padding-left: 8px;
padding-right: 8px;
background-color: white;
}
ul.catalog li .item .noProduct,
ul.catalogBuyWithIt li .item .noProduct{
font-size: 10px;
display: inline-block;
float: right;
height: 26px;
line-height: 26px;
}
ul.catalog li:hover .item,
ul.catalogBuyWithIt li:hover .item{
box-shadow:0 -1px 6px gray;
}
ul.catalog li .item .title,
ul.catalogBuyWithIt li .item .title{
/* text-transform: uppercase; */
/*margin-left:-100px;*/
/*font-size: 10px;*/
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
ul.catalog li .item .titleDir,
ul.catalogBuyWithIt li .item .titleDir{
font-size:11px;
font-family: sans-serif;
margin-top: -2px;
white-space: nowrap;
height: 14px;
}
ul.catalog li .item .priceDiv,
ul.catalogBuyWithIt li .item .priceDiv{
overflow: hidden;
border-top:1px solid #ededed;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 10px;
}
ul.catalog li .item .price,
ul.catalogBuyWithIt li .item .price{
display: inline-block;
float: left;
color:#727272;
font-size: 14px;
/* max-width: 77px;*/
overflow: hidden;
white-space: nowrap;
}
ul.catalog li .item .price del,
ul.catalogBuyWithIt li .item .price del{
font-family: Times New Roman;
}
ul.catalog li .item a.more,
ul.catalog li .item a.buy,
ul.catalogBuyWithIt li .item a.more,
ul.catalogBuyWithIt li .item a.buy{
display: inline-block;
float: right;
height: 26px;
line-height: 26px;
background-color: #FF0000;
color: white;
font-size: 13px;
padding-left: 11px;
padding-right: 10px;
text-decoration: none;
font-family: sans-serif;
margin-top: 0px;
}
div.title a{text-decoration:none;color: #69686e;}
ul.catalog li:hover .item a.more,
ul.catalog li:hover .item a.buy,
ul.catalogBuyWithIt li:hover .item a.more,
ul.catalogBuyWithIt li:hover .item a.buy{
background-color: #095895;
}
ul.catalog li .item a.more:hover,
ul.catalogBuyWithIt li .item a.more:hover{
text-decoration:none;
}
ul.catalog li .item a.buy,
ul.catalogBuyWithIt li .item a.buy{
padding: 0px;
width: 26px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/buy_it.png);
position:relative;
}
ul.catalog li:hover .item a.buy,
ul.catalogBuyWithIt li:hover .item a.buy{
background-image: url(../img/buy_it_act.png);
z-index:10;
}
ul.catalog li .item a.buy{
display: none;
}
ul.catalog li .item a.buy span{
display: none;
}
.buyWithItDiv{
margin-top: 28px;
}
ul.catalogBuyWithIt .photo{
border-bottom: 1px solid #ededed;
}
ul.catalogBuyWithIt{
margin-left: -17px;
overflow: hidden;
}
.pagination{
border: 1px solid #ededed;
margin-top: 9px;
margin-left: 19px;
padding-top: 6px;
padding-left: 11px;
padding-right: 122px;
padding-bottom: 6px;
overflow: hidden;
position:relative;
}
.pagination a,
.pagination span{
display:inline-block;
float: left;
height: 27px;
line-height: 27px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
color: #7f8084;
font-family: sans-serif;
font-size: 14px;
}
.pagination span{
margin-right: 5px;
padding-left: 0px;
}
.pagination a.showAll{
background-color: #e6e6e6;
color: #686868;
position:absolute;
top:6px;
right:10px;
}
.pagination a:hover,
.pagination a.act{
color: white;
background-color: #009dbf;
}
.catalogGoodsDiv {
margin-left: 22px;
margin-top: 20px;
}
.catalogGoodsDiv .left{
background-color: inherit;
display: inline-block;
float: left;
width: 294px;
padding: 0px;
position:relative;
}
.catalogGoodsDiv .left .bigPhoto{
}
.bigPhoto-link {
padding: 0 35px;
}
.catalogGoodsDiv .left .bigPhoto a{
display: block;
}
.goodsImgs .gallery{
margin-top: 10px;
overflow: hidden;
height: 90px;
position:relative;
clear: both;
}
.goodsImgs .gallery .pleft,
.goodsImgs .gallery .pright
{
display: inline-block;
width: 26px;
height: 26px;
position:absolute;
z-index:10;
top:32px;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../img/gallery_left.png);
}
.goodsImgs .gallery .pleft{
left:0px;
}
.goodsImgs .gallery .pright{
right:0px;
background-image: url(../img/gallery_right.png);
}
.goodsImgs .gallery .line{
height: 90px;
width:4000px;
position:absolute;
top:0px;
left:0px;
z-index:2;
}
.goodsImgs .gallery .line a{
display: inline-block;
float: left;
margin-right: 10px;
}
.catalogGoodsDiv .right{
background-color: none;
display: inline-block;
float: right;
width: 472px;
padding: 0px;
position:relative;
}
.catalogGoodsDiv .right .podbor{
text-transform: uppercase;
font-size: 22px;
border-bottom: 1px solid #ededed;
padding-top: 20px;
padding-bottom: 20px;
}
.catalogGoodsDiv .right .paramsRows .row{
overflow: hidden;
border-bottom: 1px solid #ededed;
}
.catalogGoodsDiv .right .paramsRows .multiOffers .row {
display: flex;
align-items: center;
}
.catalogGoodsDiv .right .paramsRows .title{
width:80px;
float: left;
color: #828282;
font-size: 15px;
font-family: sans-serif;
line-height: 52px;
}
.catalogGoodsDiv .right .paramsRows .title img{
vertical-align: middle;
}
.catalogGoodsDiv .right .paramsRows .title.small{
width: 33px;
}
.catalogGoodsDiv .right .paramsRows .value{
width: 390px;
float: left;
padding-top: 17px;
font-size: 15px;
}
.catalogGoodsDiv .right .paramsRows .value a{
color: #009dbf;
}
.catalogGoodsDiv .right .paramsRows .value a:hover{
text-decoration: none;
}
.catalogGoodsDiv .right .paramsRows .colors{
overflow: hidden;
}
.catalogGoodsDiv .right .paramsRows span.color,
.catalogGoodsDiv .right .paramsRows a.color{
display: inline-block;
float: left;
width: 15px;
height: 15px;
border: 1px solid #e8e8e8;
margin-right: 8px;
margin-bottom: 3px;
}
.catalogGoodsDiv .right .paramsRows span.color.multicolor,
.catalogGoodsDiv .right .paramsRows a.color.multicolor{
background-image: url(../img/multicolor.png);
background-repeat: no-repeat;
background-position: center center;
}
.catalogGoodsDiv .right .paramsRows a.color.act,
.catalogGoodsDiv .right .paramsRows a.color:hover{
border: 1px solid #009dbf;
}
.catalogGoodsDiv .right .paramsRows .sizeparams{
overflow: hidden;
color: #828282;
font-size: 15px;
font-family: sans-serif;
}
.catalogGoodsDiv .right .paramsRows a.size{
display: inline-block;
float: left;
min-width: 27px;
height: 26px;
padding: 0 5px;
color: #828282;
text-align: center;
line-height:26px;
text-decoration: none;
font-size: 14px;
}
.catalogGoodsDiv .right .paramsRows .sizeparams.small a.size{
width: 26px;
}
.catalogGoodsDiv .right .paramsRows a.size.act,
.catalogGoodsDiv .right .paramsRows a.size:hover{
background-color: #009dbf;
color: white;
}
.loader{
background-image: url(../img/loader.gif);
background-repeat: no-repeat;
background-position: top left;
height: 16px;
width: 16px;
display: none;
}
.inloading .loader{
display: inline-block;
}
.catalogGoodsDiv .right .priceBuyDiv{
border-bottom: 1px solid #ededed;
overflow: hidden;
}
.priceBuyDiv .noProduct{
display: none;
float: right;
font-size: 16px;
line-height: 84px;
}
.priceBuyDiv .noProduct.visible{
display: inline-block;
}
.catalogGoodsDiv .right .priceBuyDiv .price{
color: #636363;
font-size: 28px;
font-family: 'KelsonSans', Tahoma, sans-serif;
width: 190px;
float: left;
}
.catalogGoodsDiv .right .priceBuyDiv .price del{
font-family: Times New Roman;
font-size: 36px;
}
.catalogGoodsDiv .right .priceBuyDiv .price del.small{
font-size: 20px;
}
.catalogGoodsDiv .right .priceBuyDiv a.buyButton,
.catalogGoodsDiv .right .priceBuyDiv a.toMorePage{
display: inline-block;
float: right;
padding-left: 15px;
padding-right: 53px;
line-height: 46px;
background-color: #009dbf;
color:white;
text-transform: uppercase;
font-weight: bold;
background-image: url(../img/buy_button_cart.png);
background-position: 183px 12px;
background-repeat: no-repeat;
text-decoration: none;
}
.catalogGoodsDiv .right .priceBuyDiv a.buyButton:hover,
.catalogGoodsDiv .right .priceBuyDiv a.toMorePage:hover{
background-color: #095895;
}
.product.notAvaliable .right .priceBuyDiv a.buyButton{
display: none;
}
.product.notAvaliable .noProduct{
display: inline-block;
}
.catalogGoodsDiv .right .priceBuyDiv a.buyOneClick{
display: inline-block;
float: right;
height: 46px;
width: 46px;
margin-right: 15px;
background-color: #F4F4F4 ;
/* background-color: #00468C; */
background-image: url(../img/phone.png);
background-position: center center;
background-repeat: no-repeat;
}
.catalogGoodsDiv .right .priceBuyDiv a.toMorePage{
padding-left: 22px;
padding-right: 22px;
border-radius: 5px;
background-image: none;
}
.catalogGoodsDiv .right .parameters{
padding-top: 0px;
}
.catalogGoodsDiv .right .parameters h4{
padding-top: 0px;
margin-top: 12px;
text-transform: uppercase;
}
.catalogGoodsDiv .right .parameters .title{
font-size: 23px;
text-transform: uppercase;
padding-bottom: 16px;
}
.catalogGoodsDiv .right .parameters .row{
overflow: hidden;
width: 100%;
}
.catalogGoodsDiv .right .parameters .row.odd{
background-color: #fbfbfb;
}
.catalogGoodsDiv .right .parameters .paramTitle,
.catalogGoodsDiv .right .parameters .paramValue{
width:46%;
line-height: 34px;
padding-left: 16px;
float: left;
font-family: sans-serif;
font-size: 14px;
}
.catalogGoodsDiv .right .parameters .paramValue{
text-align: right;
}
.catalogGoodsDiv .productTabs ul{
margin: 0px;
padding: 0px;
margin-top: 12px;
list-style: none;
overflow: hidden;
background-color: #f4f4f4;
}
.catalogGoodsDiv .productTabs ul li{
display: inline-block;
float: left;
margin: 0px;
padding: 0px;
padding-left: 17px;
padding-right: 17px;
background-color: #f4f4f4;
}
.catalogGoodsDiv .productTabs ul li:hover{
background-color: white;
cursor: pointer;
}
.catalogGoodsDiv .productTabs ul li.act{
background-color: white;
}
.catalogGoodsDiv .productTabs ul li a{
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
color: black;
text-transform: uppercase;
text-decoration: none;
line-height: 44px;
}
.reserveForm{
width: 364px;
}
.productTabs .tab{
display: none;
font-size: 15px;
font-family: Arial;
color:#646464;
padding-bottom: 12px;
position: relative;
}
.productTabs .tab .cont{
overflow: hidden;
max-height: 200px;
}
.productTabs .tab .moreLine{
text-align: right;
}
.productTabs .tab.show,
.productTabs .tab.act{
display: block;
}
.productTabs .tab a.more{
display: none;
color: #009dbf;
bottom: 0px;
right: 0px;
background-color: white;
font-family: Arial;
font-size: 15px;
text-decoration: none;
border-bottom: 1px dotted #009dbf;
}
.blackBack{
position:fixed;
left:0px;
right:0px;
top:0px;
bottom:0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.3;
filter:Alpha(opacity=30);
z-index:11;
display: none;
}
#cboxContent .catalogGoodsDiv{
margin: 0px;
width: 638px;
overflow: hidden;
}
#cboxContent .close{
height: 21px;
width: 21px;
position:absolute;
top:15px;
right:7px;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../img/close_popup.png);
}
#cboxContent .catalogGoodsDiv .left{
}
#cboxContent .catalogGoodsDiv .right{
width: 318px;
}
#cboxContent .catalogGoodsDiv .right .paramsRows .title{
width:88px;
font-size: 19px;
}
#cboxContent .catalogGoodsDiv .right .paramsRows span{
display: inline-block;
float: left;
padding-left: 7px;
padding-right: 7px;
font-size: 16px;
}
#cboxContent .catalogGoodsDiv .right .paramsRows span.color{
width: 24px;
height: 24px;
padding: 0px;
}
#cboxContent .catalogGoodsDiv .right .paramsRows .value{
width:225px;
}
#cboxContent .catalogGoodsDiv .right .priceBuyDiv .price{
width: 138px;
}
#cboxContent .catalogGoodsDiv .right .parameters{
}
#cboxContent .catalogGoodsDiv .right .parameters .paramTitle{
width: 123px;
}
#cboxContent .catalogGoodsDiv .right .parameters .paramValue{
width: 163px;
padding: 0px;
}
.basket .titleDiv{
background: #fff;
border: 1px solid #e6e6e67d;
box-shadow: 0 1px 17px -10px #7b7979ba;
padding: 6px 20px;
margin: 0 0 20px 0;
border-radius: 20px;
}
.basket .titleDiv h1{
display: inline-block;
float: left;
font-family: 'Lobster', cursive;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 0;
text-transform: uppercase;
padding-left: 16px;
padding-right: 16px;
}
.basket .titleDiv a{
color:#67686d;
text-decoration: none;
font-size: 12px;
font-family: sans-serif;
}
.basket .titleDiv a:hover{
text-decoration: underline;
}
.basket .titleDiv img{
vertical-align: middle;
padding-bottom: 3px;
}
.basket .basketRow{
padding-bottom: 9px;
border-bottom: 2px solid #cecece;
margin-bottom: 20px;
}
.discount{
color: red;
display: block;
padding-left: 7px;
padding-top: 5px;
clear: both;
}
.basket .discountCardBlock{
padding: 10px 5px;
color: green;
font-size: 14px;
}
.basket .discountCardBlock a{
display: inline-block;
width: 16px;
height: 16px;
background-image: url(../img/basket_close.png);
background-position: top left;
background-repeat: no-repeat;
vertical-align: top;
}
.basket .goodDiv{
overflow: hidden;
}
.basket .goodDiv .leftClose{
float: left;
width: 36px;
padding-top: 0;
position:relative;
}
.basket .goodDiv .leftClose a{
display: inline-block;
margin-left:16px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../img/basket/close.png);
}
.basket .goodDiv .left{
float: left;
width:144px;
background-color: white;
border-radius: 50%;
}
.basket .goodDiv .right{
float: left;
width:314px;
}
.basket .right .podbor{
color: #67686c;
text-transform: uppercase;
font-size: 22px;
padding-left: 7px;
border-bottom: 1px solid #ededed;
margin-right: 18px;
padding-bottom: 16px;
}
.basket .right .podbor .small{
font-size: 10px;
}
.basket .right .podbor a{
text-decoration: none;
color: #67686c;
}
.basket .right .paramsRows .row{
overflow: hidden;
border-bottom: 1px solid #ededed;
margin-right: 18px;
}
.basket .right .paramsRows .row.basketval{
border-bottom: none;
}
.basket .right .paramsRows .value a.none{
opacity:0.3;
}
.basket .right .paramsRows .title{
width:58px;
padding-left: 7px;
float: left;
color: #828282;
font-size: 13px;
font-family: sans-serif;
line-height: 32px;
}
.basket .right .paramsRows .basketval .title{
line-height: 36px;
}
.basket .right .paramsRows .title img{
vertical-align: middle;
}
.basket .right .paramsRows .value{
width: 209px;
float: left;
padding-top: 8px;
font-size: 12px;
}
.basket .right .paramsRows .value a{
color: #095895;
font-size: 12px;
}
.basket .right .paramsRows .value a:hover{
text-decoration: none;
}
.basket .right .paramsRows .colors{
overflow: hidden;
margin-left: 21px;
}
.basket .right .paramsRows span.color,
.basket .right .paramsRows a.color{
display: inline-block;
float: left;
width: 12px;
height: 12px;
border: 1px solid #e8e8e8;
margin-right: 7px;
margin-bottom: 3px;
}
.basket .right .paramsRows span.color.multicolor,
.basket .right .paramsRows a.color.multicolor{
background-image: url(../img/multicolor_small.png);
background-repeat: no-repeat;
background-position: center center;
}
.basket .right .paramsRows a.color.act,
.basket .right .paramsRows a.color:hover{
border: 1px solid #009dbf;
}
.basket .right .paramsRows .sizeparams{
overflow: hidden;
color: #828282;
font-size: 12px;
margin-left: 21px;
font-family: sans-serif;
}
.basket .right .paramsRows a.size{
display: inline-block;
float: left;
height: 19px;
line-height:19px;
padding-left: 4px;
padding-right: 4px;
color: #828282;
text-align: center;
text-decoration: none;
font-size: 12px;
margin-right: 3px;
}
.basket .right .paramsRows .sizeparams.small a.size{
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
.basket .right .paramsRows .basketval{
overflow: hidden;
color: #828282;
font-size: 12px;
font-family: sans-serif;
}
.basket .right .paramsRows .amountDiv a{
height: 23px;
line-height: 23px;
width: 10px;
display: inline-block;
float: left;
background-position: center center;
background-repeat: no-repeat;
}
.basket .right .paramsRows .basketval .amountDiv{
display:inline-block;
float:left;
overflow: hidden;
color: #797979;
font-size: 18px;
margin-top: 7px;
}
.basket .right .paramsRows .basketval .value{
padding: 0px;
width: 231px;
}
.basket .right .paramsRows .basketval .amountDiv .minus{
background-image: url(../img/basket/minus.png);
margin-right: 7px;
}
.basket .right .paramsRows .basketval .amountDiv .plus{
background-image: url(../img/basket/plus.png);
margin-left: 7px;
}
.basket .basketBottom{
overflow: hidden;
background-color: #f7f7f7;
height: 50px;
line-height: 50px;
color: #68696e;
font-size: 12px;
font-family: sans-serif;
padding-left: 18px;
padding-right: 18px;
}
.basket .basketBottom span{
margin-right: 12px;
}
.basket .basketBottom input{
margin-right: 12px;
width: 150px;
height: 25px;
line-height: 25px;
border:1px solid #e8e8e8;
text-align: center;
}
.basket .basketBottom a{
text-decoration: none;
border-bottom: 1px dotted #66676c;
color: #66676c;
}
.basket .basketBottom a:hover{
border-bottom: none;
}
.basket .basketBottom .price{
float: right;
display: inline-block;
text-align:right;
width: 114px;
font-family: "Roboto Condensed",sans-serif;
font-size: 24px;
}
.basket .basketBottom .price del{
font-family: Times New Roman;
font-size: 25px;
}
.basket .right .paramsRows .basketval .amount{
display: inline-block;
float: left;
width: 22px;
height: 22px;
line-height: 22px;
border: 1px solid #e9e9e9;
text-align: center;
font-family: sans-serif;
}
.basketBottomLine{
padding-top:14px;
}
..basketBottomLine .buttonForm{
float: right;
}
.buttonForm{
background-color: #009dbf;
color: white;
display: inline-block;
font-weight: bold;
font-size: 17px;
height: 46px;
line-height: 46px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
text-transform: uppercase;
border:0px;
font-family: "Roboto Condensed",sans-serif;
cursor: pointer;
}
.buttonForm:hover{
background-color: #095895;
}
.buttonForm.gray{
background-color: #ececec;
color: #6e6e6e;
}
.basketBottomLine .buttonForm.gray{
margin-right: 16px;
}
.basket .right .paramsRows .basketval .price{
display:inline-block;
float:right;
width:125px;
margin-top: 3px;
color: #c911aa;
font-size: 24px;
text-align: right;
font-family: 'Roboto Condensed', sans-serif;
}
.basket .right .paramsRows .basketval .value del{
font-family: Times New Roman;
font-size: 25px;
}
.basket .right .paramsRows a.size.act,
.basket .right .paramsRows a.size:hover{
background-color: #009dbf;
color: white;
}
.catalogColumns.basket{
border-bottom: none;
padding: 0px;
box-sizing: border-box;
}
.authBlocks{
border-bottom: 1px solid #e5e5e5;
}
.authBlocks .block{
width: 828px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-top: 190px;
padding-bottom: 190px;
}
.authBlocks .authBlock{
padding: 28px;
width: 356px;
float: left;
}
.authBlocks .authBlock.odd{
background-color: #f7f7f7;
}
.authBlocks .authBlock .title{
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 24px;
}
.formBlock{
display: block;
color: #727272;
}
.formBlock a{
color: #727272;
text-decoration: none;
font-size: 14px;
font-family: sans-serif;
}
.formBlock a.forget{
border-bottom: 1px dotted #727272;
margin-left: 9px;
}
.formBlock a.forget:hover{
border-bottom: none;
}
.formBlock a.link{
border-bottom: 1px dotted #727272;
margin-right: 9px;
}
.formBlock a.link:hover{
border-bottom: none;
}
.formBlock label{
font-size: 14px;
font-family: sans-serif;
}
.formBlock .forgetImg{
margin-left: 34px;
vertical-align: middle;
display: inline-block;
}
.formBlock .inp,
.formBlock .inp2{
display: block;
border: 1px solid #c4c4c4;
padding-left: 16px;
width: 336px;
height: 35px;
line-height: 35px;
font-size: 13px;
margin-bottom:6px;
color: #808080;
}
.formBlock .captcha input{
border: 1px solid #c4c4c4;
padding-left: 16px;
width: 232px;
height: 35px;
line-height: 35px;
font-size: 13px;
margin-bottom:6px;
color: #808080;
}
.formBlock .captcha img{
vertical-align: middle;
}
.formBlock .inp2{
width: 522px;
}
.formBlock .line{
padding-top: 14px;
padding-bottom: 14px;
}
.formBlock .contactBlock .line{
padding-top: 0px;
}
.formBlock .hint,
.formBlock .hintLine{
padding-top: 5px;
padding-bottom: 10px;
padding-left: 16px;
font-weight: normal;
font-size: 11px;
font-style: italic;
font-family: sans-serif;
color:#8a8a8a;
}
.formBlock .passLine{
font-size: 12px;
font-family: sans-serif;
overflow: hidden;
}
.formBlock .passLine .pl{
margin-right: 14px;
display: inline-block;
width: 62px;
float: left;
}
.formBlock .passLine .rl{
display: inline-block;
float: left;
width: 443px;
font-size: 12px;
}
.formBlock .passLine .ml{
margin-left: 21px;
}
.formBlock .passLine label{
font-size: 12px;
font-weight: bold;
}
.formBlock .passLine .cb{
width: 11px;
height: 11px;
}
.formBlock .passLine .cb span{
margin-left:1px;
margin-top: 1px;
}
.formBlock .submit{
height: 36px;
line-height: 36px;
padding-left: 16px;
padding-right: 16px;
margin-top: 4px;
border:none;
display: inline-block;
background-color: #009dbf;
color: white;
font-weight: bold;
font-size: 15px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
cursor: pointer;
}
.mapDiv{
margin-top: 21px;
margin-left: 18px;
}
.mapDiv .map{
width:787px;
}
.contactsDiv{
margin-left: 18px;
margin-top: 18px;
}
.contactBlock{
width: 430px;
float: left;
padding-bottom: 22px;
}
.contactBlock a{
color: black;
text-decoration: none;
}
.contactBlock.second{
width:356px;
float:right;
}
.contactBlock ul{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
.contactBlock ul li{
display: block;
margin: 0px;
padding: 0px;
margin-bottom: 12px;
height: 28px;
line-height: 28px;
font-family: sans-serif;
font-size: 14px;
}
.contactBlock ul li img{
vertical-align: middle;
margin-right: 12px;
}
.stepsContainer{
margin-top: 12px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px;
}
ul.steps{
display: block;
padding: 0px;
margin: 0px;
padding-left: 18px;
padding-right: 18px;
background-color: #f0f0f0;
overflow: hidden;
}
ul.steps li{
display: inline-block;
padding-left: 12px;
padding-right: 12px;
height: 48px;
line-height: 48px;
}
ul.steps li.act{
background-image: url(../img/steps/arrow.png);
background-position: bottom center;
background-repeat: no-repeat;
}
ul.steps li img{
vertical-align: middle;
margin-right: 7px;
margin-top: -3px;
display: inline-block;
opacity: 0.5;
}
ul.steps li.act img,
ul.steps li:hover img{
opacity: 1;
}
ul.steps li a,
ul.steps li span{
display: inline-block;
text-transform: uppercase;
line-height: normal;
text-decoration: none;
font-weight:bold;
font-family: sans-serif;
font-size: 14px;
color:#959595;
border-bottom: 1px dotted #000000;
}
ul.steps li:hover a{
color: black;
}
ul.steps li.act a,
ul.steps li.act span{
color: black;
border-bottom: none;
}
.stepsBlock h1{
margin: 0px;
padding: 0px;
padding-left: 22px;
padding-top: 18px;
padding-bottom: 18px;
text-transform: uppercase;
font-size: 18px;
color: black;
}
.stepsBlock .block{
padding-left: 14px;
}
.stepsBlock .block .row{
color: black;
font-size: 16px;
overflow: hidden;
margin-bottom: 12px;
}
.stepsBlock .block .row .cb{
float: left;
display: inline-block;
margin-right: 10px;
behavior: url("../css/csspie/PIE.php")
}
.stepsBlock .block .row .value{
float: left;
display: inline-block;
width: 690px;
}
.stepsBlock .block .row .desc{
font-size: 12px;
font-family: sans-serif;
}
.stepsBlock .block .row del{
font-family: Times New Roman;
}
.stepsBlock .tabsList{
padding: 0px;
margin: 0px;
overflow: hidden;
padding-bottom: 18px;
padding-left: 14px;
}
.stepsBlock .tabsList li{
display: inline-block;
float: left;
height: 30px;
line-height: 29px;
}
.stepsBlock .tabsList li a{
display: inline-block;
color: #959595;
font-family: sans-serif;
font-size: 12px;
text-decoration: none;
display: inline-block;
line-height: normal;
padding-left: 12px;
padding-right: 12px;
}
.stepsBlock .tabsList li.act,
.stepsBlock .tabsList li:hover{
background-color: #009dbf;
}
.stepsBlock .tabsList li:hover a,
.stepsBlock .tabsList li.act a,
.stepsBlock .tabsList li:hover a font,
.stepsBlock .tabsList li.act a font {
color: white;
display: inline-block;
}
.stepsBlock .confirmBlock{
overflow: hidden;
background-color: #f7f7f7;
margin-bottom: -20px;
padding-bottom: 20px;
}
.stepsBlock .confirmBlock .left{
width: 498px;
padding-right: 44px;
float: left;
background-color: white;
padding-bottom: 20px;
margin-bottom: -20px;
min-height: 452px;
}
.stepsBlock .confirmBlock .right{
width: 402px;
float: right;
margin-left: 16px;
margin-right: 16px;
}
.stepsBlock .confirmBlock .item{
border-top: 4px solid #f7f7f7;
padding-top: 12px;
padding-bottom: 20px;
overflow: hidden;
}
.stepsBlock .confirmBlock .item .close{
display: inline-block;
float: left;
padding-left: 16px;
padding-right: 10px;
overflow: hidden;
}
.stepsBlock .confirmBlock .item .close a{
display: inline-block;
width: 10px;
height: 10px;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../img/steps/close.png);
}
.stepsBlock .confirmBlock .item .img{
display: inline-block;
float: left;
width: 67px;
height: 67px;
margin-right: 14px;
}
.stepsBlock .confirmBlock .item .info{
display: inline-block;
width: 270px;
float: left;
}
.stepsBlock .confirmBlock .item .title a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
line-height: 18px;
}
.stepsBlock .confirmBlock .item .dir{
font-family: 'Roboto Condensed', sans-serif;
font-size: 13px;
line-height: 10px;
}
.stepsBlock .confirmBlock .item .count{
font-family: sans-serif;
font-size: 14px;
margin-top: 17px;
}
.stepsBlock .confirmBlock .item .price{
display: inline-block;
width: 94px;
height: 24px;
float: right;
padding-top: 42px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
font-weight: bold;
color: #585858;
text-align: right;
padding-right: 17px;
}
.stepsBlock .confirmBlock .item .parameters{
margin-top: 5px;
font-size: 12px;
}
.stepsBlock .confirmBlock .item .price del{
font-family: Times New Roman;
font-weight: normal;
font-size: 23px;
}
.stepsBlock .confirmBlock .bottomPanel{
height: 56px;
line-height: 56px;
background-color: #f7f7f7;
padding-left: 24px;
padding-right: 18px;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
}
.stepsBlock .confirmBlock .bottomPanel .cost{
display: inline-block;
float: right;
width: 120px;
text-align: right;
font-size: 22px;
font-weight: bold;
}
.stepsBlock .confirmBlock .bottomPanel .cost del{
font-family: Times New Roman;
font-weight: normal;
font-size: 23px;
}
.stepsBlock .commentBlock textarea{
width: 468px;
height: 131px;
border: 1px solid #c4c4c4;
display: block;
padding: 17px 21px;
margin-bottom: 10px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
}
.stepsBlock .confirmBlock .bottomTotal{
display: block;
width: 470px;
height: 58px;
line-height: 58px;
padding-left: 24px;
padding-right: 18px;
font-size: 22px;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif;
overflow: hidden;
}
.stepsBlock .confirmBlock .bottomTotal .itog{
width: 130px;
float: left;
}
.stepsBlock .confirmBlock .bottomTotal .total{
width: 130px;
float: right;
text-align: right;
}
.stepsBlock .confirmBlock .bottomTotal .total del{
font-family: Times New Roman;
font-weight: normal;
}
.stepsBlock .download{
font-size: 14px;
}
.stepsBlock .download a,
.stepsBlock .thanks a{
color: #009dbf;
}
.stepsBlock .orderInfoDiv {
background-color: #f7f7f7;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../img/order_info_top.png);
position:relative;
padding-top: 77px;
max-width: 402px;;
margin-bottom: 20px;
}
.stepsBlock .orderInfoDiv.white {
background-color: white;
}
.stepsBlock .orderInfoDiv .bottom{
position:absolute;
bottom:-26px;
left:0px;
display: block;
width: 403px;
height: 26px;
z-index:2;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../img/order_info_bottom.png);
}
.stepsBlock .orderInfoDiv .leftBorder{
background-position: top left;
background-color: white;
background-repeat: repeat-y;
background-image: url('../img/order_info_left.png');
}
.stepsBlock .orderInfoDiv .rightBorder{
background-position: top right;
background-repeat: repeat-y;
background-image: url('../img/order_info_right.png');
}
.stepsBlock .orderInfoDiv .line{
padding: 0px;
height: 3px;
padding-top: 3px;
padding-bottom: 15px;
background-position: center left;
background-repeat: repeat-x;
background-image: url('../img/order_info_line.png');
}
.stepsBlock .orderInfoDiv .inner{
margin-left: 29px;
margin-right: 29px;
}
.stepsBlock .orderInfoDiv .row_item{
overflow: hidden;
font-size: 14px;
font-family: Arial;
padding-top: 5px;
padding-bottom: 7px;
}
.stepsBlock .orderInfoDiv .row_item b{
margin-right: 7px;
}
.orderInfo td{
padding-top: 10px;
padding-right: 20px;
font-size: 15px;
color: #696a6e;
}
.ordersDiv{
padding-top: 20px;
padding-left: 20px;
}
.ordersDiv .item{
border-bottom: 4px solid #f7f7f7;
padding-top: 12px;
padding-bottom: 20px;
overflow: hidden;
color: #696a6e;
}
.ordersDiv .item .block{
width: 584px;
display: inline-block;
float: left;
overflow: hidden;
}
.ordersDiv .item .close{
display: inline-block;
float: left;
padding-left: 16px;
padding-right: 10px;
overflow: hidden;
}
.ordersDiv .item .close a{
display: inline-block;
width: 10px;
height: 10px;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../img/steps/close.png);
}
.ordersDiv .item .img{
display: inline-block;
float: left;
width: 67px;
height: 67px;
margin-right: 14px;
}
.ordersDiv .item .info{
display: inline-block;
width: 500px;
float: left;
}
.ordersDiv .item .title a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
line-height: 18px;
color: #696a6e;
text-decoration: none;
}
.ordersDiv .item .title .status{
display: inline-block;
margin-left: 7px;
padding-left: 10px;
padding-right: 10px;
border-radius:10px;
font-size: 11px;
color: white;
height: 20px;
line-height: 20px;
vertical-align: top;
font-family: Arial;
}
.ordersDiv .item .title .status.orange{
background-color: #095895;
}
.ordersDiv .item .title .status.gray{
background-color: #bababa;
}
.ordersDiv .item .title .status.green{
background-color: #1dc229;
}
.ordersDiv .item .orderButtons{
width:200px;
height: 25px;
margin-top: 16px;
float: right;
text-align: right;
}
.ordersDiv .item .orderButtons a{
color: white;
display: inline-block;
text-decoration: none;
height: 26px;
line-height: 26px;
font-size: 14px;
padding-left: 14px;
padding-right: 14px;
border-radius: 5px;
}
.ordersDiv .item .orderButtons .more{
margin-right: 12px;
background-color: #cacaca;
}
.ordersDiv .item .orderButtons .pay{
background-color: #009dbf;
}
.ordersDiv .item .orderButtons .pay:hover{
background-color: #095895;
}
.ordersDiv .item .dir{
font-family: 'Roboto Condensed', sans-serif;
font-size: 13px;
line-height: 10px;
}
.ordersDiv .item .count{
font-family: sans-serif;
font-size: 14px;
margin-top: 17px;
}
.ordersDiv .item .price{
display: inline-block;
width: 120px;
height: 24px;
float: right;
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
font-weight: bold;
text-align: right;
padding-right: 17px;
}
.ordersDiv .item .bill{
color:#009dbf;
}
.ordersDiv .item .price del{
font-family: Times New Roman;
font-weight: normal;
font-size: 23px;
}
.pageError,
.error,
.formFieldError{
color: red;
font-size: 14px;
padding-bottom: 5px;
display: block;
}
.cartitem .error{
font-size: 12px;
clear: both;
padding-top: 5px;
padding-bottom: 5px;
}
.success{
color: green;
}
.grayBlock{
margin-top: 20px;
}
.recoverText{
font-size: 14px;
margin-bottom: 20px;
}
.articleContainer{
border-bottom: 1px solid #e5e5e5;
}
.pie{behavior: url("../css/csspie/PIE.php")}
.formStyle{
min-width: 350px;
}
.formStyle h2{
font-size: 18px;
font-family: "Roboto Condensed",sans-serif;
}
.formStyle .logoService{
margin-right:5px;
vertical-align: middle;
}
.companyFields{
display: none;
}
.thiscompany .companyFields{
display: block;
}
.noEntity{
padding-top: 100px;
padding-bottom: 100px;
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
}
.exceptionInfo{
text-align: center;
}
.exceptionInfo .code{
color: #095895;
font-size: 54px;
padding: 0px;
margin: 0px;
}
.footer{
font-family: Arial;
font-size: 14px;
color:#b0b0b0;
padding-top: 20px;
padding-bottom: 30px;
overflow: hidden;
}
.footer .copyright{
width: 230px;
float: left;
margin-top: 10px;
}
.footer .footer_menu ul{
float: left;
font-size: 12px;
width: 170px;
margin-left: -20px;
}
.footer .footer_menu li {
list-style: none;
}
.footer .footer_menu li a{
text-decoration: none;
color: #888888;
font-size: x-small;
}
.footer .socialButtons{
width: 160px;
margin-top: 5px;
height: 24px;
}
.footer .socialButtons a{
display: inline-block;
width: 24px;
height: 24px;
float: left;
margin-left: 8px;
background-position: top left;
background-repeat: no-repeat;
}
.footer .socialButtons .vkontakte{
background-image: url(../img/social_bottons.png);
background-position: 0px 0px;
}
.footer .socialButtons .facebook{
background-image: url(../img/social_bottons.png);
background-position: -25px 0px;
}
.footer .socialButtons .twitter{
background-image: url(../img/social_bottons.png);
background-position: -50px 0px;
}
.footer .socialButtons .instagram{
background-image: url(../img/social_bottons.png);
background-position: -75px 0px;
}
.footer .socialButtons .mail{
background-image: url(../img/social_bottons.png);
background-position: -100px 0px;
}
.hidden{
/*display: none !important;*/
display: none;
}
.hide{
display: none;
}
@font-face {
font-family: 'open_sansregular';
src: url('../fonts/opensans-regular-webfont.eot');
src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
.topLine.main .header .logo{
width:109px;
}
.topLine.main .header .logo img{
width:100%;
height:auto;
}
.topLine.main{
padding-top:7px;
}
.topLine.main .header ul.topMenu{
margin:9px 0 0 19px;
width:595px;
}
.topLine.main .header .topPhone{
margin-top:9px;
}
.topLine.main .header .topCart{
margin-top:4px;
}
.topLine.main .header ul.topMenu li{padding-left:37px;}
.footer .socialButtons a:hover{
background:url(../img/social_bottons_h.png) no-repeat;
}
.footer .socialButtons .facebook:hover{
background-position:-25px 0;
}
.footer .socialButtons .twitter:hover{
background-position:-50px 0;
}
.footer .socialButtons .instagram:hover{
background-position:-75px 0;
}
.footer .socialButtons .mail:hover{
background-position:-100px 0;
}
.topButtonsLine .mainTopCategoryDiv .linesImg{
display: block;
position:absolute;
top:0px;
left:0px;
z-index:11;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.topButtonsLine .mainTopCategoryDiv .mainImg{
display:block;
opacity:0;
}
.topButtonsLine .mainTopCategoryDiv a img{
vertical-align:top;
transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
-webkit-transition:opacity 0.2s;
-o-transition:opacity 0.2s;
}
.topButtonsLine .mainTopCategoryDiv a .cover{
transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
-webkit-transition:opacity 0.2s;
-o-transition:opacity 0.2s;
position:absolute;
left:0;
top:0;
z-index:10;
}
.topButtonsLine .mainTopCategoryDiv a:hover .top-line span,
.topButtonsLine .mainTopCategoryDiv a:hover .bottom-line span{
width:97px;
}
.topButtonsLine .mainTopCategoryDiv a:hover .cover{
display:block;
opacity:0;
}
.topButtonsLine .mainTopCategoryDiv a:hover .mainImg{
opacity:1;
}
.catalogGoodsDiv .right .priceBuyDiv .price del{
display:inline-block;
overflow:hidden;
text-indent:-9999px;
background:url(../img/r2.png) no-repeat;
width:20px; height:28px;
}
.catalogGoodsDiv .left .goodsImgs{
width:295px;
}
.catalogGoodsDiv .left .bigPhoto{
}
.authBlocks .block{
padding:75px 0;
}
.catalogColumns ul.leftCatalog ul li a{
padding-left:14px;
/*background:url(../img/bullet1.png) no-repeat 10px 13px;*/
display: flex;
align-items: center;
}
.catalogColumns ul.leftCatalog ul li a>div {
width: 9px;
height: 2px;
background-color: #fff;
margin-right: 8px;
border-radius: 2px;
}
.catalogColumns ul.leftCatalog ul li a span{display:none;}
.catalogColumns ul.leftCatalog ul li a:hover,
.catalogColumns ul.leftCatalog ul li a.act{
/*background:#095895 url(../img/bullet2.png) no-repeat 10px 13px;*/
background: linear-gradient(to right,#cb11ab 0,#481173 100%) no-repeat;
}
.header .searchLine{
border:1px solid #888;
}
.catalogColumns .catalogTitleDiv .priceFilter .title,
.catalogColumns .catalogTitleDiv .integerFilter .title{
font:14px/21px Arial, Helvetica, sans-serif;
}
/* ------ general
-----------------------------------------------*/
body {
font-family:ProximaNovaRegular;
background:#fff;
}
/* ------ mobilyslider
-----------------------------------------------*/
#content {
width:800px;
margin:20px auto 20px;
}
.slider {
float:left;
width:800px;
height:350px;
position:relative;
padding-bottom:26px;
background:url(../gfx/bottom_shadow.png) no-repeat bottom center;
}
.sliderContent {
float:left;
width:800px;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}
.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
position:absolute;
width:800px;
height:350px;
background:#fff;
}
.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}
a {
color:#000;
}
a img {
border:none;
}
.jslider .jslider-value{
background:#0e8bed;
box-shadow:inset 0 2px 2px 0 #053d6d;
-webkit-box-shadow:inset 0 2px 2px 0 #053d6d;
-moz-box-shadow:inset 0 2px 2px 0 #053d6d;
padding:5px 5px !important;
top:-36px !important;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin-left:-37px !important;
font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
}
.integerFilter .jslider .jslider-value{
margin-left:-26px !important;
}
.jslider .jslider-bg i, .jslider .jslider-pointer{
background:#0e8bed;
}
.jslider .jslider-pointer{
box-shadow:0 4px 4px 1px #b7b7b8 !important;
-webkit-box-shadow:0 4px 4px 1px #b7b7b8 !important;
-moz-box-shadow:0 4px 4px 1px #b7b7b8 !important;
}
.jslider .jslider-value:before{
background:url(../img/arrow1.png) no-repeat;
width:8px;
height:4px;
position:absolute;
left:50%;
margin:0 0 0 -4px;
bottom:-4px;
content:' ';
display:block;
clear:both;
}
.catalogColumns .catalogTitleDiv .priceFilter .priceInterval,
.catalogColumns .catalogTitleDiv .integerFilter .priceInterval{
margin-left:8px;
}
.header .searchLine .searchButton:hover{
background:#095895;
}
.header .topCart:hover{
}
.catalogGoodsDiv .right .priceBuyDiv a.buyButton:,
.catalogGoodsDiv .right .priceBuyDiv a.toMorePage{
outline:none;
}
.catalogGoodsDiv .right .priceBuyDiv a.buyButton:hover,
.catalogGoodsDiv .right .priceBuyDiv a.toMorePage:hover{
background:#095895 url(../img/buy_button_cart.png) no-repeat 183px 12px;
}
.catalogColumns ul.leftCatalog li span.big{
padding-bottom:10px;
}
.catalogColumns .catalogTitleDiv h1, .catalogColumns .catalogTitleDiv .h1, .stepsBlock .catalogTitleDiv .h1{
font-family: "Roboto Condensed", sans-serif;
font-weight:bold;
}
.stepsBlock .textKey{padding:0 0 0 14px;}
.stepsBlock .changeUser{padding:0 0 0 13px;}
.stepsBlock h1{padding:18px 0 18px 17px;}
.stepsBlock .block .row .cb{
margin-left:16px;
}
.ordersDiv .item{
padding-top:0;
}
.ordersDiv .item .close{
background:url(../img/btn-close.png) no-repeat;
width:10px;
height:10px;
padding-left:0;
cursor:pointer;
}
.ordersDiv .item .block{
width:auto;
float:none;
display:block;
border-bottom:4px solid #f7f7f7;
padding:13px 0 21px 17px;
}
.ordersDiv .item .block:first-child{padding-top:0;}
.block-frame{
float:left;
}
.price-holder{
float:right;
margin:-5px 0 0;
}
.ordersDiv .item .img{
text-align:center;
margin-top:2px;
}
.ordersDiv .item .info{
width:auto;
}
.ordersDiv .item .info .title{
font:20px/20px 'KelsonSans', Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:0 0 2px;
}
.ordersDiv .item .price-holder .price{
display:block;
float:none;
text-align:right;
width:auto;
padding-right:10px;
}
.ordersDiv .item .price-holder .orderButtons{
float:none;
overflow:hidden;
display:block;
height:26px;
}
.ordersDiv .item .orderButtons .more{
background:#cbcbcb;
}
.ordersDiv .item .orderButtons .more:hover{
background:#b5b5b5;
}
.ordersDiv .item .orderButtons .pay:hover{
background:#095895;
}
.stepsBlock .confirmBlock .bottomTotal .total del,
.stepsBlock .confirmBlock .bottomPanel .cost del,
.stepsBlock .confirmBlock .item .price del,
.ordersDiv .item .price del{
background:url(../img/r1.png) no-repeat;
width:11px;
height:16px;
overflow:hidden;
display:inline-block;
}
.stepsBlock .confirmBlock .item .price del{
background:url(../img/r5.png) no-repeat;
}
.ordersDiv .item.no-border{border:none;}
.ordersDiv{
padding-top:22px;
padding-left:3px;
}
.ordersDiv .item .title .status{
text-transform:none;
}
.stepsBlock .confirmBlock .item .close{
background:url(../img/btn-close.png) no-repeat;
width:10px;
height:10px;
cursor:pointer;
padding:0 3px 0 0;
}
.stepsBlock .confirmBlock .item{}
.formBlock .submit:hover{
background:#095895;
}
.stepsBlock .block{
padding:0;
}
.header .topCart del{
/*background:url(../img/r4.png) no-repeat;*/
width:8px;
height:12px;
overflow:hidden;
display:inline-block;
}
ul.catalog li .item .price del,
ul.catalogBuyWithIt li .item .price del{
/*background:url(../img/r5.png) no-repeat;*/
width:10px;
height:14px;
overflow:hidden;
display:inline-block;
}
.top-line{
width:100%;
height:3px;
position:absolute;
top:249px;
text-align:center;
z-index:100;
}
.top-line span,
.bottom-line span{
display:inline-block;
vertical-align:top;
width:315px;
height:3px;
background:url(../img/top-line.png) no-repeat;
transition:width 0.6s;
-moz-transition:width 0.6s;
-webkit-transition:width 0.6s;
-o-transition:width 0.6s;
}
.bottom-line span{
height:2px;
background:url(../img/bottom-line.png) no-repeat;
}
.bottom-line{
width:100%;
height:2px;
position:absolute;
top:323px;
text-align:center;
z-index:100;
}
.catalogGoodsDiv .left .bigPhoto{
}
#cboxContent{
width:514px !important;
}
.catalogGoodsDiv .right .podbor{
padding-top:14px;
padding-bottom:20px;
}
/*#cboxLoadedContent{
overflow: inherit !important;
height: auto !important;
}
.feedbkFormName {
font-size: 20px;
margin: 0 0 15px 0;
}
#cboxClose{
right:15px !important;
top:12px !important;
}*/
.catalogGoodsDiv .right .parameters .title{
padding-bottom:13px;
}
.catalogGoodsDiv .right .parameters .paramTitle,
.catalogGoodsDiv .right .parameters .paramValue{
padding-left:3px;
}
#cboxContent .catalogGoodsDiv .right .parameters .paramValue{
width:115px;
float:right;
}
.catalogGoodsDiv .right .parameters .paramValue{
text-align:left;
}
.item-block{
padding:30px 0 0;
}
.product-list{
padding:30px 0 0;
margin:0 -20px 0 0;
list-style:none;
overflow:hidden;
}
.product-list li{
width:182px;
border:1px solid #eee;
height:279px;
margin:0 18px 18px 0;
float:left;
}
.product-list .visual{
border-bottom:2px solid #eee;
overflow:hidden;
text-align:center;
}
.product-list .visual a{
display:block;
height:182px;
line-height:182px;
}
.product-list .visual img{
vertical-align:middle;
}
.product-list .title{
font-size: 21px;
text-transform: uppercase;
white-space: nowrap;
color:#69686e;
}
.product-list .titleDir{
font-family: sans-serif;
font-size: 11px;
height: 14px;
margin-top: -2px;
white-space: nowrap;
color:#69686e;
}
.product-list .priceDiv{
border-top: 1px solid #ededed;
margin-top: 8px;
overflow: hidden;
padding-bottom: 6px;
padding-top: 7px;
}
.product-list .price{
color: #095895;
display: inline-block;
float: left;
font-size: 19px;
max-width: 77px;
overflow: hidden;
white-space: nowrap;
}
.product-list .buy{
color: white;
display: inline-block;
float: right;
font-family: sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
text-decoration: none;
background-image: url("../img/buy_it.png");
background-position: center center;
background-repeat: no-repeat;
padding: 0;
width: 26px;
}
.product-list .item{
background-color: white;
color: #69686e;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 6;
padding:7px 6px 0 10px;
}
.header ul.topMenu li{
padding-left:16px;
}
.topLine.main .header ul.topMenu li{
padding-left:28px;
}
.cartPage{
/*width: 498px;*/
min-width: 498px;
}
/*.deliveryWrapper{
padding-top: 20px;
}*/
.deliveryMCad{
overflow: hidden;
font-size: 14px;
font-family: Arial;
}
.deliveryMCad .subTitle{
line-height: 28px;
}
/*
.deliveryMCad .desc{
color: #b0b0b0;
margin-top: 8px;
}*/
.deliveryMCad span{
display: block;
}
.deliveryMCad .part1{
width: 354px;
float: left;
vertical-align: middle;
margin-top: 22px;
/*padding-left: 10px;*/
}
.deliveryMCad .part2{
width: 260px;
float: left;
vertical-align: middle;
margin-left: 2px;
}
.deliveryMCad .part3{
margin-top: 82px;
width: 354px;
float: left;
vertical-align: middle;
text-align: right;
padding-right: 10px;
}
.deliveryMCad .part3 a{
display: inline-block;
text-decoration: none;
color: #b0b0b0;
border-bottom: 1px dotted #b0b0b0;
}
.deliveryMCad .part3 a:hover{
border-bottom:none;
}
.deliveryMCad .part3 del{
background: url("../img/r4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 12px;
overflow: hidden;
width: 8px;
}
.deliveryMCad .artlineme{
width: 260px;
float: left;
vertical-align: middle;
margin-left: 40px;
margin-right: 20px;
}
.deliveryMCad .title,
.deliveryOptions .title,
.deliveryCities .title{
font-size: 19px;
text-transform: uppercase;
font-family: "Roboto Condensed",sans-serif;
font-weight: bold;
padding-bottom: 10px;
}
.deliveryCities{
overflow: hidden;
margin-top: 20px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
}
.deliveryCities p{
font-family: Arial;
font-size: 14px;
line-height: 28px;
}
.deliveryCities .half{
display: inline-block;
float: left;
}
.deliveryCities ul{
display: inline-block;
float: left;
margin: 0px;
padding: 0px;
width:178px;
margin-right: 20px;
list-style: none;
}
.deliveryCities ul.last{
margin-right: 0px;
}
.deliveryCities ul.short{
width:110px;
}
.deliveryCities ul li{
display: block;
margin: 0px;
margin-bottom: 6px;
padding: 0px;
padding-left: 16px;
font-size: 20px;
background-image: url('../img/delivery/point.png');
background-repeat: no-repeat;
background-position: left center;
}
.deliveryOptions{
overflow: hidden;
margin-left: 10px;
margin-right: 10px;
}
.deliveryOptions p{
font-family: Arial;
font-size: 14px;
margin: 0px;
padding: 0px;
padding-bottom: 10px;
}
.deliveryOptions ul{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
.deliveryOptions li{
display: block;
margin: 0px;
padding: 0px;
/*padding-top: 22px;*/
margin-bottom: 10px;
overflow: hidden;
}
.deliveryOptions li .img{
width: 13.3333%;
float: left;
}
.deliveryOptions li .desc{
width: 86.6667%;
float: left;
}
/*
.deliveryOptions li .desc a{
color: #009dbf;
}*/
.deliveryOptions li .desc{
font-size: 14px;
font-family: Arial;
}
.deliveryOptions li .desc p{
line-height: 24px;
}
.deliveryOptions li .subTitle{
font-family: Arial;
font-weight: bold;
padding-bottom: 16px;
}
ul.proofs{
display: block;
border-bottom: 1px solid #f7f7f7;
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
padding-top: 10px;
padding-bottom: 7px;
padding-left: 0px;
margin-bottom: 10px;
font-size: 0.001px;
text-align: center;
color: #808080;
}
ul.proofs li{
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
width:150px;
font-size: 12px;
font-family: Arial;
text-align: left;
padding-right: 22px;
padding-left: 21px;
}
ul.proofs li .img{
width: 35px;
height: 46px;
float: left;
text-align: center;
}
ul.proofs li .title{
font-weight: bold;
float: left;
width: 95px;
}
ul.proofs li .desc{
width: 95px;
float: left;
}
ul.proofscatalog{
display: block;
border-bottom: 1px solid #f7f7f7;
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
padding-bottom: 12px;
padding-left: 7px;
margin-bottom: 10px;
}
ul.proofscatalog li{
display: inline-block;
float: left;
margin: 0px;
padding: 0px;
width:150px;
font-size: 12px;
font-family: Arial;
color: #808080;
padding-left: 8px;
}
ul.proofscatalog li .img{
width: 35px;
height: 46px;
float: left;
text-align: center;
}
ul.proofscatalog li .title{
font-weight: bold;
float: left;
width: 95px;
}
ul.proofscatalog li .desc{
width: 95px;
float: left;
}
ul.proofssq{
display: block;
border-bottom: 1px solid #f7f7f7;
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
padding-bottom: 12px;
padding-left: 7px;
margin-bottom: 10px;
}
ul.proofssq li{
display: inline-block;
float: left;
margin: 0px;
padding: 0px;
width:970px;
font-size: 28px;
font-family: Arial;
padding-left: 8px;
}
ul.proofssq li .title{
font-weight: regular;
font-size: inherit;
float: left;
width: 970px;
}
.catalogBanner img{
max-width: 100%;
}
.text_content{
color: #888888;
padding-left: 30px;
}
.multiOffers .multiOfferValues{
overflow: hidden;
line-height: 40px;
font-size:14px;
}
.multiOffers .multiOfferValueBlock{
display: inline-block;
float: left;
border: 2px solid #dfdfdf;
vertical-align: middle;
margin-right: 3px;
margin-bottom: 3px;
height: 40px;
width: 40px;
cursor: pointer;
overflow:hidden;
background:white;
}
.multiOffers .multiOfferValueBlock img{
height: 40px;
vertical-align: top;
}
.multiOffers .multiOfferValueBlock.likeString{
padding-left: 6px;
padding-right: 6px;
line-height: 40px;
width: auto;
}
.multiOffers .multiOfferValueBlock.sel,
.multiOffers .multiOfferValueBlock:hover{
background-color: #14a6a4;
border-color: #14a6a4;
color: white;
}
.multiOffers .levelType-radio .levelRow {
display:block;
}
.multiOffers .levelType-image .levelRow,
.multiOffers .levelType-color .levelRow {
display:inline-block;
}
.multiOffers .levelType-image .levelRow input,
.multiOffers .levelType-color .levelRow input {
position:absolute;
visibility:hidden;
left:-9999px;
}
.multiOffers .levelType-color .levelRow img,
.multiOffers .levelType-image .levelRow img {
vertical-align:top;
}
.multiOffers .levelType-image .levelRow input + label,
.multiOffers .levelType-color .levelRow input + label {
border:1px solid #dcdcc9;
display:inline-block;
width:32px;
height:32px;
line-height:30px;
margin:0;
cursor:pointer;
box-shadow:inset 0 0 0 1px white;
margin:2px;
overflow: hidden;
}
.multiOffers .levelType-image .levelRow input + label {
width:60px;
height:60px;
line-height:58px;
}
.multiOffers .levelType-image .levelRow input:checked + label,
.multiOffers .levelType-color .levelRow input:checked + label {
border:2px solid #14a6a4;
margin:1px;
}
.multiOffers .levelType-radio .levelRow label {
font-size:14px;
}
.confirm_btn {
background: linear-gradient(to right,#cb11ab 0,#481173 100%) no-repeat;
}
.confirm_btn:hover {
color: #ecbc09;
}
/*--- ORDER PAGE ---*/
.order-list-items .item .info-column {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
.order-list-items .item {
border-top: 1px solid #ececec;
padding-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.order-list-items .item:first-child {
border-top: none;
padding-top: 0;
}
.order-list-items .item .info-column .price-value {
font-size: 20px;
white-space: normal;
}
.form-style input, .form-style select {
border: none;
border-bottom: 1px solid #d8d8d8;
font-size: 16px;
line-height: 3;
margin: 20px 20px 7px 0;
display: block;
width: 100%;
max-width: 400px;
}
.form-style input, .form-style select {
border: 1px solid #d8d8d8;
border-radius: 4px;
font-size: 16px;
line-height: 3;
margin: 5px 20px 15px 0px;
display: block;
width: 100%;
max-width: 400px;
}
.form-style {
background: #ffffffad;
border: 1px solid #e6e6e67d;
box-shadow: 0 4px 20px -10px #7b7979ba;
padding: 15px 30px;
box-sizing: border-box;
margin: 30px 0 20px 0;
border-radius: 20px;
}
.info_header {
font-family: 'Lobster', cursive;
font-size: 25px;
font-weight: 400;
margin: 7px 0;
}
.form-group-first {
display: flex;
align-items: center;
}
@media (max-width: 500px) {
.form-style {
padding: 15px 15px;
}
.form-group-first {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.form-style input, .form-style select {
width: 90%;
}
}
.form-group {
margin-bottom: 8px;
}
.form-group label {
margin-right: 10px;
}
.form-style input[type=radio], .form-style input[type=checkbox] {
width: auto;
max-width: none;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
.form-group input[type="text" i],
.form-group input[type="password" i] {
padding: 2px 10px;
}
h3.h3 {
font-family: inherit;
}
.table-underlined {
width: 100%;
margin-top: 15px; }
@media (max-width: 991px) {
.table-underlined tr {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.table-underlined-text {
border-bottom: 1px dashed;
margin: 2px 0;
padding-bottom: 1px; } }
.table-underlined-text td {
padding: 6px 0; }
.table-underlined-text td span {
background-color: #fff;
font-family: "UbuntuLight";
font-size: 16px;
padding: 10px 0; }
@media (max-width: 479px) {
.table-underlined-text td span {
font-size: 14px; } }
@media (max-width: 991px) {
.table-underlined-text td span {
padding: 5px; } }
.table-underlined-text td:nth-child(1):after {
border-bottom: 1px dashed #e8e8e8;
content: "";
display: block; }
.table-underlined-text td:nth-child(2) {
padding-left: 10px; }
.form-style textarea {
border: 1px solid #d8d8d8;
width: 100%;
min-height: 100px;
}
.t-order_button-block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
}
/*.t-order_table_buttons{
margin: 20px 0;
}*/
.link-more {
background: linear-gradient(to right,#cb11abbf 0,#481173bd 100%) no-repeat;
border: none;
border-radius: 0;
color: #fff;
padding: 7px 11px;
margin: 20px 0;
text-decoration: unset;
transition: 0.2s ease-out;
width: 140px;
display: block;
text-align: center;
}
.link-more:hover {
color: #ecbc09;
transition: 0.2s ease-out;
}
.checkout .link {
text-align: center;
cursor: pointer;
}
.t-order_button-block .link {
width: 150px;
font-size: 14px;
padding: 8px 0;
margin: 5px 5px;
}
.link-del {
background: linear-gradient(to right,#cb11abbf 0,#481173bd 100%) no-repeat;
border: none;
border-radius: 0;
color: #fff;
display: block;
margin: 15px 0;
width: 140px;
text-decoration: none;
font-size: 16px;
text-align: center;
padding: 7px 11px;
position: relative;
transition: 0.2s ease-out;
}
.link-del:hover{
color: #ecbc09;
transition: 0.2s ease-out;
}
.onePageCheckout .checkout {
display: grid;
flex-wrap: unset;
grid-template-columns: 2fr 1fr;
grid-gap: 0 30px;
}
.stepsContainer .centerDiv {
width: 1260px;
padding: 0 15px;
}
@media (max-width: 1300px) {
.stepsContainer .centerDiv {
width: 100%;
}
}
@media (max-width: 991px) {
.mobileMoveTop {
order: 0;
}
.onePageCheckout .checkout {
grid-template-columns: 1fr;
}
}