@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	background: #FBFCFD url(../images/backgr.png);

	color: #4a545d;
            font-family: sans-serif;
            font-size: 20px;
            line-height: 1.4em;
            padding: 0;
            margin: 0;
}


h1, h2, h3, h4, h5 {
            color: #494949;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
			margin-top: 36px;
        }
        h1 {
		    text-align: center;
            font-size: 36px;
			margin-top: 80px;
			line-height: 1.5em;

        }
        h2 {
            font-size: 29px;
        }
        h3 {
            font-size: 24px;
        }

        a {
            color: #0f7096;
        }

        ul {
            padding-left: 2em;
        }

        img {
            max-width: 100%;
        }
		
		.img-shadow {
			display: block;
			margin: 10px;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
		}

		.img-center {
			display: block;
			margin: 7px auto;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
		}
		
		figure img {
		   border: 1px solid #666;
		   background-color: #fff;
		   padding: 4px;
		   box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		}
	
		figcaption {
		  font: 1.1em/normal Arial, Helvetica, sans-serif;
		  text-align: center;
		  margin: 10px 0 0 0;	
		}
		figure {
			display: inline-block;
			vertical-align: top;
			width: 210px;
			margin: 0 10px 10px 10px;
		}			

/* прибьем футер к низу */
.wrapper {
	position: relative;
	min-height: 100%;
	min-width: 970px;
	height: auto!important;
	/*overflow: hidden;*/
}
.wrapper:after {
	content: "";
	height: 80px;
	display: block;
}
.footer {
	min-width: 970px;
	height: 80px;
	/*margin-top: -80px;*/
}
/* конец - прибьем футер к низу */

.main-content{}
.body-container, .nav-goriz{
	max-width: 960px;
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
/* clearfix */
.container:before, .clearfix:before, 
.container:after, .clearfix:after {
	content: "";
	display: table;
}
.container:after, .clearfix:after {
	clear:both;
}
/* конец clearfix */


/* Шапка */
.page-header {
	height: 121px;
	background: #eff3f7 url('../images/line.png') bottom center no-repeat;
	position: relative;
	margin-bottom: 39px;
}
.page-header .header-logo-link {
	position: absolute;
	top: 39px;
	left: 0;
}
.page-header .header-logo-text {

}
.page-header .socials {
	position: absolute;
	right: 0;
	top: 36px;
}
.top-container {
	max-width: 1200px;
	min-width: 960px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
/* конец - шапка */
.socials {
	margin: 0;
	padding: 0;
	min-width: 260px;
}
.socials .socials-item {
	list-style: none;
	display: inline-block;
	height: 47px;
	width: 47px;
	margin-left: 19px;
}
.socials .socials-item:first-child {
	margin-left: 0;
}
.socials .socials-link {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	background: url(../images/spritesheet.png) no-repeat;
}

.socials .socials-link.fb {
    background-position: -5px -5px;
}

.socials .socials-link.fb:hover {
    background-position: -62px -5px;
}

.socials .socials-link.tw {
    background-position: -119px -5px;
}

.socials .socials-link.tw:hover {
    background-position: -119px -62px;
}

.socials .socials-link.vk {
    background-position: -5px -119px;
}

.socials .socials-link.vk:hover {
    background-position: -62px -119px;
}
/* конец - Соц иконки */
.nav-goriz {padding: 3px; overflow: hidden;}
	.nav-goriz-list {
	    list-style: none;
		margin: 20px 0 20px 0;
	    padding: 0;
		}
	    .nav-goriz-item {
			float: left;
			background: #ff0030 none repeat scroll 0 0;
			border: 2px dashed #fff;
			border-radius: 10px;
			box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
			color: #fff;
			font-size: 20px;
			font-weight: normal;
			line-height: 1.3em;
			position: relative;
			text-shadow: -1px -1px #aa3030;
			padding: 4px 7px;
			margin: 0 0 0 11px;
		}
			.nav-goriz-item a {
				color: #fff;
			}
		   .nav-goriz-item.current{
		   background: #3ba8c0;
			margin: 0;
			border-bottom: none;
			padding-left: 11px;
			margin-bottom: -2px;
		   }
	        .nav-goriz-link{
			
			}
			.nav-goriz-link{
				#3ba8c0;
			}
			
.footer {
	background: #eff3f7 url(../images/line.png) top center no-repeat;
	font-family: 'fira_sanslight';
	color: #4a545d;
}	

	#home-2 {width: 100%}
		#home-2 img {margin: 23px}		


@media (min-width: 768px) and (max-width: 991px)  {
            .container {
                padding: 1em;
                border: 0;
                border-radius: 0;
            }
        }

@media (max-width: 767px)  {
            body {
                font-size: 16px;
            }
			
			.wrapper , .footer{
	
				min-width: 100%;
			}
			
			.socials {display: none}
			
			.body-container, .nav-goriz{
				max-width: 98%;
				margin: 7px;
			}
			 
			.top-container {
				max-width: 100%;
				min-width: 98%;
			}

            .container {
                padding: 1em;
                margin: 0 0 1em;
                border: 0;
                border-radius: 0;
            }
            .container > section, .container > aside {
                float: none;
                width: 100%;
            }
            .container aside {
                border: 0;
                padding: 0;
            }
            .logo {
                width: 100%;
                height: 48px;
            }
            h1 {
                margin-top: 140px;
				font-size: 24px;
            }
            h2 {
                font-size: 19px;
            }
            h3 {
                font-size: 16px;
            }
            .companys ul li {
                display: block;
            }
			
			.img-shadow {
				width: 100%
			}
			
        }