/* custom.css */

/* ===================================
 * Шаблон
==================================== */
@font-face {
	font-family: 'Bender';
	src: url('../fonts/bender.eot');
	src: url('../fonts/bender.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bender.woff') format('woff'),
		 url('../fonts/bender.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}


body {
	font-family: "Bender", sans-serif;
	background: url(../img/bg-body.png) 0 0;
	font-size: 14px;
	line-height: normal;
}

table {
	font-size: 15px;
}

h1 {
    font-weight: 700;
}

p {
	line-height: 1.7em;
	margin: 0 0 15px 0;
	text-align: justify;
}

a {
    color: #333;
	text-decoration: underline;
}

a:active {
	color: #333;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a:focus {
	color: #333;
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
}

/* ===================================
 * media screen меньше 991
==================================== */
@media screen and (max-width: 991px) {
	#footer {
		background: #123c9d;
	}

	#katalog .katalog {
		margin: 0 0 20px 0;
	}

}

/* ===================================
 * media screen больше 992
==================================== */
@media screen and (min-width: 992px) {
	#footer {
		background: #123c9d url(../img/bg-footer.png) no-repeat 50% 100%;
		height: 87px;
	}

	#footer ul.right-copyright {
		float: right;
	}
}

/* ===================================
 * Шапка
==================================== */
#header {
	padding: 3px 0 0 0;
}

#header .container {
	background: url(../img/bg-header-1.png) no-repeat 0 100%,
				url(../img/bg-header-2.png) no-repeat 65% 100%;
	min-height: 160px;
}

#header .contacts {
	font-size: 16px;
	font-weight: 400;
	margin: 25px 0 0 0;
}

#header .contacts ul li {
	margin: 0 0 15px 0;
}

#header .contacts ul li.telefon {
	font-size: 23px;
}

/* ===================================
 * Меню
==================================== */
#menu {
	background: url(../img/bg-menu-line.png) repeat-x 0 0,
				url(../img/bg-menu-top.png) repeat-x 0 0,
				url(../img/bg-menu-bottom.png) repeat-x 0 100%,
				linear-gradient(to bottom, #cfcfcf, #d5d5d5);
	padding: 6px 0;
}

#menu .container {
	min-height: 50px; /* Плюс отступ #menu {padding: 6px 0;} */
}

#menu ul {
	margin: 0;
	padding: 0;
}

/* ===================================
 * Слайдер
==================================== */
#slider {
	padding: 7px 0;
}

#slider .owl-carousel {
	border: 1px solid #123c9d;
}

/* ===================================
 * Преимущества
==================================== */
#preimushhestva {
	padding: 7px 0;
}

#preimushhestva .preimushhestva {
	background: linear-gradient(to bottom, #fff, #e6e6e6);
	padding: 0 0 7px 0;
}

/* ===================================
 * Каталог
==================================== */
#katalog {
	padding: 7px 0;
}

#katalog .katalog {
	padding: 20px 0 0 30px;
	min-height: 180px;
}

#katalog .katalog .strana {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fff;
}

#katalog .katalog .marki {
	color: #fff;
	font-size: 16px;
	padding: 10px 30px 10px 0;
}

#katalog .katalog.europa {
	background: #004fae;
}

#katalog .katalog.japan {
	background: #123c9d;
}

#katalog .katalog.koreja {
	background: #0e307f;
}

/* ===================================
 * Контент
==================================== */
#kontent {
	padding: 0 0 30px 0;
}

#kontent .container {
	min-height: 70vh;
}

/* ===================================
 * Подвал
==================================== */
#footer {
	font-size: 14px;
	color: #ccc;
	padding: 20px 0 10px 0;
	border-top: 3px solid #c8c8c8;
}

#footer a {
	color: #ccc;
}