@font-face {
	font-family: 'Proxima Nova Lt';
	font-display: swap;
	src: url('/fonts/ProximaNova-Light.eot');
	src: local('/fonts/Proxima Nova Light'), local('ProximaNova-Light'),
		url('/fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/ProximaNova-Light.woff') format('woff'),
		url('/fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

body{
margin: 0;
padding: 0;
    background: none repeat scroll 0 0 #E9EAEC;
    color: #333333;
    font-family: 'Proxima Nova Lt', Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
    font-size:16px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body#pagesBody{
background: #ffffff;
}

label.checkbox_label input{
width: 10% !important;
display: block;
position: relative;
float: right;
}

img, label.checkbox_label input{
border: none;
}
img{
	max-width: 100%;
	height: auto;
}

ul{
display: block;
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
}

img{
border: none;
}

a{
color: #696A72;
}

a:hover{
text-decoration: none;
color: #ED3C2F;
}

h1,h2{
color: #111;
font-family: 'Proxima Nova Lt', 'PT Sans Narrow','Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-size: 1.6vw;
font-weight: bold;
margin-top: 0;
margin-bottom: 0.3em;
}
h2{
    font-size: 1.4vw;
}

h3{
font-family: 'Proxima Nova Lt','PT Sans Narrow','Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
}

input[type='text']{
	font-size: 1vw;
}
input[type='numer']{
	font-size: 1vw;
}

div#fullPageSlider{
    width: 100%;
}

div#pagewrapper{
width: 100%;
}
table, td, th{
	border-collapse: collapse;
}

#TextContent{
    width: 70%;
    margin: 2vw 5% 0 25%;
    font-size: 1vw;
    padding-bottom: 2vw;
}
.VideoWrapper{
    width: 100%;
    margin-bottom: 2vw;
    position: relative;
    float: left;
	
}

div#fpscreen img{
display: none;
position: absolute;
top: 0; 
left: 0;
width: 100% !important;
height: auto !important;
}
div#fpscreen img.active{
display: block;
}

div#MainPageWrapper{
    width: 100%;
    margin-left: 0;
    background: #ececec;
}

div#header{
width: 100%;
margin-top: 3%;
}
div#headerPages{
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
    position: absolute;
    background: rgba(255,255,255,0.4);
    z-index: 3000;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

div#logo{
    flex-basis: 8%;
    margin-left: 5%;
    
}

div#logo img{
width: 100%;
}

div#logo a{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

div#headerMenu{
    flex-basis: 80%;
    font-family: 'Proxima Nova Lt', 'Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
    margin-right: 0;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

div#headerMenu a.menuactive{
    text-decoration: none;
    color: #000!important;
    font-weight: bold;
}

div#headerMenu li{
    display: block;
    float: left;
    list-style: none outside none;
    padding: 0 2%;
    position: relative;
}

div#headerMenu li a{
font-size: 1vw;
text-transform: uppercase;
text-decoration: none;
}
div#headerMenu li li{
display: block;
position: relative;
float: left;
width: 96%;
padding: 0.3vw 2%;
margin: 0.2vw 0;
}



div#headerMenu ul{
margin-top: 0;
width: 80%;
}

div#headerMenu ul ul{
display: none;
}
div#headerMenu ul li:hover ul{
transition:  opacity 0.6s ease 0s 
opacity: 1;
display: block;
position: absolute;
top: 100%;
left: -2vw;
width: 10vw;
background: #efefef;
z-index: 1000;
padding: 0.3vw 2%;
}

div#headerMenu ul li:hover ul li{
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
}
div#headerMenu ul li:hover ul li a{
font-size: .9vw !important;
}

div#footer{
display: block;
position: absolute;
bottom: 3%;
width: 100%;
background: url(/images/footer-bg.png);
font-size: 12px;
height: 86px;
}

div#footerPages{
    display: flex;
    position: relative;
    bottom: 3%;
    width: 100%;
    background: linear-gradient(0deg, #f1eee7, #e4e0da, #fff);
    font-size: 0.8vw;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
div#footerTextBlock{
    
}
div#footerSocialNets{
    flex-basis: 15%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
div.SocNetIcon{
    margin: 2%;
    text-align: center;
    width: 12%;
}

div#footerContacts{
width: 30%;
margin-left: 10%;
text-align: right;
margin-top: 1%;
}

div#PagesContentWrapper{
    width: 100%;
    padding-top: 3vw;
    min-height: 50vw;
}

div#LeftSubMenuBar{
    width: 15%;
    margin: 1vw 3%;
    padding: 1%;
    position: fixed;
    z-index: 1000;
    background: #fff;
    top: 9vw;
    box-shadow: 0 0 0.5vw #888;
}

div#LeftSubMenuBar a.currentMenu{
color: red;
}

div#LeftSubMenuBar ul{
    margin-bottom: 1vw;
    padding-bottom: 1vw;
    border-bottom: 2px solid #cccccc;
    font-family: 'Proxima Nova Lt','PT Sans Narrow','Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
}

div#LeftSubMenuBar ul li a{
font-size: 1vw;
text-decoration: none;
}

div#MainPageContentItself{
    width: 98%;
    padding: 1%;
    margin: 0;

}

#ContentItself{
    width: 75%;
    padding: 1%;
    margin: 0;
    margin-left: 20%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
#ContentItselfFull{
    width: 90%;
    padding: 1vw 5%;
    margin: 0 auto;
    display: block;
    position: relative;
    float: left;
    background: #eee;
}
#ContentItself h1{
    margin: 1vw 0;
    width: 100%;
    margin-left: 7%;
}
#ContentItselfFull h1{
	text-align: center;
	width: 100%;
}
#ContentItselfFull h1 .h1like{
	padding: 0.1vw 0;
}

div#LeftSubMenuBar li{
display: block;
position: relative;
float: left;
width: 100%;
margin: 1% 0;
}

div#catonmain{
width: 100%;
margin: 1% 0;
}

