@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic-ext,cyrillic,latin-ext);
* {
	margin: 0;
	padding: 0;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 14px/21px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #3D3D3D;
    min-width: 950px;
}
a {
	color: #2270E3;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 20px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6{font-weight: bold; color: #3D3D3D; line-height: 110%; margin-bottom: 20px;}
h1{font-size:36px; margin-bottom: 25px;}
h2{font-size:22px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}
.wrap {
	width: 950px;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	background: #1F68D3;
    border-bottom: 4px solid #FFD300;
    margin-bottom: 40px;
    font-weight: 600;
}
.home #header{margin-bottom: 0;}
header .wrap{
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    text-align: center;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 220px 0 0;
}

a[rel^='prettyPhoto']{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
a[rel^='prettyPhoto']:before{
    background: url("images/zoom.png");
    width: 20px;
    height: 20px;
    content: '';
    font-size: 0;
    position: absolute; z-index: 2;
    right: 0;
    top: -30px;

    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
a[rel^='prettyPhoto']:hover:before{top: 0;}


/* home
-----------------------------------------------------------------------------*/
#h-content{
    background: url("images/home-c.jpg") 50% 0 no-repeat;
    min-height: 605px;
    padding-top: 45px;
}

.col-right{
    float: right;
    width: 215px;
}
.phone{
    line-height: 150%;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 60px;
}
.phone a{
    font-size: 18px;
    font-weight: normal;
}


.col-left{
    width: 215px;
}
.col-left h1{
    font-size: 48px;
    font-weight: normal;
    margin-bottom: 66px;
}


.distr{
    background: url("images/distr.png") 0 0 repeat-x;
    height: 73px;
    margin-bottom: 35px;
}
.distr .wrap{
    height: 73px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
}



.spoiler-head{
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 0;
    margin-bottom: 28px;
}
.spoiler-head:hover{color: #000;}
.spoiler-head img{display: inline-block; margin-right: 10px; vertical-align: middle;}
.spoiler-body{
    display: none;
    font-size: 18px;
    padding: 0 0 5px 35px;

}
.spoiler-body.open{display: block;}
.spoiler-body li{
    color: #BFBFBF;
    margin:  5px 0 22px 30px;
    padding-left: 10px;
}
.spoiler-body ul,
.spoiler-body ol{

}
.spoiler-body li a{
    display: inline-block;
    padding-right: 30px;
    background: url("images/ico-link.png") 100% 50% no-repeat;
}
.spoiler-body table {
    border-collapse: collapse;
    width: 100%;
}
.spoiler-body table td, table th {
    border: 1px solid;
    padding: 10px;
}
.spoiler-body table th {
    font-size: 14px;
}
.spoiler-body tr:nth-child(2n+1) td {
    background: none repeat scroll 0 0 #cbeeff
}
.spoiler-body tr:first-child td {
    text-align: center;
}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	margin-right: -3px;
	width: 200px;
	margin-left: -200px;
	position: relative;
}

.fb{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 40px;
}
.fb input{
    background: #F7F7F7;
    border: 1px solid #EBEBEB;
    padding: 6px 5px;
    width: 190px;
    outline: none;
    border-radius: 20px;
    margin-bottom: 14px;
}
.fb textarea {
    background: #F7F7F7;
    border: 1px solid #EBEBEB;
    padding: 6px 5px;
    width: 190px;
    outline: none;
    border-radius: 20px;
    margin-bottom: 10px;
    overflow: auto;
    height: 60px;
}
.fb textarea:focus, .fb textarea:active {
    box-shadow: 0 0 6px #0763E4;
    background: #fff;
}
.fb input:active, .fb input:focus {
    box-shadow: 0 0 6px #0763E4;
    background: #fff
}
.fb input[type=submit]:hover {
    background: #0763E4;
    color: #FFFFFF;
    box-shadow: 0 0 6px #0763E4;
}
.fb input[type=submit]:active {
    box-shadow:inset 0 0 6px #000;
}
.fb input[type=submit] {
    background: #F7F7F7;
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    height: 30px;
    padding: 0;
    width: 200px;
    margin-bottom: 2px;
    text-decoration: none;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
    margin-top: 55px;
	background: #2270E3 url("images/foot-shadow.png") 50% -6px no-repeat;
    padding: 45px 0 36px;
    color: #fff;
    font-size: 13px;
    border-top: 6px solid #FFD300;
}
#footer .wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.f-link{
    color: #FFFFFF;
}
.cookie-text .f-link {
    color: #2270E3;
    
}
.f-info{
    float: right;
    text-align: right;
    max-width: 50%;
}
.copy {
    max-width: 50%;
}
/*Сертификаты
*/
.sert {

}
.sert div {

}
.sert a{
    display: block;
    height: 128px;
    padding: 15px 0;
}
.sert a.odd {
}
.sert span {
    display: block;
    margin-left: 180px;
}

.sert a b {
    display: block;
    float: left;
    width: 128px;
    height: 128px;
}
.sert a b.pdf {
    background-image: url('images/pdf.png');
}
.sert a b.xls {
    background-image: url('images/xls.png');
}
.sert a b.jpg {
    background-image: url('images/jpg.png');
}
.sert a b.doc {
    background-image: url('images/doc.png');
}
