@import "http://webfonts.ru/import/opensans.css";
*
{
	padding:0; 
	margin-right:0px;
}
.logotip img {
    width: 127px !important;
}
.highslide img {
	filter: grayscale(100%);
	margin-bottom: 20px;
	-webkit-filter: grayscale(100%);  
}
.ymaps-2-1-31-ground-pane {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

[class*="ymaps-2-1"][class*="-ground-pane"]
{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}


.playlist p {
    width: 853px;
    height: 480x;
    display: inline-block;
    position: relative;
}

.playlist p:hover:before {
    width: 89px;
    height: 62px;
    content: url("/images/play.png");
    z-index: 100;
    position: absolute;
    top: 209px;
    left: 382px;
}

.this_video {
    display: inline-block;
    position: relative; // Позиционирование потомков относительно родителя
    width: 853px;
    height: 480x;
}
.this_video:hover:before {
    width: 89px;
    height: 62px;
    content: url("/images/play.png"); // Путь к вашей иконке.
    z-index: 100; // Изображение на уровень выше.
    position: absolute;
    top: 50%;
    left: 50%;
}




html
{
	width:100%;  
	margin:0 auto;
    padding:0 auto;
	
}
body
{
	width:100%;  
	margin:0 auto;
	font-family: 'Open Sans';
	min-width:1024px;
}
p 
{
	margin:0px;
}
.container
{
	width:940px;
	margin:0 auto;
}
.header
{
	width:100%;
	height:110px;
}
.header2
{
	width:100%;
	height:130px;
}
.logo 
{
	width:300px;
	float:left;
	margin-top:20px;
}
.head_tel
{
	width:220px;
	margin-top:30px;
	float:right;
	color:#797979;
	text-align:right;
}
.head_tel table tr td p
{
	margin-left:20px;
}
.head
{
	width:100%;
	height:660px;
	background: url(images/head_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
.head h1 
{
	color:#fff;
	font-size:40px;
	font-weight: 100;
	text-align:center;
	margin-bottom: 60px;
}
.pr
{
	width: 300px;
	float:left;
	text-align: center;
	margin-top: 100px;
}
.pr p 
{
	color:#fff;
	margin-top:20px;
	font-size:14px;
}
.zag_kn 
{
	width:750px;
	height:200px;
	text-align: center;
	padding-top: 150px;
	margin:0 auto;
}
.knopka 
{
	
	background:#feca09!important;
	padding: 20px 50px!important;
	color:#fff!important;
	font-size:18px!important;
	text-transform:uppercase!important;
	text-decoration:none!important;
	position:relative!important;
	border-radius:4px!important;
}
.knopka:hover
{
	background:#ffb422!important;
}
.kn_bt:hover
{
background:#ffb422!important;
}

.politika
{
color:#797979;
font-size: 14px;
text-decoration: none;
}
.politika:hover
{
color:#ffb422;
}

.knopka:focus
{
	top:1px;
}

.yajca
{
	width:100%;
	height:500px;
}
.delat
{
	width:100%;
	height:1230px;
}
.soc1
{
	background:url(fackti/vk.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
.soc1:hover
{
	background:url(fackti/vk_h.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
.soc2:hover
{
	background:url(fackti/you_h.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
.soc2
{
	background:url(fackti/you.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
.soc3
{
	background:url(fackti/insta.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
.soc3:hover
{
	background:url(fackti/insta_h.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
{
	background:url(fackti/insta.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
	text-decoration:none;
}
.delat2
{
	width:100%;
	height:802px;
}
.raschet
{
	width:100%;
	height:830px;
}
.zag 
{
	width:440px;
	margin: 0 auto;
	text-align:center;
	color:#f6c100;
	padding:45px 0 30px;
	margin-bottom:50px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:2px solid #f6c100;
}
.zag4istie 
{

	margin: 0 auto;
	text-align:center;
	color:#f6c100;
	padding:90px 0 30px;
	margin-bottom:50px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;
}
.zag1 
{
	width:750px;
	margin: 0 auto;
	text-align:center;
	color:#f6c100;
	padding:45px 0 30px;
	margin-bottom:50px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:1px solid #f6c100;
}
.zag3
{
	width:790px;
	margin: 0 auto;
	text-align:center;
	color:#f6c100;
	padding:25px 0 25px;
	margin-bottom:50px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:2px solid #f6c100;
	border-top:2px solid #f6c100;
}
.zag5
{
		
	
	text-align:center;
	color:#f6c100;
	padding:25px 0 25px;
	margin:0px;
	margin-bottom:50px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;

}
.zag5 span
{
	text-transform:none;
} 
.idrugie 
{
	width:450px;
	margin:0 auto;
	margin-top:50px; 
	border-top:2px solid #f6c100;
	padding-top:20px;
}
.idrugie  p
{
	color:#8c8c8c;
	font-size:18px;
}
.ya
{
	width:230px;
	 position:relative;   
	float:left;
	text-align:center;	
}
.block{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:url(images/ya_h.png);
	background-repeat:no-repeat;
	background-position:top;
    padding:5px;
    display:none;
}
#counts
{
	background:url(images/god.png);
	background-repeat:no-repeat;
	background-position:top;
	width:320px;
	height:100px;
	margin:0 auto;
}
.spincrement
{
	font-size:70px;
	color:#ffffff;
}
.block p 
{
	color:#f6c100!important;
	font-size:16px;
	margin-top:40px!important;
	text-transform:uppercase;
}
.ya:hover .block{
    display:block;
}
.ya p 
{
	color:#7b7b7b;
	font-size:16px;
	margin-top:20px;
	margin-bottom:20px;
}
.ya p span
{
	color:#f6c100;
	font-weight: bold;
}
.rezultat
{
	width:100%;
	background:#f7f7f7;
	height:765px;
}
.video
{
	width:100%;
	background:#f7f7f7;
	height:710px;
}
.zag2 
{
	width:660px;
	margin: 0 auto;
	text-align:center;
	color:#f6c100;
	padding:30px 0 24px;
	margin-bottom:50px;
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:2px solid #f6c100;
}

.vopros
{
	width:100%;
	height:602px;
	background: url(prava/vopros.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
.mashina
{
	width:100%;
	height:381px;
	background: url(prava/mashina.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
.vnimanie
{
	width:100%;
	height:840px;
	background: url(images/vn_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
.vnimanie h1 
{
	font-size:30px;
	color:#f6c100;
	margin: 0;
	padding-top:40px;
	text-transform:uppercase;
}
.vnimanie h2
{
	font-size:22px;
	color:#fff;
	padding-top: 110px;
	text-transform:uppercase;
}
.vnimanie img 
{
	padding-top: 30px;
}
.dn
{
	font-size:14px;
	color:#fff;
	margin-left:-80px;
	margin-top:10px;
	text-transform:uppercase;
}
.dn span 
{
margin-left:80px;

}
.vnimanie h3
{
	font-size:24px;
	color:#f6c100;
	padding-top:20px;

}
.vnimanie h4
{
	font-size:18px;
	color:#ffffff;
	padding-top: 10px;

}
.forma 
{
	width:540px;
	margin:0 auto;
}
.forma form input
{

}
.kn_bt 
{
	
	background:#feca09;
	border:0px;
	padding: 20px 50px;
	color:#fff;
	cursor:pointer;
	font-size:18px;
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
	border-radius:4px;
}
.kn_bt:focus
{
	top:1px;
}
.vvod
{
	width:240px;
	height:50px;
	float:left;
	font-size:18px;
	text-align:center;
	border: 1px solid #c2bbca;
	background: url(images/inp_bg.png);
	color:#fff;
	margin-left:20px;
    margin-top: 30px;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 40%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
	font: 14px Helvetica, Arial, Sans-Serif;
    top: 25%;
    visibility: hidden;
    z-index: 10;
	
    -webkit-transform: translate(-17%, -17%);
    -moz-transform: translate(-17%, -17%);
    -ms-transform: translate(-17%, -17%);
    -o-transform: translate(-17%, -17%);
    transform: translate(-17%, -17%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 25%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
    padding: 0px 5px 0px 5px;
}
.adcarrt
{
	width:280px;
	float:right;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-right:130px;
	position:relative;
	z-index: 1;
	background:#feca09;
}
.adcarrt h4 
{
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding-bottom:10px;
	border-bottom:1px solid #6e6b63;
}
.adcarrt p
{
	color:#6e6e6e;
}
.adcarlt
{
	width:280px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-left:130px;
	position:relative;
	z-index: 1;
	background:#feca09;
}
.adcarlt h4 
{
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding-bottom:10px;
	border-bottom:1px solid #6e6b63;
}
.adcarlt p
{
	color:#6e6e6e;
}
.sotrudniki
{
	width:100%;
	height:520px;
	background:#f9f9f9;
	text-align:center;
}