div#catonmain li{
    display: block;
    float: left;
    height: 16em;
    margin: 2em 3%;
    overflow: hidden;
    position: relative;
    width: 18.5%;
}

img.mainpicts{
width: 100%;
}
li a.liparented{
display: block;
position: relative;
float: left;
width: 100%;
}

div.ItemsCatalog{
    padding: 0 1%;
    width: 48%;
	margin-bottom: 1vw;
}

div.ItemsCatalogAccessoire{
    height: 15em;
    margin: 1%;
    overflow: hidden;
    padding: 1%;
    width: 29%;

}

div.ItemsCatalog div.ItemName{
    margin: 0 13%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 75%;
    justify-content: space-between;
}

div.ItemName a{
display: block;
position: relative;
float: left;
width: 100%;
}

div.ItemName a img{
height: 22em;
width: auto;
}

div.ItemName a.NameOfItem{
color: #555;
    display: block;
    float: left;
    line-height: 150%;
    margin-right: 0;
    position: relative;
    text-align: left;
    width: 70%;
    font-size: 1.1vw;
    text-decoration: none;
}
div.ItemName a:hover{
color: #ED3C2F;
}

div.ItemName a.outofTheB, div.descr_outer a.outofTheB, .GotoBasket{
    display: none;
    background: linear-gradient(90deg, #b80000, #ed3c2f, #b80000);
    border: 1px solid #b80000;
    color: white;
    padding: 0.4vw 2vw;
    margin-top: 0.4vw;
    text-align: center;
    text-decoration: none;
    width: auto !important;
    font-size: 0.6vw;
    box-shadow: 0 0 0.1vw #333;
}

.GotoBasket:hover{
	transition: 0.3s all;
	background: linear-gradient(90deg, #ed3c2f, #b80000, #ed3c2f);
}


div.ItemName a.order{
width: 100%;
}

div.ItemImage{
    margin: 3% 0;
    height: 35em;
    overflow: hidden;
    width: 100%;
    position: relative;
}

div.ItemImage a{
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
}

div.ItemImage img{
    height: 38vw;
    margin: auto;
    text-align: center;
    width: auto;
    box-shadow: 0 0 0.3vw #555;

/*
    height: auto;
    margin: auto;
    text-align: center;
    width: 100%;
*/
}



div.CatalogItemDescr{
    padding: 0 6%;
    width: 42%;
}

div.CatalogItemDescr p{
margin: 0;
padding: 0;
}

span.boldlike{
font-weight: bold;
}

span.titler{
display: block;
position: relative;
float: left;
width: 100%;
}

div#innercat, .CatalogItems{
	width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
}

span.maintitle{
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
margin-bottom: 0.3em;
font-weight: bold;
font-size: 140%;
}

div.ReturnBackToCatalog{
width: 100%;
margin-bottom: 1%;
}

table#basketinside{
clear: both;
border-collapse: collapse;
width: 100%;
}

table#basketinside td, th{
border-collapse: collapse;
border: 1px solid #777777;
}

span.pictitself{
    border: 1px solid #aaa;
    border-radius: 10px;
    display: block;
    float: left;
    position: relative;
    width: 99%;
}
span.pictitself:hover{
box-shadow: 0 0 5px #999999;
}

span.pictitself img{
    display: block;
    height: 12em;
    margin: auto;
    text-align: center;
    width: auto;
}

div#LeftPartofItem{
    flex-basis: 50%;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
}

div#LeftPartofItem a.fbx{
display: block;
position: relative;
float: left;
width: 100%;
}
div#LeftPartofItem a.fbx img{
width: 100%;
height: auto;
}

div.itemPic{
	width: 100%;
}

div#ItemDescriptionFull{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 3vw;
    justify-content: space-between;
}

div#ItemDescriptionFull h2{
    font-weight: normal;
    font-family: 'Proxima Nova Lt', 'Arial Narrow', Arial, sans-serif;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 1.2vw;
}

div.itemDescription li{
list-style-position: inside;
}

div.descr_outer{
width: 34%;
padding: 1%;
}
.descr_outer h1{
    text-align: left;
    margin: 0 !important;
    font-size: 1.5vw !important;
    color: #000;
}
div.descr_outer div.itemDescription{
    margin: 4vw 0 1vw;
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.descr_outer .PriceHolder{
	font-size: 1.5vw;
}

.Structure{
	font-size: 0.7vw;
	margin-top: 0;
}
.Structure li{
	list-style: none;
}
.Structure strong{
    text-transform: uppercase;
    font-size: 0.8vw;
}

.itemDescription .itemFullDescript{
    font-size: 0.8vw;
    flex-basis: 50%;
    margin-top: 0;
}

div.descr_outer div.itemDescription span.boldhlike{
margin-top: 0;
}

div#ItemDescriptionFull div.descr_outer{
    flex-basis: 46%;
    margin: 0;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
div#itemgallery{
width: 12%;
min-height: 20px;
float: left;
}

#LeftPartofItem #itemgallery a{
	position:relative;
	display: block;
}

div#itemgallery a.fbx{
display: block;
position: relative;
float: left;
width: 100%;
margin-top: 2%;
}

div#itemgallery a.fbx img{
width: 100%;
height: auto;
}

div.CatalogItemRazmer{
width: 46%;
}

