.error_404
{
	position: relative;
}
.error_404 .container
{
	width: 620px;
	height: 190px;
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	margin: auto;
	display: inline-block;
	vertical-align: top;
}
.error_404 .dib
{
	vertical-align: top;
	display: inline-block;
	height: 100%;
}
.error_404 .hr.red
{
	margin: 0 16px 0 13px;
	background: #F00;
	width: 7px;
	height: 100%;
	display: inline-block;
}
.error_404 h1
{
	display: inline-block;
	font: 500 82px/1.5 'open sans', tahoma;
	font-variant: small-caps;
	color: #2F2F33;
}
.error_404 h1 strong
{
	font: 500 158px/0.5 'open sans', tahoma;
	display: block;
}
.error_404 h2
{
	font: 300 26px/2 'open sans', tahoma;
	margin: 88px 0 8px;
	display: inline-block;
}
.error_404 a.button.blue
{
	float: none;
	/*display: inline-block;*/
	color: #FFF;
	font: 500 18px/1.1 'open sans', tahoma;
	background: #50CCFF;
	padding: 11px 27px;
}
.new #header_inner
{
	max-width: 91.875%;
	padding: 0 3.65% 0 4.48%;
	height: 116px;
}
.new #header
{
	height: 116px;
	background: #353537;
    position: relative;
    /*position: fixed;*/
    z-index:200;
}
.new.mainpage #header
{
	position: fixed;
}
.new #menu
{
	height: 116px;
	z-index: 1500;
	position: relative;
	/*width: 57.8125%;*/
	width: 53.8125%;
	float: left;
}
.new #menu div.link
{
	float: left;
	width: 20%;
	position: relative;
	font-size: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.new #menu div.link:nth-child(4)
{
	width: 20%;
}
.new a#logo
{
	/*max-width: 164px;*/
	width: 17%;
	margin-top: 35px;
	float: left;
	display: block;
	padding: 0;
	min-width: 164px;
	max-width: 8.54%;
	/*margin-right: 130px;*/
	margin-right: 6.77%
}
a#logo img
{
	margin: 0;
}
.new #menu a:hover
{
	background: none;
}
.new #menu div.link p,
.new #menu div.link p a
{
	font: 600 14px/1 'open sans', tahoma;
	text-transform: uppercase;
	color: #FFFEFE;
	height: 116px;
	line-height: 116px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0;
}
.new #menu div.link:hover p,
.new #menu div.link:hover p a
{
	background: #4E4E50;
	color: #A7A7A8;
	cursor: pointer;
}
.new #header div.link:hover .second_level,
.new #header div.link.hover .second_level
{
	display: block;
}
.new #header .second_level
{
	display: none;
	background: #F7F7F7;
	width: 100%;
/*	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.5);
	        box-shadow: 0 2px 3px 2px rgba(0,0,0,0.5);
	position: absolute;
	top: 116px;
	left: 0;*/
	padding-top: 0;
    z-index:200;
}
.new #menu .second_level a
{
	display: block;
	width: 100%;
	border-bottom: 1px solid #DDDEE0;
	font: 500 15px/1 'open sans', tahoma;
	color: #353537;
	padding: 20px 10%;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-height:1000px) {
.new #menu .second_level a
{
	padding: 10px 10%;
}
}
.new #menu .second_level a:hover
{
	background: #77B3E9;
	color: #FFF !important;
}
.new #search
{
	float: right;
	width: 20.8%;
	margin: 35px 0 0 0;
}
.new #search form
{
	background: none repeat scroll 0 0 #e3e4e5;
	color: #676767;
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0;
	width: 100%;
}
.new #search form input[type="text"]
{
	background: url("https://static.oklick.ru/img/lens.png") 100% 14px no-repeat ;
	border: none;
	color: #000000;
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0;
	width: 95%;
	margin: 0 2%;
	float: left;
	outline: none;
	font-size: 15px;
}
span.helper
{
	position: static;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	/*height: 050%;*/
	width: 0;
	clear: both;
}
.new #banner
{
	top: 115px;
    z-index:100;
}
.new .news_col a.h3
{
	margin-top: 31px;
}
.new .reviews_col.scrolled
{
	top: 116px;
}
.slide
{
	position: relative;
}
.slide.black
{
	background-color: rgba(0,0,0,0.85);
}
.slide a
{
	/*display: inline-block;*/
	text-align: center;
	max-height: 100%;
	/*-webkit-flex: 1;*/
	    /*-ms-flex: 1;*/
	        /*flex: 1;*/
}
/*.slide img*/
/*{*/
	/*width: auto;*/
	/*padding: 0;*/
	/*margin: 0;*/
	/*max-width: 90%;*/
	/*max-height: calc(100% - 356px );*/
	/*display: inline-block;*/
	/*position: relative;*/
	/*z-index: 100;*/
	/*vertical-align: middle;*/
/*}*/

.slide img 
{
    padding: 0;
    margin: 0;
    height: auto;
    max-width: 90%;
    max-height: calc(100vh - 316px);
    display: inline-block;
    position: relative;
    z-index: 100;
    vertical-align: middle;
    }
.slide .figure
{
	/*position: absolute;*/
	/*top: 0;*/
	/*display: inline-block;*/
	/*width: 99%;*/
	/*height: calc(100% - 116px);*/
	/*vertical-align: middle;*/
    /* width: 99%; */
    /* vertical-align: middle; */
    -js-display: flex;
    display: flex;
    height: calc(100% - 116px);
    flex-flow: column wrap;
    -webkit-justify-content: center;
            justify-content: center;
    /* height: 100%; */
    /* flex-direction: column; */
    /* justify-content: flex-end; */
}
.arr
{
	display: none;
}
.slide .caption
{
	/*position: absolute;*/
    /*display: flex;*/
    /*align-items: flex-end;*/
    /*-webkit-flex: 1;*/
        /*-ms-flex: 1;*/
            /*flex: 1;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.slide.black h2
{
	color: #FFF;
}
.slide h2
{
	padding: 20px 69px 0;
	font: 300 45px/1.333 'open sans', tahoma;
	/*margin-top: 10%;*/
	margin-bottom: 23px;
}
.slide.black p
{
	color: #CFCFCF;
}
.slide p
{
	font: 300 20px/1 'open sans', tahoma;
	padding: 0 87px;
	color: #000;
	margin-bottom: 22px;
}
.slide h2 strong
{
	text-transform: uppercase;
	font-weight: 600;
}
@media all and (max-height:850px) {
	.slide h2
	{
	font-size: 32px;	
	}
	.slide p
	{
	font-size: 16px;	
	}
	}
.slide .gradient
{
	position: absolute;
	/*top: 15%;*/
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image: radial-gradient(450px at center center, rgba(255,255,255,0.2), rgba(0,0,0,0));
}
.no-flexbox .caption
{
	margin-top: 10vh;
}

#footer .col
{
	width: 9%;
    min-width: 110px;
}
#footer .col.first
{
    min-width: 147px;
	width: 12%;
}

@media (max-width: 1080px){
	.new #header_inner {
		padding: 0;
	}
}

@media (max-width: 1100px) {
	.new #header_inner {
		padding: 0;
	}
}
.new #menu .second_level a
{
	display: block;
	width: 100%;
	border-bottom: 1px solid #DDDEE0;
	font: 500 15px/1 'open sans', tahoma;
	color: #353537;
	padding: 20px 10%;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.new #menu .second_level a.outer{
    position:relative;
}
.new #menu .second_level a.outer:before{
    display:block;
    content:'';
    position: absolute;
    top:calc(50% - 6px);
    right:10px;
    width:12px;
    height:12px;
    background-color:#353537;
    -webkit-mask: url('https://static.oklick.ru/img/arrow-o.svg') 50% 50% no-repeat;
    mask: url('https://static.oklick.ru/img/arrow-o.svg') 50% 50% no-repeat;
    -webkit-mask-size: 12px 12px;
    mask-size: 12px 12px;
}
.new #menu .second_level a.outer:hover:before{
    background-color:#ffffff;
}
