/*   
Theme Name: Тема EDM Techno +
Theme URI: http://localhost/wordpress/wp-admin/themes.php
Description: краткое-описание-темы
Author: Денис
Author URI: http://localhost/wordpress/wp-admin/themes.php
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	list-style: none;
}

@font-face {
    font-family: "OpenSansRegular";
    src: url("fonts/OpenSans-Regular.ttf");
    src: url("fonts/OpenSans-Regular.otf");
    src: url("fonts/OpenSans-Regular.woff");
}

@font-face {
    font-family: "OpenSansSemibold";
    src: url("fonts/OpenSans-Semibold.ttf");
    src: url("fonts/OpenSans-Semibold.otf");
    src: url("fonts/OpenSans-Semibold.woff");
}

@font-face {
    font-family: "OpenSansSemiboldItalic";
    src: url("fonts/OpenSans-SemiboldItalic.ttf");
    src: url("fonts/OpenSans-SemiboldItalic.otf");
    src: url("fonts/OpenSans-SemiboldItalic.woff");
}

@font-face {
    font-family: "OpenSansLight";
    src: url("fonts/OpenSans-Light.ttf");
    src: url("fonts/OpenSans-Light.otf");
    src: url("fonts/OpenSans-Light.woff");
}

@font-face {
    font-family: "OpenSansLightItalic";
    src: url("fonts/OpenSans-LightItalic.ttf");
    src: url("fonts/OpenSans-LightItalic.otf");
    src: url("fonts/OpenSans-LightItalic.woff");
}

@font-face {
    font-family: "OpenSansExtraBoldItalic";
    src: url("fonts/OpenSans-ExtraBoldItalic.ttf");
    src: url("fonts/OpenSans-ExtraBoldItalic.otf");
    src: url("fonts/OpenSans-ExtraBoldItalic.woff");
}

@font-face {
    font-family: "OpenSansExtraBold";
    src: url("fonts/OpenSans-ExtraBold.ttf");
    src: url("fonts/OpenSans-ExtraBold.otf");
    src: url("fonts/OpenSans-ExtraBold.woff");
}

@font-face {
    font-family: "OpenSansBoldItalic";
    src: url("fonts/OpenSans-BoldItalic.ttf");
    src: url("fonts/OpenSans-BoldItalic.otf");
    src: url("fonts/OpenSans-BoldItalic.woff");
}

@font-face {
    font-family: "OpenSansBold";
    src: url("fonts/OpenSans-Bold.ttf");
    src: url("fonts/OpenSans-Bold.otf");
    src: url("fonts/OpenSans-Bold.woff");
}

@font-face {
    font-family: "OpenSansItalic";
    src: url("fonts/OpenSans-Italic.ttf");
    src: url("fonts/OpenSans-Italic.otf");
    src: url("fonts/OpenSans-Italic.woff");
}

body {
	font-family: Helvetica, Arial;
}

.clear {
	clear: both;
}

#container {
	min-width: 1010px;
	max-width: 2000px;
	margin: 0 auto;
}

/*Шапка сайта*/

.header {
	margin: 15px 4%;
	overflow: hidden;
}

	.header img {
		float: left;
	}

	.header .contacts {
		float: right;
	}

		.header .contacts p {
			color: #000;
			font-family: OpenSansRegular;	
			font-size: 18px;
			text-align: justify;
			line-height: 22px;
		}
		
		.header .contacts p span {
			display: inline-block;
			width: 62px;
		}
		
/*О Компании*/

.company {
	background: url("images/texture-blue.png") repeat;
	padding: 0 10% 20px 10%;
}

	.company h2 {
		color: #000;
		font-family: OpenSansBoldItalic;
		font-size: 36px;
		text-align: center;
		margin: 0 0 20px 0;
		padding: 5px 0 0 0;
	}
	
	.company p {
		color: #000;
		font-family: OpenSansRegular;
		font-size: 16px;
		text-align: justify;
		line-height: 24px;
	}
	