a.intoTheB{
    display: block;
    float: left;
    font-size: 16px;
    position: relative;
    text-align: right;
    width: 50%;
}
a.intoTheB img{
width: 100% !important;
height: auto !important;
}
.intoTheB:hover{
	transition: 0.1s all !important;
    /*
	background: linear-gradient(90deg, #b80000, #ed3c2f, #b80000) !important;
	*/
	background: linear-gradient(90deg, #eee, #fff, #eee) !important;
    border: 1px solid #b80000;
	color: black !important;
}

a.outofTheB{
display: none;
position: relative;
float: right;
width: 50%;
text-align: left;
}

a.outofTheB img{
width: 100% !important;
height: auto !important;
}

.CatalogOrderProduct{
    float: left;
    width: 100%;
}

.CatalogOrderProduct img{
width: 100%;
height: auto;
}

.CatalogOrderProduct span.order{
display: block;
position: relative;
float: left;
width: 100%;
}

.CatalogOrderProduct span.order a.order{
display: block;
position: relaitve;
float: left;
width: 48%;
text-align: right;
}

span.order a.order{
display: block;
position: relative;
float: left;
width: 46%;
margin-left: 2%;
font-size: 14px;
text-align: right;
}

div.perpager{
width: 100%;
margin-top: 2em;
}

div.perpager a.active{
text-decoration: none;
font-weight: bold;
}

textarea.taa{
width: 76%;
}

input.stext{
width: 76%;
font-size: 1.2vw;
}

div.descr_outer div.itemPrice{
    color: #777;
    font-family: 'Proxima Nova Lt','Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
    font-size: 1.1vw;
    font-weight: bold;
    margin: 0;
    text-align: left;
    width: 100%;
}

div.CatalogReturn{
    margin-top: 3vw;
    width: 100%;
    text-align: right;
}

div.order a.intoTheB{
display: block;
}

div.NewsSummary{
    background: none repeat scroll 0 0 #eeeeee;
    border-bottom: 1px solid #ccc;
    
    box-shadow: 0 0 7px #aaaaaa;
    margin-bottom: 2em;
    padding: 1%;
    width: 99%;
}

div.NewsSummaryPostdate{
    color: black;
    padding-top: 0.3em;
    width: 10%;
}

div.NewsSummaryLink{
margin-left: 5%;
width: 80%;
font-family: 'Proxima Nova Lt','Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
}

div.NewsSummaryLink a{
color: #ed3c2f;
text-decoration: none;
font-size: 24px;
}

div.NewsSummaryLink a:hover{
text-decoration: underline;

}

div.BigItemPict{
    flex-basis: 76%;
    margin: 0;
    border: 1px solid #cccccc;
}

div.WearWithIt{
width: 27%;
border-left: 1px dotted #cccccc;
}

span.h1like{
    background: none repeat scroll 0 0 #777;
    color: white;
    display: block;
    float: left;
    font-family: 'Proxima Nova Lt','PT Sans Narrow','Arial Narrow',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
    font-size: 24px;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

div.WWIName{
width: 100%;
text-align: center;
}

div.WearWithItItem{
    border: 1px solid #eee;
    
    margin: 0 2% 2em;
    padding-bottom: 1em;
    padding-top: 0;
    width: 98%;
}


div.descr_outer a.to_order{
display: block;
position: relative;
float: left;
width: 100%;
text-align: right;
font-size: 16px;
}

div#itemgallery a.fbx{
border: 1px solid #cccccc;
}

div.WWIimage{
    text-align: center;
    width: 100%;
}

div.WWIimage img{
height: 13em;
width: auto;
}

div.WWIPrice{
width: 100%;
text-align: center;
}

div.PriceHolder{
width: 33%;
}

div.itemPrice div.order{
    font-weight: normal;
    margin-left: 5%;
    width: 57%;
}

div.order a.outofTheB{
font-size: 16px;
}

div.CatalogOrderProduct a.intoTheB, div.descr_outer a.intoTheB{
    /* background: linear-gradient(90deg, #000, #777, #aaa, #777,  #000); */
    background: #777;
    border: 1px solid #888;
    color: white;
    margin-top: 0.4em;
    padding: 0.4vw 0;
    text-align: center;
    text-decoration: none;
    width: 60%;
    box-shadow: 0 0 0.2vw #777;
    display: block;
    font-size: 0.6vw;
}

div.TabsHolder{
width: 100%;
}

.TabCity{
    background: none repeat scroll 0 0 #eeeeee;
    border-radius: 10px 0;
    margin: 0.4em 0.4em;
    padding: 0.5em 1em;
    cursor:pointer;
    display: block;
    position: relative;
    float: left;
}


div.TabsHolder .active{
display: block;
background: #ed3c2f;
color: white;
}

.TabContentHolder, .TabCotents{
width: 100%;
position: relative;
float: left;
display: block;
}

div.TabContentHolder{
margin-top: 2em;
}

div.TabContentHolder div{
display: none;
}
div.TabContentHolder div.active, div.TabContentHolder div.active div{
display: block;
}

div.TabCotents img{
margin: 0.3em 1em;
width: 94%;
height: auto;
}

div.TabContentHolder div.active{
display: block;
}

div.TabContentHolder a{
color: #ed3c2f;
}

div.AuthorizationPlace, div.RegistrationForm{
clear: both;
margin: 1.5em 0;
width: 96%;
background: #eeeeee;
padding: 1.5em 2%;
}

div.reg_title{
font-weight: bold;
width: 100%;
margin: 1em 0;
}

div.RegistrationForm input{
width: 33%;
margin-bottom: 0.5em;
}

span.zacherk{
    text-decoration: line-through;
    font-size: 1vw;
    text-align: left;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

span.redprice{
    clear: both;
    color: red;
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
}

div.Arrower{
width: 35%;
}


div.Arrower img{
    width: 20%;
    display: block;
    position: relative;
    margin: auto;
}
div.Arrower a{
    display: block;
    float: left;
    font-size: 1vw;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

div#CatalogNEXT{
    margin-left: 20%;
    float: right;
}

div#PriceiNavigator{
    margin-left: 18%;
    margin-top: 0;
    width: 75%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

div.PriceHolder{
width: 100%;
}

div.itemPrice{
width: 58%;
margin: 0 1%;
}

div#LeftPartofItem div.itemPrice{
    font-size: 1.5em;
    margin: 1%;
    margin-left: 20%;
    text-align: center;
    width: 58%;
}

span.boldhlike{
    font-weight: bold;
    display: block;
    position: relative;
    float: left;
    flex-basis: 100%;
    margin: 1vw 0;
    text-align: center;
}

.itemSizes .boldhlike{
    font-weight: bold;
    display: block;
    position: relative;
    float: left;
    flex-basis: 100%;
    margin: 0.4vw 0;
    text-align: left;
    font-size: 0.8vw;
    padding: 0 !important;
	text-transform: uppercase;
	
}
.RazmOrderHolder{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.RazmOrderHolder .RazmS{
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.RazmOrderHolder .order{
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

input[type=checkbox][disabled]{
display: none;
}
input[type='checkbox']{
    padding-left:5px;
    padding-right:5px;
    border: double 2px #00F;
    background-color:#0b0095;
    color:#F00;
    white-space: nowrap;
    overflow:hidden;

    width:15px;
    height:15px;
}
input[type="checkbox"]:checked{
background: #ff9b26;
}

div#cartSizes{
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    margin: 0;
    width: 100%;
    float: left;
    padding: 0 0 0.4vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
div.MakeOrder{
width: 50%;
text-align: right;
float: right;
}
div.order a.MakeOrder{
font-size: 14px;
display: block;
position: relative;
float: left;
width: 100%;
text-align: left;
}

div#LeftPartofItem div.itemPrice div.order{
width: 100%;
margin-top: 2%;
}

div#LeftPartofItem div.itemPrice div.order a.outofTheB{
width: 25%;
}
div#LeftPartofItem div.itemPrice div.order a.intoTheB{
width: 25%;
}

div#LeftPartofItem div.itemPrice div.order a.MakeOrder{
width: 30%;
margin-left: 5%;
}

