/* Stylesheet: style Modified On 2025-08-19 22:24:12 */
    html { height:100%; margin: 0; padding: 0;}

    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, address {display: block;}    
	audio, canvas {display: inline-block;}
	video {display: block;}
	audio:not([controls]) {display: none; height: 0;}
    
	address {font-style: normal;}
    
    ul, ol, li, form, fieldset, a, img, div, figure, address { margin: 0; padding: 0; border: 0; }
    
    ul {list-style: inside;}
    ol {list-style: inside;}
	
    ul li {list-style: none;}
    ol li {list-style: decimal inside;}
    
    ol {padding: 10px 0;}
    ol li {margin: 0 0 20px 0;}
	
    body {height:100%; position: relative; background: #fff;}
    body, td, input, textarea {margin: 0px; padding: 0px; color: #1b1d20; font: 300 15px 'OpenSans';}
    
    body * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .hidden {display: none !important; }
    a {text-decoration: none; color: #1b1d20;}
    a:hover {text-decoration: none; color: #d40b2b;}
    
	h1 {font: bold 38px 'CaviarDreams'; color: #fff; display: inline-block; margin: 0 0 54px 0; padding: 11px 19px 4px 22px; text-transform: uppercase; letter-spacing: 3.8px; background: #d40b2b;}
	h2 {font: bold 25px 'CaviarDreams'; color: #fff; margin: 0 0 41px 0; padding: 0; text-transform: uppercase;}
	h3 {font: bold 24px 'CaviarDreams'; color: #1b1d20; margin: 0 0 20px 0; padding: 0; text-transform: uppercase;}

	p {margin: 0 0 20px; padding: 0; line-height: 26px;}
	
	table {border-collapse: collapse; border-spacing: 0;}
	
	.main {min-height: 100%; position: relative;}	
	.cbc {overflow: hidden; min-width: 1250px; margin: 0 auto;}
	.center_box {width: 1176px; margin: 0 auto; position: relative;}
	.page_content {position: relative;}
	
/* page content */
  
	
  /* header */	
	
	header {width: 100%; height: 201px; position: relative;}
	
	header .top_menu {float: left; width: 492px; padding: 45px 0 0 6px;}
	header .top_menu li {display: inline-block; vertical-align: middle;}
	header .top_menu li a {color: #494747; font: 400 12px 'CaviarDreams'; text-transform: uppercase; letter-spacing: 1px;}
	header .top_menu li a:hover {color: #d40b2b;}
	header .top_menu .sepor {width: 5px; height: 5px; margin: 0 36px 0 32px; padding: 7px 0; background: url(http://xoz-ram.ru/img/sepor_menu.png) center 7px no-repeat;}
	
	header .logo_box {float: left; margin: 17px 99px 0 0;}
	
	header .addr {float: left; font: 400 12px 'CaviarDreams'; text-transform: uppercase; letter-spacing: 1px; margin-top: 52px;}
	
	header .phone {float: right; margin: 50px -1px 0 0;}
	header .phone {font: bold 15px 'CaviarDreams'; letter-spacing: 0.2px; padding-left: 17px; background: url(http://xoz-ram.ru/img/ico_phone.png) left 4px no-repeat;}
	header .phone span {color: #d40b2b;}
	header .phone:hover {color: #1b1d20;}
	header .phone:hover span {color: #d40b2b;}
	
	.main_menu {position: relative; z-index: 10; height: 59px; background: #1b1d20; margin-top: 48px;}
	.main_menu ul {margin-left: -1px; height: 59px;}
	.main_menu li {position: relative; float: left;}
	.main_menu li:first-child a {padding: 0 19px 0 15px; letter-spacing: 1.6px; border-left: 1px solid rgba(255, 255, 255, 0.1);}






	.main_menu a {display: block; font: bold 15px/65px 'CaviarDreams'; letter-spacing: 1.3px; color: #fff; text-transform: uppercase; height: 59px; padding: 0 13px 0 15px; border-right: 1px solid rgba(255, 255, 255, 0.1);}
	.main_menu a.more {color: #d40b2b;}
	.main_menu a.active,
	.main_menu li:hover > a {color: #fff !important; background: #d40b2b;}
	
	.main_menu li:hover .subn {display: block;} 
	
	.main_menu .subn {display: none; position: absolute; top: 100%; right: 0;}
	.main_menu .subn ul {margin: 1px 0 0 0; height: auto; width: 267px; background: #1b1d20;}
	.main_menu .subn li {float: none; border-top: 1px solid #323437;}
	.main_menu .subn li:first-child {border-top: none;}
	.main_menu .subn a {height: 54px; padding: 20px 28px 0!important; line-height: 20px; border: none; color: #fff;}
	
	
	
  /* pages */
	
	.promo_box {height: 573px; margin: -95px 0 43px; background: url(http://xoz-ram.ru/img/promo_bg.jpg) center top no-repeat;}
	.promo_box .title_box {margin: 363px 0 0 -1px;}
	.promo_box .title_box h1 {margin: 0;} 
	.promo_box .title_box h2 {display: block; width: 286px; letter-spacing: 2.5px; line-height: 30px; margin: 0; padding: 12px 11px 10px 22px; background: #1b1d20;}
	.promo_box.inner {height: 130px; background: url(http://xoz-ram.ru/img/inner_ptitle_bg.jpg) center top no-repeat;}

	.promo_box .slider_box {position: relative;}

	.promo_box .iosSlider {width: 100%; height: 573px;}
	.promo_box .iosSlider .item {width: 100%; height: 573px;}
	.promo_box .slide_1 {background: url(http://xoz-ram.ru/img/slide_bg_1.jpg) center top no-repeat;}
	.promo_box .slide_2 {background: url(http://xoz-ram.ru/img/slide_bg_2.jpg) center top no-repeat;}
	.promo_box .slide_3 {background: url(http://xoz-ram.ru/img/posuda.jpg) center top no-repeat;}
	
	.promo_box .slider_nav {position: absolute; left: 0; bottom: 63px; width: 100%; z-index: 100;}
	.promo_box .slider_nav span {float: right; width: 49px; height: 49px; margin-left: 1px; background: url(http://xoz-ram.ru/img/slider_nav.png) no-repeat;}
	.promo_box .slider_nav .prev {right: 99px; background-position: left bottom;}
	.promo_box .slider_nav .prev:hover {background-position: left top;}
	.promo_box .slider_nav .next {right: 0; background-position: right bottom;}
	.promo_box .slider_nav .next:hover {background-position: right top;}		
	
	
	.cat_list {margin: 0 0 26px -16px;}
	.cat_list .item {float: left; margin: 0 0 15px 15px;}
	.cat_list .item a {display: block; position: relative;}
	.cat_list h3 {font-weight: 400; font-size: 32px; letter-spacing: 3px; text-align: center;}
	.cat_list h3 span {display: block; font-weight: bold;}
	.cat_list .price_box {position: absolute; width: 100%; bottom: 45px; left: 0;}
	.cat_list .price_box .price {display: block; width: 239px; height: 41px; font: 400 14px/42px 'CaviarDreams'; letter-spacing: 1.5px; color: #fff; text-align: center; text-transform: uppercase; margin: 0 auto; background: #1b1d20;}
	.cat_list a.bg2 h3 {font-size: 33px; padding-top: 19px;}
	.cat_list a.bg2 .price_box {bottom: 50px;}
	.cat_list a.bg5 h3 {font-size: 30px; letter-spacing: 2.8px;}
	.cat_list a.bg5 h3 span {font-size: 33px; margin-top: 3px;}
	.cat_list a.bg5 .price_box {bottom: 36px;}
	.cat_list a:hover .price {background: #d40b2b;}
	
	.cat_list .item a.s1 {width: 382px; height: 382px; padding: 56px 0 0 0;}
	.cat_list .item a.s2 {width: 282px; height: 282px;}
	.cat_list .item a.s3 {width: 583px; height: 282px; padding: 50px 0 0 0;}
		
	.cat_list .item a.bg1 {background: url(http://xoz-ram.ru/img/cat_bg_1.jpg) center no-repeat;}
	.cat_list .item a.bg2 {background: url(http://xoz-ram.ru/img/cat_bg_2.jpg) center no-repeat;}
	.cat_list .item a.bg3 {background: url(http://xoz-ram.ru/img/cat_bg_3.jpg) center no-repeat;}
	.cat_list .item a.bg4 {background: url(http://xoz-ram.ru/img/cat_bg_4.jpg) center no-repeat;}
	.cat_list .item a.bg5 {background: url(http://xoz-ram.ru/img/cat_bg_5.jpg) center no-repeat;}
	.cat_list .item a.bg6 {background: url(http://xoz-ram.ru/img/cat_bg_6.jpg) center no-repeat;}
	
	.contact_box {height: 173px; margin-bottom: 60px; background: #1b1d20;}
	.contact_list {margin-left: -1px;}
	.contact_list li {float: left; height: 173px; font: bold 18px/26px 'CaviarDreams';letter-spacing: 1.8px; color: #fff; text-transform: uppercase; border-right: 1px solid rgba(255, 255, 255, 0.12);}
	.contact_list li:first-child {border-left: 1px solid rgba(255, 255, 255, 0.12);}
	.contact_list li.addr {padding: 59px 77px 0 51px;}
	.contact_list li.wtime {padding: 59px 68px 0 59px;}
	.contact_list li.slogan {padding: 59px 60px 0 55px;}
	.contact_list li span {float: left;}
	.contact_list li.addr span {padding: 7px 0 7px 78px; background: url(http://xoz-ram.ru/img/ico_map.png) left 0px no-repeat;}
	.contact_list li.wtime span {padding: 9px 0 7px 91px; background: url(http://xoz-ram.ru/img/ico_clock.png) left 0px no-repeat;}
	.contact_list li.slogan span {padding: 7px 0 7px 95px; background: url(http://xoz-ram.ru/img/ico_bag.png) left 0 no-repeat;}
	
	.mp_intro_box {padding: 6px 0 57px;}
	.mp_intro_box .col {float: right; width: 588px; padding: 0 0 0 37px;}
	.mp_intro_box .col:first-child {float: left; padding: 0 45px 0 5px;}
	.mp_intro_box .col p {margin-bottom: 24px; letter-spacing: 0.6px;}
	
	.intro_box {padding-top: 17px; margin-bottom: 42px;}
	.intro_box h1 {margin-left: -1px; padding: 13px 31px 7px 32px;}
	.intro_box .col {float: right; width: 588px; padding: 0 0 0 36px;}
	.intro_box .col:first-child {float: left; padding: 0 45px 0 15px;}
	.intro_box .col p {font-size: 17px; line-height: 33px; margin-bottom: 33px; letter-spacing: 0.7px;}
	.intro_box .col .note {font-size: 18px; font-weight: 500; line-height: 33px; letter-spacing: 0.7px; border-left: 6px solid #d40b2b; margin: -1px 0 29px 2px; padding: 1px 0 4px 42px;}
	
	.plogo_block {margin-bottom: 54px;}
	.plogo_block figure {padding-left: 25px;}
	
	.photo_box {margin-bottom: 58px;}
	.photo_box figure {margin-left: -16px;}
	.photo_box img {float: left; display: block; margin-left: 15px;}
	
	.text_box {margin: -5px 0 77px; padding: 0 14px;}
	.text_box h3 {font: 500 16px/32px 'OpenSans'; text-transform: none; letter-spacing: 0.65px; margin-bottom: 32px;}
	.text_box p {font-size: 16px; line-height: 32px; letter-spacing: 0.65px;}
	
  /* elements */	
	
	hr {height: 1px; border: none; margin-bottom: 78px; background: #e1e1e1;}
	
  /* footer */
	
	footer {height: 82px; font-size: 13px; position: relative;}
	
	footer .copyright {float: left; width: 362px; font: 400 10px/21px 'CaviarDreams'; letter-spacing: 1px; text-transform: uppercase; margin: -5px 0 0 5px;}
	footer .soc_box {float: left; width: 455px; margin-top: 10px;}
	footer .counter {float: left; margin-top: 2px;}
	footer .develop {float: right; font: 400 10px/16px 'CaviarDreams'; letter-spacing: 1px; text-transform: uppercase; margin: 1px 27px 0 0; padding-left: 41px; background: url(http://xoz-ram.ru/img/ico_dev.png) left 7px no-repeat;}
	footer .develop a:hover {text-decoration: underline; color: #1b1d20;}
	
  /* plugins */
	
	
	
  /* support class style */	
	
	.clear {clear: both; float: none !important;}
	.clear_left {clear: left;}
	.fleft {float: left !important;}
	.fright {float: right !important;}
	
	.cf:before,
	.cf:after {content: " "; /* 1 */ display: table; /* 2 */}
	.cf:after {clear: both;}	
	
	.disp_none {display: none;}
	
	.bd_none {border: none !important;}
	
	.bg_none {background: none !important;}
	
	.inl_bottom_box > * {display: inline-block; vertical-align: bottom;}
	.middle_box > * {display: inline-block; vertical-align: middle;}
	.inl_block {display: inline-block;}
	
	
	.pos_right {text-align: right !important;}
	.pos_center {text-align: center;}
	.pos_left {text-align: left;}
	.pos_justify {text-align: justify;}
	
	
div.center_box ul.cf li.active > a {
    background: #d40b2b none repeat scroll 0 0;
    color: #fff !important;
}
div.center_box.cf ul.top_menu li.active a {
    color:#d40b2b;
}

.faqfrm {

}
.faqfrm span{
display:block;
margin-top:5px;
line-height:30px;
margin-bottom: -6px;
font-size: 18px; 
font-family:'CaviarDreams';
}
.faqfrm input {
    border: 1px solid #aaa;
    height: 32px;
    padding: 3px;
    width: 450px;
font: 400 17px/16px 'CaviarDreams';
}
.faqfrm textarea {
width:450px;
height:200px;
border:solid 1px #aaa;
margin:0px;
}
.faqfrm .cms_submit {
padding:5px 15px !important;
width:auto !important;
height:auto !important;
}
.faqfrm .capt input {
width:70px;
height:22px;
margin-top:10px;
}
.faqfrm .snoklop {
padding:5px 15px;
width:auto;
height:auto;
}
.faqfrm td{
padding:0px;
height:0px;
}

/* faq */
.faq{
	display:block;
	background:url(../../images/ico-faq.png) no-repeat;
	width:205px;
	padding:167px 0 23px 25px;
	text-decoration:none;
	line-height:0;
	border-bottom:1px solid #6685bb;
}
.faq:hover{
	border:0;
	padding-bottom:24px;
}
.faq span{
	display:block;
	font-size:18px;
	color:#91bbde;
	position:relative;
}
.faq strong{
	display:block;
	color:#fefefe;
	font-size:24px;
	position:relative;
}


.quest {
margin-left:0px;
padding-left:0px;
}
.quest li {
list-style:none;
padding: 0px;
margin-bottom: 15px;
}
.quest p {
margin-left:0px;
}
.quest span {
display:block;
}
.quest li a {
line-height:18px;
}

#m52855questionsubmit {
   background-color: #1b1d20;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    font: bold 13px/27px "CaviarDreams";
    height: 59px;
    letter-spacing: 1.3px;
    margin-top: 9px;
    padding: 0 21px 0 19px;
    text-transform: uppercase;

}
#m52855questionsubmit:hover {
    background-color:#d40b2b;
}

.d1 { padding: 15px 0px 2px 0px; font-size: 17px; font-family:'CaviarDreams'; }
.d2 { padding: 2px 0px 2px 20px; font-size: 14px; font-family:'CaviarDreams'; }
.d3 { padding: 2px 0px 2px 40px; font-size: 12px; color:grey;  font-family:'CaviarDreams';}
div.pr span {
display:block;
position:absolute;
margin-top:-20px;
z-index:99999;
margin-left:540px;
}

/*we need to style the popup with CSS so it is placed as a popup does*/
#wemoved {
    /*display:none;*/
    position:absolute;
    margin:0 auto;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 2px #000;
background-color:#d40b2b;
text-align: center;
color:#ffffff;
z-index:999999;
padding: 40px;
font-size: 16px;
}
#wemoved p {font-size: 18px; margin: 0;}
#wemoved h2 {font-size: 32px; margin-bottom: 15px;}
#wemoved button {position: absolute; top: -20px; right: -20px; border-radius: 50%; font-size: 20px; width: 40px; height: 40px; cursor: pointer;border: solid 1px #000;}