/*Товары*/

.products {
	display: table;
	overflow: hidden;
	padding: 0 4%;
	margin: 40px 0 40px 0;
}

	.products img {
		vertical-align: middle;
		margin: 0 10% 0 0;
		width: 90%;
	}
	
	.products .text {
		display: table-cell;
		width: 70%;
	}
	
	.products .img {
		display: table-cell;
		vertical-align: middle;
		width: 30%;
	}
	
		.products .text h3 {
			color: #000;
			font-size: 24px;
			font-family: OpenSansBold;
			line-height: 24px;
			margin: 0 0 10px 0;
			text-align: center;
		}
		
		.products .text p {
			color: #000;
			font-size: 16px;
			font-family: OpenSansRegular;
			line-height: 24px;
			text-align: justify;
		}		
		
		.products .text a {
			background: #007e03;
			border-radius: 10px;
			border-bottom: 3px solid #004802;
			color: #fff;
			display: block;
			font-size: 18px;
			font-family: OpenSansBold;
			padding: 7px 0 9px;
			margin: 21px 0 0 0;
			text-align: center;
			text-decoration: none;
			width: 200px;
		}
		
		.products .text a:hover {
			background: #004802;
		}
		
		.products2 {
			background: #007e03;
			display: table;
			overflow: hidden;
			padding: 0 4% 20px 4%;
		}
		
		.products2 img {
			margin: 23px 0 0 10%;
			width: 90%;
		}
		
			.products2 .text {
				display: table-cell;
				vertical-align: top;
				width: 70%;
			}
			
			.products2 .img {
				display: table-cell;
				vertical-align: middle;
				width: 30%;
			}
				
				.products2 .text h3 {
					color: #fff;
					font-size: 24px;
					font-family: OpenSansBold;
					line-height: 24px;
					margin: 0 0 10px 0;
					text-align: center;
					padding: 18px 0 0 0;
				}
				
				.products2 .text p {
					color: #fff;
					font-size: 16px;
					font-family: OpenSansRegular;
					line-height: 24px;
					text-align: justify;
				}
		/*3fa2ff
		0061bc
		
		*/		
				.products2 .text a {
					background: #9ec0e0;
					border-radius: 10px;
					border-bottom: 3px solid #73a8da;
					color: #111;
					display: block;
					font-size: 18px;
					font-family: OpenSansBold;
					padding: 7px 0 9px;
					margin: 21px 0 0 0;
					text-align: center;
					text-decoration: none;
					width: 200px;
				}
				
				.products2 .text a:hover {
					background: #73a8da;
				}
				
/*Карта*/

.map {
	margin: 25px 0 0 0;
}

	.map h3 {
		font-size: 48px;
		color: #000;
		font-family: OpenSansBold;
		text-align: center;
		margin: 0 0 20px 0;
	}
	
	.map .city {
		box-shadow: 0px 0px 5px 3px #ccc;
	}
	
/*Подвал*/

.footer {
	box-shadow: 0 3px 3px 1px #333 inset;
	background: #006b03;
	padding: 35px 0;
	margin: 35px 0 0 0;
}

	.footer p {
		color: #fff;
		text-align: center;
		font-size: 24px;
		font-family: OpenSansBold;
	}
	
@media screen and (max-width: 1300px) {

	.company h2 {
		font-size: 30px;
	}
	
	.company p {
		font-size: 14px;
	}
	
	.products .text h3 {
		font-size: 20px;
	}
	
	.products .text p {
		font-size: 14px;
	}
	
	.products2 .text h3 {
		font-size: 20px;
	}
	
	.products2 .text p {
		font-size: 14px;
	}
	
	.products .text {
		width: 60%;
	}
	
	.products .img {
		width: 40%;
	}

	.products2 .text {
		width: 60%;
	}
	
	.products2 .img {
		width: 40%;
	}
}