div#MainPageWrapper #headerMenu a{
color: #333333;
font-size: 1vw ;
}

div#MainPageWrapper #headerMenu a:hover{
color: #ed3c2f;
}
div#MainPageWrapper #headerMenu #headerPhone{
color: #000000;
    font-size: 1.4vw !important;
}

div.SocNetIcon a{
display: block;
position: relative;
float: left;
width: 100%;
}
div.SocNetIcon a img{
width: 100%;
height: auto;
}

div#cartSizes input{
display: none;
}

div#cartSizes label{
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #444444;
    display: block;
    float: left;
    margin: 0.1vw 0;
    padding: 0 0.3vw;
    position: relative;
    cursor: pointer;
    font-size: 1vw;
    width: 1.5vw;
    text-align: center;
}

div.MyBaskets{
width: 66%;
}

div.MyBaskets a{
    background: url("/images/mybasketbg.png") repeat-x scroll 0 0 #cccccc;
    border: 1px solid #ccc;
    color: black;
    display: block;
    float: left;
    padding: 0.4em 1%;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 96.3%;
}

div.MyBaskets a:hover, div.LogOut a:hover{
text-decoration: underline;
}
div.LogOut{
display: block;
position: relative;
float: left;
width: 34%;

}

div.LogOut a{
    background: url("/images/logoutbg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    color: white;
    display: block;
    float: left;
    padding: 0.4em 1%;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 98%;
}

div.left_basket{
    width: 100%;
    margin-top: 0;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.left_basket .qty{
	font-size: 0.8vw;
	text-align: center;
}

div.left_basket a.order{
    background: linear-gradient(90deg, #b80000, #ed3c2f, #b80000);
    border: 1px solid #b80000;
    color: white;
    padding: 0.4vw 0;
    margin-top: 0.4vw;
    text-align: center;
    text-decoration: none;
    width: 60%;
    font-size: 0.7vw;
    box-shadow: 0 0 0.1vw #333;
}

div.left_basket a.order:hover{
	transition: 0.3s all;
	background: linear-gradient(90deg, #ed3c2f, #b80000, #ed3c2f);
}

div.Authorisation{
font-size: 0.8em;
width: 100%;
}

div.Authorisation label{
    display: block;
    float: left;
    margin: 0.4em 0;
    position: relative;
    width: 100%;
}
div.Authorisation input{
width: 100%;
}

div.Authorisation form{
display: block;
position: relative;
float: left;
width: 100%;
}

div#cartSizesOpt a.intoTheB{
}



div.ItemImageAccessoire{
width: 100%;
height: 10em;
overflow: hidden;
}

div.ItemImageAccessoire img{
width: 100%;
height: auto;
}

div#RazmSetka{
display: none;
position: fixed;
top: 7vw;
width: 40%;
left: 30%;
padding: 2%;
background: #ffffff;
border: 1px solid #555555;
}


span.RazmSButton{
    background: #ccc;
    /*
	border: 1px solid #888;
	*/
    color: black;
    margin-top: 0.4em;
    padding: 0.4vw 0;
    text-align: center;
    text-decoration: none;
    width: 60%;
    font-size: 0.6vw;
    display: block;
	cursor: pointer;
}
.RazmSButton:hover{
	transition: 0.2s all;
	background: linear-gradient(90deg, #eee, #fff, #eee);
	color: black;
}

table#SetkaRazmerov{
width: 100%;
}

table#SetkaRazmerov, table#SetkaRazmerov td, th{
border-collapse: collapse;
border: 1px solid #555555;
text-align: center;
}

div.CloseRazm{
    position: absolute;
    right: -0.5%;
    top: -2%;
    width: auto;
    cursor: pointer;
}
div.CloseRazm img{
width: 100%;
height: auto;
}

div#AvelonSearchPlace{
    display: block;
    position: absolute;
    width: 30%;
    top: 2.3vw;
    right: 6vw;
}

div.frmSearch{
width: 100%;
}
.frmSearch form{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

div#srchinputbox{
    width: 60%;
    margin-right: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

div#srchinputbox input{
display: block;
position: relative;
float: left;
width: 100%;
}

div#sbmtbtn{
    width: auto;
    margin-top: 0.8vw;
}

div#sbmtbtn input{
    display: block;
    width: 100%;
    border: none;
    background: #dbdbdb;
    color: #333333;
    padding: 0.2vw 2vw;
    font-size: 0.7vw;
	cursor: pointer;
}

span.ModelHeight{
    background: none repeat scroll 0 0 #ffffff;
    display: block;
    float: left;
    font-size: small;
    margin-left: 22%;
    margin-top: -2em;
    position: relative;
    width: 15%;
}

