@font-face {
	font-family: 'Proxima Nova Lt';
	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;
}

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

img{
border: none;
max-width: 100%;
height: auto;
}

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;
}

div#fullPageSlider{
    width: 100%;
}

div#pagewrapper, div#fpscreen{
width: 100%;
overflow: hidden;
}


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;
}

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: #ed3c2f !important;
}

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

div#headerMenu li a{
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 li li a{
	font-size: 0.8vw !important;
    display: block !important;
    position: relative !important;
    float: left !important;
    width: 100% !important;
}

div#headerPhone{
    font-weight: bold;
    line-height: 150%;
}

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: 0 ;
width: 96%;
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#footer{
display: block;
position: absolute;
bottom: 3%;
width: 100%;
background: url(/images/footer-bg.png);
font-size: 12px;
height: 86px;
}

div#footerPages{
display: block;
position: relative;
bottom: 3%;
width: 100%;
background: url(/images/footer-bg.png);
font-size: 12px;
height: 86px;
}
div#footerTextBlock{
    margin-left: 10%;
    margin-top: 1vw;
}
div#footerSocialNets{
    margin-left: 26%;
    margin-top: 1.2vw;
    width: 10%;
}
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%;
    margin-top: 6vw;
   min-height: 50vw;
}

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

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

div#LeftSubMenuBar ul{
margin-bottom: 2em;
padding-bottom: 2em;
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: 20px;
text-decoration: none;
}

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

}

#ContentItself{
    width: 75%;
    padding: 1%;
    margin: 0;
    margin-left: 20%;
}

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: 1%;
    width: 46%;
}

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

}

div.ItemsCatalog div.ItemName{
    margin: 0 10%;
    text-align: center;
    width: 80%;
}

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: none repeat scroll 0 0 #ed3c2f;
    border: 1px solid #b80000;
    border-radius: 5px;
    color: white;
    padding: 0.1em 0.2em;
    margin-top: 0.4em;
    text-align: center;
    text-decoration: none;
    width: 96%;
}

.GotoBasket:hover{
transition: 0.4s all;
background: #b80000;
color: white;
}

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

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

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%;
*/
}

span.CatalogItemPrice{
color: #777;
    display: block;
    float: right;
    font-size: 1.3vw !important;
    font-weight: bold;
    margin-top: 1%;
    position: relative;
    text-align: right;
    width: 30%;
}

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{
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{
    width: 60%;
    margin-right: 1%;
    clear: both;
}

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

div.itemPic, div#ItemDescriptionFull{
width: 100%;
}

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{
width: 100%;
margin: 2em 0;
}

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

div.descr_outer{
width: 34%;
padding: 1%;
}

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

div#ItemDescriptionFull div.descr_outer{
width: 34%;
margin-left: 1%;
}
div#itemgallery{
width: 20%;
min-height: 20px;
}
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.4s all;
background: #ccc !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;
    text-align: right;
    width: 63%;
}

.CatalogOrderProduct img{
width: 100%;
}

.CatalogOrderProduct span.order{
display: block;
position: relaitve;
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-bottom: 1vw;
    margin-top: 0;
    text-align: center;
    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;
    border-radius: 5px;
    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{
width: 76%;
margin-left: 2%;
border: 1px solid #cccccc;
}

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

span.h1like{
   background: none repeat scroll 0 0 #ff7777;
    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;
    border-radius: 5px;
    margin: 0 2% 2em;
    padding-bottom: 1em;
    padding-top: 0;
    width: 98%;
}
div.descr_outer div.order{
width: 100%;
}

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: none repeat scroll 0 0 #eee;
    border: 1px solid #888;
    border-radius: 5px;
    color: black;
    margin-top: 0.4em;
    padding: 0.1em 0.2em;
    text-align: center;
    text-decoration: none;
    width: 96%;
}

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%;
}

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: 70%;
text-align: center;
display: block;
position: relative;
float: left;
width: 100%;
}

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

div.Arrower{
width: 35%;
}


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

div#CatalogNEXT{
    margin-left: 20%;
    float: right;
}
div#CatalogPREV{
margin-right: 20%;
}
div#PriceiNavigator{
    margin-left: 0%;
    margin-top: 1em;
    width: 100%;
}

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;
width: 100%;
margin: 1em 0;
}

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-top: 1em;
    padding-bottom: 1em;
    width: 100%;
}
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;
*/
transition: 0.3s all;
font-weight: bold;
}
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%;
}

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.1em 0.5em;
    padding: 0 0.3em;
    position: relative;
    cursor: pointer;
    font-size: 1.3vw;
    width: 2.4vw;
    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: 1em;
}