#srchinputbox label{
font-size: 0.7vw;
}

div.NewsSummaryMorelink{
clear: both;
}

object#mnogoLet{
display: block;
position: absolute;
left: 5%;
width: 15%;
height: 20em;
}

div.NewsSummaryContent{
width: 96%;
text-align: justify;
padding: 1% 2%;
}

div.Remind{
width: 100%;
font-size: 0.7em;
text-align: right;
}

div.forma{
width: 100%;
}
div.forma form{
display: block;
position: relative;
float: left;
width: 100%;
}
div.forma .stroka{
width: 50%;
}
div.forma .stroka input{
    display: block;
    float: left;
    margin-top: 0.3em;
    position: relative;
    width: 60%;
}
div.forma .stroka label{
display: block;
position: relative;
float: left;
width: 30%;
}

div.forma button{
margin-top: 0.3em;
}


span.CatalogHit{
    background: none repeat scroll 0 0 #777;
    border-radius: 0.6vw;
    color: white;
    display: block;
    padding: 0.5vw 1vw;
    position: absolute;
    right: 1%;
    text-align: center;
    top: 1%;
    width: 14%;
}

div.videoshow{
width: 100%;
height: 20em;
}

div#video_2_wrapper{
width: 100% !important;
height: 500px !important;
}

div.VideoWrapper{
width: 100%;
margin-bottom: 2vw;
}

video.MPVideo{
display: block;
position: relative;
float: left;
width: 100%;
}
.lb-data{
float: none;
}
.lb-dataContainer{
float: none;
}

div.NewsSummaryMorelink{
width: 100%;
margin: 1em 0;
}
table#tblMyOrders td{
border: 1px solid #aaa;
}
table#tblMyOrders th{
boder: none;
}

table.DetailedTable, .DetailedTable td, .DetailedTable th{
border: none;
}
div.OldZakazStat{
width: 100%;
text-align: center;
background: #eee;
color: black;
margin: 0.5em 0;
border: 1px solid #ccc;
}
div.OldZakazStat a{
text-decoration: none;
padding: 0.3em 0;
}
#video_3_wrapper{
width: 100% !important;
display: block;
position: relative;
float: left;
min-height: 400px;
}

#video_3{
display: block;
position: realtive;
float: left;
width: 100%;
min-height: 400px;
}

div.videoshow object{
display: block;
position: relative;
float: left;
width: 100%;
}

div.videoshow div{
width: 100% !important;
min-height: 20em !important;
}

div.NewsSummarySummary{
width: 100%;
}

div.AuthorizationWindow, div.RegisterWindow{
display: none;
position: fixed;
top: 10em;
left: 35%;
width: 30%;
padding: 2em;
background: #fff;
border-radius: 1.5em;
border: 2px solid #444;
box-shadow: 0 0 15px #222;
background: #fff;
z-index: 1000;
}

div.AuthorizationWindow input, div.RegisterWindow input{
width: 50%;
}

div.AuthorizationWindow button, div.RegisterWindow input{
width: 30%;
text-align: center;
}

div.CloseWindowButton{
    position: absolute;
    right: -1%;
    top: -2%;
    width: 3%;
    cursor: pointer;
}

div.CloseWindowButton img{
width: 100%;
height: auto;
}

div#NewsPostDetailReturnLink{
width: 100%;
}

div.MiddleVideo{
width: 50%;
margin-left: 25%;
margin-bottom: 2em;
}

/* 
################### lk css log etc #################################
*/
span.orderNumbr{
    display: block;
    float: left;
    padding: 0 0.5em 0.5em;
    position: relative;
    width: 38%;
}

span.orderDate{
    display: block;
    float: left;
    padding: 0 0.5em 0.5em;
    position: relative;
    width: 38%;
}
span.ItemPrice{
clear: both;
display: block;
position: relative;
float: width;
width: 100%;
text-align: center;
font-size:1.5em;
}

div.OrderItemPrice{
width: 10%;
float: left;
text-align: center;
}

div.resolved{
background: #eee;
color: #777;
}
div.new{
background: #ffb7b7;
}

table.OrderContainingTable{
width: 100%;
font-size: 1em;
}

table.OrderContainingTable td{
border: 1px solid #aaa;
}
table.OrderContainingTable tr{
border: 1px solid #555;
}

td.TablePrice{
text-align: center;
font-size: 1.4em;
}

span.OrderStatusLabel{
    display: block;
    float: left;
    margin: 0.4em 0;
    position: relative;
    text-align: center;
    width: 50%;
}

span.OrderStatusText, span.EditTheOrder{
    display: block;
    float: left;
    margin: 0.4em 0;
    position: relative;
    text-align: center;
    width: 50%;
}

 span.EditTheOrder{
 width: 100%;
 text-align: left;
 }

div.LeftOrdNumbrPart, div.RightOrdNumbrPart{
    display: block;
    float: left;
    margin: 0.3em 0;
    position: relative;
    width: 50%;
}

div.OrderNumber{
width: 100%;
}

div.LeftOrdNumbrPart{
padding:0.5em 0;
}
div.RightOrdNumbrPart{
    background: #eee none repeat scroll 0 0;
    width: 37%;
}
table.OrderContainingTable th{
text-align: center;
}

.floaR{
float: right;
}

.lightRed{
display: block;
position: relative;
background: #ff6565;
padding: 0.3em 0.1em;
}

.mrgR10{
margin-right: 10%;
}

span.ItemPriceUnderName{
display: block;
clear: both;
position: relative;
float: left;
font-size: 0.8em;
color: #555;
}
.ItogoCounter{
text-align: center;
}

div.CommentForOrder{
margin-top: 8em;
}

div.Podpis{
font-size: 2em;
margin-bottom: 1em;
}

div.setOrderStatus{
font-size: 1.5em;
margin: 1em 0;
}

div.OrderNumberID{
font-size: 1.5em;
}

div.SubmitBox{
    float: right;
    text-align: center;
    width: 15%;
	margin-top: 1em;
}

div.OrderLog{
    background: #fff none repeat scroll 0 0;
    height: 25em;
    margin-top: 1em;
    overflow-y: scroll;
    padding: 0.5em 2%;
    width: 96%;
}

div.DateAndUser{
width: 100%;
margin-top: 1em;
margin-bottom: 1em;
background: #eee;
float: left;
}

div.LogDate{
width: 100%;
font-size: 0.8em;
}

div.OperatorName{
width: 70%;
}

span.CommentTitle{
display: block;
position: relative;
float: left;
width: 100%;
font-size: 1.2em;
color: #555;
}

div.OrderComment{
margin: 1em 0;
width: 100%;
}

div.ItemName{
float: left;
position: relative;
width: 55%;
}
div.SizeOfItem{
width: 20%;
float: left;
position: relative;
}
div.ItemsQuantity{
width: 10%;
float: left;
position: relative;
text-align: center;
}

div.OrderAction{
width: 100%;
margin: 0.3em 0;
}

div.OrderChanges{
font-size: 0.9em;
width: 100%;
position: relative;
float: left;
}

div.setOrderStatus{
width: 25%;
float: left;
position: relative;
}

span.TitleObject{
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
}

div.AddElement{
    display: block;
    float: right;
    font-size: 1.5em;
    position: relative;
    width: 15%;
}

div.InnerAdminCategoryName{
display: block;
position: relative;
float: left;
width: 100%;
font-size: 2em;
margin-top: 2em;
background: #eee;
}

div.InnerAdminItem{
    display: block;
    float: left;
    font-size: 1.5em;
    margin-top: 1em;
    position: relative;
    width: 33%;
}

div.InnerAdminItemImg{
display: block;
position: relative;
float: left;
width: 100%;
}

div.InnerAdminItemImg img{
width: 100%;
height: auto;
}

div.InnerAdminItemName label{
display: block;
position: relative;
float: left;
width: 100%;
}

div.inputNeededQuantity input{
display: block;
position: relative;
float: left;
width: 2em;
}

div.InnerAdminItemName input{
margin-left: 1em;
}

div.SubmitTheOrderAdd{
display: block;
position: relative;
float: left;
width: 100%;
margin-top: 2em;
text-align: right;
}

div.CategoryItemsAll, div.inputNeededQuantity{
display: block;
position: relative;
float: left;
width: 100%;
}

div.inputNeededQuantity{
clear: both;
}

div.InnerAdminItemName{
width: 50%;
display: block;
position: relative;
float: left;
}
div.TheITemsImg{
width: 20%;
display: block;
position: relative;
float: left;
}

div.TheITemsImg img{
width: 100%;
height: auto;
}

div.ItemSizeInput{
display: block;
position: relative;
float: left;
width: 20%;
clear: both;
}

fieldset.cms_fieldset{
display: block;
position: relative;
float: left;
width: 100%;
}
img.ItemImgToAdd{
display: block;
position: realtive;
float: left;
width: 100%;
}

div.TheSizeHolder{
display: block;
position: realtive;
float: left;
width: 48%;
padding: 0 1%;
}

div.AdminCatalogMenu{
    background: #eee none repeat scroll 0 0;
    box-shadow: 0 0 0.3em #555;
    display: block;
    float: left;
    font-size: 1.8em;
    line-height: 150%;
    margin: 1em 0;
    padding: 1% 2%;
    position: relative;
    width: 96%;
}

div.averageFilerBox input.cms_textfield{
display: block;
position: relative;
float: left;
width: 60%;
}

div.RightAdminEditBlock, div.LeftAdminListBlock{
display: block;
position: relative;
float: left;
width: 48%;
margin: 1.5em 1%;
}
div.LeftAdminListBlock{
min-height: 20em;
font-size: 1.6em;
}

div.MailTemplateNumbr{
width: 5%;
display: block;
position: relative;
float: left;
}

div.MailTemplateName{
width: 25%;
display: block;
position: relative;
float: left;
}
div.MailTemplateBody{
width: 46%;
display: block;
position: relative;
float: left;
font-size: 0.9em;
color: #555;
padding: 0 2%;
border-right: 1px solid #555;
}
div.MailTemplateStatus{
    display: block;
    float: left;
    font-size: 0.8em;
    padding: 0 2%;
    position: relative;
    width: 15%;
}

div.MailTemplateSample{
width: 100%;
display: block;
position: relative;
float: left;
border: 1px solid #555;
margin: 0.3em 0;
}
span.StatusTextForMailTemplate{
width: 100%;
display: block;
position: relative;
float: left;
margin-top: 1em;
}

div.EditButtons{
width: 20%;
display: block;
position: relative;
float: left;
margin-top: 1em;
}
div.OrderInfo{
clear: both;
float: left;
width: 100%;
padding: 2.5em 0;
}

div.Orders{
float: left;
width: 96%;
padding: 2%;
}

div.OrderItem{
width: 99%;
float: left;
margin: 0.3em 0;
border: 1px solid #555;
}

div.OrderData{
width: 96%;
float: left;
background: #faffc1;
padding: 0.5em 2%;
}

/*
############## lk css ends #####################
*/


div.OrderItem form input{
display: block;
position: relative;
float: right;
width: 25%;
background: #b80000;
border: none;
border-radius: 0.3em;
color: white;
color: #fff;
font-size: 1.5em;
margin: 0.5em 2%;
cursor: pointer;
}

a.backHome{
clear: both;
display: block;
position: relative;
float: left;
width: 100%;
margin-bottom: 1em;
}

span.successfullPayment{
display: block;
position: relative;
float: left;
text-align: center;
width: 100%;
font-size: 2em;
color: #b80000;
margin-bottom: 2em;
}

div#footerCardsLogos{
    float: right;
    text-align: center;
    width: 20%;
}

div#footerCardsLogos img.bankCardsImg{
display: block;
position: relative;
float: left;
height: auto;
}

div#footerCardsLogos img.visa{
    margin-left: 30%;
    margin-right: 4%;
    margin-top: 1%;
    width: 25%;
	height: auto;
}
div#footerCardsLogos img.mastercard{
width: 15%;
height: auto;
}