div.left_basket a.order{
display: block;
position: relative;
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
background: #ed3c2f;
color: white;
text-align: center;
margin: 0.5em 0;
border-radius: 5px;
}

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.itemFullDescript{
width: 100%;
}

div#PriceiNavigator div.Arrower{
width: 30%;
*width: 28%;
}
div.ItemImageAccessoire{
width: 100%;
height: 10em;
overflow: hidden;
}

div.ItemImageAccessoire img{
width: 100%;
}

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

div.RazmS{
width: 50%;
padding: 2%;
}

span.RazmSButton{
display: block;
position: relative;
float: left;
width: 100%;
padding: 2%;
border-radius: 5px;
background: #cccccc;
color: black;
text-align: center;
cursor: pointer;
border: 1px solid 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%;
}

div#AvelonSearchPlace{
	display: none;
clear: both;
    float: right;
    margin-right: 3.5vw;
    width: 30%;
    margin-top: 0%;
}

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

div#srchinputbox{
width: 60%;
margin-right: 5%;
}

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

div#sbmtbtn{
    width: 33%;
    margin-top: 0.67vw;
}

div#sbmtbtn input{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    border: none;
    background: #dbdbdb;
    color: #333333;
    padding: 0.2vw 0;
    margin-top: .6vw;
}

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.7em;
}

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 #ed3c2f; // #aaa;
    border-radius: 60px;
    color: white;
    display: block;
    padding: 5% 2%;
    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%;
}

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%;
}

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%;
}

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;
}

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

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;
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;
}
.CatalogAction{
display: block;
position: absolute;
top: 1vw;
right: 0;
background: #00c617;
color: white;
padding: 0.3vw 1vw;
}

div#sizedBlock{
    float: right;
    width: 40% !important;
    margin-top: 0;
    font-size: 1.4vw;
    position: absolute;
    right: -6vw;
    top: 2vw;
}

.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;
}
.titlingHeader a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
}

#MainPageContentWrapper, #Imageblock0{
width: 100%;
}


#Imageblock0, .VegasGallery{
min-height: 45vw;
width: 100%;
overflow: hidden;
}

#Imageblock0{
margin-bottom: 2vw;
}

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


.basksubm{
    display: block;
    position: relative;
    float: right;
    width: auto;
    padding: 1%;
    text-decoration: none;
    background: #ed3c2f;
    color: white;
    text-align: center;
    margin: 0.5em 0;
    border-radius: 5px;
    font-size: 1.3vw;
    border: none;
    box-shadow: 0.1vw 0.2vw 0.5vw #777;
    margin-right: 14%;
    cursor: pointer;
}

.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{
display: block;
position: relative;
float: left;
width: 16%;
}

.SizeHodlingBox .sizeCount{
display: block !important;
    width: 3vw;
    margin-top: 1vw;
    text-align: center;
    padding: 0;
    margin-left: 18%;
    font-size: 1.3vw;
}

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: #ff877e;
    padding: .5vw 2%;
    width: 96%;
    margin: 1vw 0;
    font-weight: bold;
    display: block;
}
.GotoBasket:hover{
color: white !important;
}

.grayie{
background: #bbb !important;
}

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

.swiper-slide img{
	width: 100%;
	height: auto;
	
}
#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: #ed3c2f;
	color: white;
	border: none;
	padding: 0.4vw 1vw;
	border-radius: 0.3vw;
}
.MPGallery{
	width: 100%;
}
.slider-item{
	  opacity: 0;
	  transition: opacity 0.8s ease; /* Настраиваем продолжительность эффекта */
	  position: absolute; /* Чтобы слайды накладывались друг на друга */
	  top: 0;
	  left: 0;
	  width: 100%;
}
.slider-item.active{
  opacity: 1; /* Делаем видимым активный слайд */
  z-index: 1; /* Активный слайд поверх остальных */
}
.slider-item video{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.slider-item picture{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.slider-item img{
	width: 100%;
	margin: 0 auto;
	display: block;
}
#horizontal-slider { 
display: block;
min-height: 80vh;
position: relative;
width: 100%;
}