a.MoreAboutPayment{
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
}
li a.coworkingMenu{
 color: #b80000;
 font-weight: bold;
}
div.OrderSplitHolder{
width: 100%;
margin: 1em 0;
}

div.OrderSplit{
    border: 1px solid #aaa;
    margin: 0.3em 1%;
    min-height: 5em;
    padding: 1em 0;
    width: 31%;
}

.h2like{
    font-weight: bold;
    display: block;
    position: relative;
    float: left;
    font-size: 1.2vw;
    width: 100%;
    text-align: center;
}

div.OrderSplit form{
display: block;
position: relative;
float: left;
width: 100%;
}
div.OrderSplit form input{
width: 70%;
}
div.DostavkaPayment{
width: 100%;
display: block;
position: relative;
float: left;
}
div.ifNotRegistered{
width: 100%;
margin-top: 2em;
}

div.ifNotRegistered a{
display: block;
position: relative;
float: left;
width: 80%;
margin-left: 10%;
text-decoration: none;
background: #aaa;
border-radius: 0.5em;
color: white;
text-align: center;
padding: 0.3em 0;
margin-top: 0.5em;
}

div.z_red{
color: #b80000;
font-size: 1.2em;
width: 100%;
text-align: center;
}

div.SocialButtons{
float: right;
}

div.MiddleBox{
display: block;
position: relative;
float: left;
width: 50%;
margin-left: 25%;
margin-right: 25%;
}

div.LeftFlBox{
display: block;
position: relative;
float: left;
width: 50%;
margin-left: 0%;
margin-right: 50%;

}

.hiddenSpan{
display: none;
}
div.DealerBoxImg{
clear: both;
width: 48%;
margin: 0 1%;
}

div.CityNm, div.DealersHeader{
font-size: 1.6em;
min-width: 25%;
background: #ed3c2f;
margin: 0.35em 0;
color: white;
padding: 0.3em;
}
div.DealersHeader{
background: #fff;
text-align: center;
color: #777;
width: 33%;
}
div.MapCode{
width: 100%;
}

div.MapCode iframe{
display: block;
position: relative;
float: left;
width: 100%;
}
.DealerInfo{
width: 100%;
border-collapse: collapse;
}
.DealerInfo td, .DealerInfo th{
border: 1px solid #ccc;
}

.DealerInfo td.DealerPhones{
text-align: center;
}

.DealerInfoBlock{
width: 100%;
margin: 1em 0;
}

div.CompanyDealers{
font-size: 0.9em;
width: 100%;
}

iframe{
margin: 2vw 0;
}
.w100{
width: 100%;
}
.w50{
width: 50%;
}

.MapCode img.w50{
width: 48% !important;
margin: 0 1%;
padding: 0;
display: block;
position: relative;
float: left;
height: auto;
}
.CatalogAction{
display: block;
position: absolute;
top: 1vw;
right: 0;
background: #00c617;
color: white;
padding: 0.3vw 1vw;
}

div#sizedBlock{
    position: absolute;
    right: 8.1vw;
    top: 5.5vw;
    text-shadow: 0 0.04vw 0 #777;
    background: transparent;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-bottom: 0.3vw solid white;
}

.swiper-button-prev{
    background: url(/images/backW.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}

.swiper-button-next{
    background: url(/images/forthW.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
.swiper-pagination-bullet-active{
background: #fff !important;
}

.titlingHeader{
    text-decoration: none;
    color: #333;
    background: #eee;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 1vw;
    text-align: center;
}
#MainPageContentWrapper, #Imageblock0{
width: 100%;
}

#MainPageContentWrapper{
margin-top: 5vw;
}

#Imageblock0, .VegasGallery{
height: 45vw;
width: 100%;
}

#Imageblock0{
margin-bottom: 2vw;
}

.LookBooksHolder{
width: 100%;
}
img.bsinsd{
height: 20vw;
}


.basksubm{
    /*background: linear-gradient(90deg, #000, #777, #aaa, #777,  #000);*/
	background: #777;
    border: 1px solid #888;
    color: white;
    margin-top: 0.4em;
    padding: 0.1em 0.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 0 0.2vw #777;
    width: 50%;
    float: right;
    cursor: pointer;
}
.basksubm:hover{
	transition: 0.3s all;
	background: linear-gradient(90deg, #b80000, #ed3c2f, #b80000);
	color: white;
}

.commentTa{
height: 10vw;
}

.h3like{
clear: both;
font-size: 1.4vw;
font-weight: bold;
display: block;
position: relative;
float: left;
margin: 1vw 0;
}

.basket_form{
clear: both;
width: 100%;
}



.RadioBox{
clear: both;
background: #efefef;
padding: 1vw 2%;
width: 96%;
}

.DeliveryPointPostalCode{
margin-right: 2vw;
font-size: 1.2vw;
font-weight: bold;
}
.RadioOptionsHolder{
width: 100%;
margin: 1vw 0;
}
.hidden{
display: none;
}

.DeliveryPointPostalCodeEditing{
float: right;
}

.inputerBox, .AddressIndexInput{
font-size: 1.3vw;
}

.SubmitAddressIndex{
font-size: 1.3vw;
margin: 0 1vw;
cursor: pointer;
color:#ed3c2f;
}

.SubmitAddressIndex:hover{
transition: 0.4s all;
color: #b80000;
}

.CancelSubmitAddressIndex{
cursor: pointer;
}

.CancelSubmitAddressIndex:hover{
transition: 0.4s all;
color: #888;
}

.EditAddressIndex{
color: black;
margin: 0 1vw;
}

.PaymentButton{
font-size: 2vw;
    background: #ed3c2f;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: .5vw;
    padding: .5vw 2%;
    width: auto;
    margin-bottom: 3vw;
   width: auto;
   cursor: pointer;
}
.OrderOk{
width: 100%;
text-align: center;
}
 
.SizeHodlingBox{
    flex-basis: 6%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-right: 1vw;
	cursor: pointer;
}
.RemRowTd, .ItemSums, .BasketItemCategory, .BasketItemPrice{
	text-align: center;
}

.SizeHodlingBox .sizeCount{
    display: none; //с 02.12.2024
    width: 2vw;
    text-align: center;
    padding: 0;
    font-size: 1vw;
}

div#cartSizes .RazmerActive{
background: #ed3c2f;
color: white;
}

.div#cartSizes .RazmerActive:hover{
transition: 0.4s all;
background: #b80000;
}

#DeliveryPointPostalCode{
margin-bottom: 2vw;
}
.basket_form input, .basket_form textarea{
font-size: 1.2vw;
}

.DeliveryCostByRusPost{
float: right;
}

.RedInfoBox{
    background: linear-gradient(90deg, #ff877e, #b80000, #b80000, #B80000);
    padding: .5vw 2%;
    width: 96%;
    margin: 1vw 0;
    font-weight: bold;
    display: block;
    border: 1px solid #b80000;
    color: wheat;
}
.RedInfoBox a{
	color: white;
}

.GotoBasket:hover{
color: white !important;
}

.grayie{
background: #bbb !important;
}

.button{
    display: block;
    position: relative;
    float: right;
    width: auto;
    padding: 0.5vw;
    text-decoration: none;
    background: #ed3c2f;
    color: white;
    text-align: center;
    margin: 0.5vw 0;
    
    font-size: 1vw;
    border: none;
    box-shadow: 0.1vw 0.2vw 0.5vw #777;
    margin-right: 14%;
    cursor: pointer;
}
.button:hover{
	transition: 0.3s all;
	box-shadow: none;
}

#NewsPostDetailTitle{
	clear: both;
	margin: 2vw 0;
}

.PostalItemsLister{
	clear: both;
}

#innercat .ItemsCatalog .ItemImage{
    margin: 2vw 0 0;
    height: 38.2vw;
    width: 100%;
    position: relative;
}
#innercat .ItemsCatalog .CatalogHit{
    border-radius: 0;
    padding: 0.3vw;
    top: 1vw;
    right: 4.3vw;
}

#innercat .ItemsCatalog .CatalogItemPrice{
    color: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-basis: 40%;
    font-size: 1vw !important;
    font-weight: bold;
    align-items: flex-start;
    justify-content: flex-end;
}
#innercat .ItemsCatalog .NameOfItem{
    color: #555;
    display: block;
    line-height: 150%;
    margin-right: 0;
    text-align: left;
    flex-basis: 60%;
    font-size: 1vw;
    text-decoration: none;
}

#innercat .ItemsCatalog .CatalogItemPrice .zacherk, #innercat .ItemsCatalog .CatalogItemPrice .redprice{
	text-align: right;
}

.itemVideo{
    width: 100% !important;
    height: auto !important;
}
#BigVideo{
	width: 100% !important;
	height: auto !important;

}
.videoSign{
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	top: 2vw;
	right: 0; 	
}

#UserAllowanceForm{
	margin: 1vw 0;
}
#UserAllowance{
    display: none;
    left: 20%;
    position: fixed;
    width: 60%;
    bottom: 1vh;
    padding: 1vw 2vw 0 2vw;
    border: 1px solid black;
    border-radius: 0.5vw;
    background: #fff;
    z-index: 5000;
    box-shadow: 0 0 0.3vw #222;
    font-size: 0.8vw;
}
#UserAllowance p{
	margin: 0;
	line-height: 120%;
}

#UserAllowanceButton{
    background: linear-gradient(90deg, black, #777);
    color: white;
    border: none;
    padding: 0.4vw 1vw;
    border-radius: 0.3vw;
	cursor: pointer;
}
#UserAllowanceButton:hover{
	transition: 0.3s all;
	background: linear-gradient(90deg, #777, black);
}
.PromoMessage{
    display: block;
    width: 100%;
    margin: 1vw 0;
}
.errorPromo{
    background: #b80000;
    color: white;
    padding: 1vw;
}
.successPromo{
    background: #00b800;
    color: white;
    padding: 1vw;    
}
.strikedSumm{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-decoration: line-through;
}

.selectSizes{
    float: left;
    font-size: 0.8vw;
    margin: 0 0.3vw;
}
.selectSizes a{
    display: block;
    text-decoration: none;
    position: relative;
    float: left;
    margin: .2vw;
}
.selectSizes .active{
background-color: #dbdbdb;
color: black;
}

.RazmText{
    font-family: "Proxima Nova Lt","PT Sans Narrow","Arial Narrow",Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
    font-size: 0.7vw;
}

.ItemsAlike{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
    padding: 0.3vw 0 0 0;
    margin: 3vw 0 0;
}
.ItemsAlike .h2like{
    text-align: left;
    font-size: 0.8vw;
    text-transform: uppercase;
}

.ItemAlikeImage a{
	text-decoration: none;
	line-height: 100%;
}
.ItemAlikeImage{
    flex-basis: 20%;
    margin: 0.5vw 2% 0 0;
}
.ItemAlikeName{
    font-size: 1vw;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}
#requisits{
	color: black;
	font-style: underline;
	cursor: pointer;
}

#RequisitsTable{
	display: none;
}
.FormHolderingBox{
	width: 100%;
}
.CatalogOrderProduct .ItemSizes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0.3vw 0;
}

.CatalogOrderProduct .SizeHodlingBox{
    flex-basis: 5%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-right: 1%;
    box-shadow: 0 0 0.1vw #777;
    border: 1px solid black;
    padding: 0.1vw;
}
.CatalogOrderProduct .ItemSizesLabelText{
	margin-right: 1vw;
}

.CatalogOrderProduct .SizeHodlingBox .Razmer{
	display: none;
}

.CatalogOrderProduct .SizeHodlingBox .RazmerLabel{
    font-size: 0.8vw;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.CatalogOrderProduct .SizeHodlingBox .sizeCount{
	font-size: 0.7vw;
    width: 2vw;
}