body { 
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color: #000; 
background-color: #ffffff;
margin:auto;
}

html * {max-height:1000000px;}

.min {
    float: center;
    margin: 0 10px;
} 
.min img {
    max-width: 100%;
    height: auto;
}


@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proximanova-reg-webfont.eot');
    src: url('fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-reg-webfont.woff2') format('woff2'),
         url('fonts/proximanova-reg-webfont.woff') format('woff'),
         url('fonts/proximanova-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('fonts/proximanova-regit-webfont.eot');
    src: url('fonts/proximanova-regit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regit-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regit-webfont.woff') format('woff'),
         url('fonts/proximanova-regit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_thextrabold';
    src: url('fonts/proximanova-xbold-webfont.eot');
    src: url('fonts/proximanova-xbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-xbold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-xbold-webfont.woff') format('woff'),
         url('fonts/proximanova-xbold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



.button_example{
width:220px; height:58px; border:3px solid #ffffff; font-size:22px;font-family:proxima_nova_thextrabold, arial, sans-serif; letter-spacing: 0.03em;  text-align:center; vertical-align: middle; text-decoration:none; display:table-cell; color: #ffffff;

}

.button_example:hover{
width:220px; height:58px; border:3px solid #000000; font-size:22px;font-family:proxima_nova_thextrabold, arial, sans-serif; letter-spacing: 0.03em;  text-align:center; vertical-align: middle; text-decoration:none; display:table-cell;color: #000000;
}


.button_example2{
width:240px; height:58px; border:3px solid #FB5545; font-size:22px;font-family:proxima_nova_thextrabold, arial, sans-serif; letter-spacing: 0.03em;  text-align:center; vertical-align: middle; text-decoration:none; display:table-cell; color: #FB5545;

}

.button_example2:hover{
width:240px; height:58px; border:3px solid #000000; font-size:22px;font-family:proxima_nova_thextrabold, arial, sans-serif; letter-spacing: 0.03em;  text-align:center; vertical-align: middle; text-decoration:none; display:table-cell;color: #000000;
}

 
  
a {color: #222222;text-decoration: underline;}
a:hover {color: #BBBBBB;text-decoration: underline;}

a.c1 {color: #ffffff;text-decoration: underline;}
a.c1:hover {color: #ffffff;text-decoration: underline;}


a:link.clear {font-family: 'benderregular', 'arial';font-size:18px;color: #222222;line-height: 1.6em;}
a:hover.clear {font-family: 'benderregular', 'arial';font-size:18px;color: #CC7276;}
a:visited.clear {font-family: 'benderregular', 'arial';font-size:18px;color: #222222;}


h1 {	
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:26px;
letter-spacing: 0.02em;
line-height: 1.2;
color: #222222;

}


 hr {
    border: none; 
    height: 1px;
   }


.clear1 {
font-family: 'proxima_nova_rgregular', 'arial';
font-size:16px;
letter-spacing: 0.02em;
line-height: 1.5;
color: #222222;
}

.clear2 {
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:18px;
line-height: 1.5;
color: #222222;
}

.clear3 {
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:30px;
letter-spacing: 0.02em;
line-height: 1.2;
color: #ffffff;
}

.clear4 {
font-family: 'proxima_novaregular_italic', 'arial';
font-size:18px;
letter-spacing: 0.02em;
line-height: 1.2;
color: #ffffff;
}


.clear5 {	
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:20px;
letter-spacing: 0.02em;
line-height: 1.2;
color: #222222;
}

.clear6 {
font-family: 'proxima_nova_rgregular', 'arial';
font-size:18px;
line-height: 1.5;
color: #222222;
}

.clear7 {
font-family: 'proxima_novaregular_italic', 'arial';
font-size:16px;
letter-spacing: 0.02em;
line-height: 1.5;
color: #222222;
}

.clear8 {
font-family: 'proxima_nova_rgregular', 'arial';
font-size:15px;
line-height: 1.5;
color: #222222;
}

.clear9 {
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:18px;
line-height: 1.5;
color: #222222;
}

.clear10 {
font-family: 'arial';
font-size:12px;
line-height: 1;
color: #222222;
}

.clear11 {
font-family: 'proxima_nova_rgregular', 'arial';
font-size:14px;
letter-spacing: 0.02em;
color: #ffffff;
}

.clear12 {
font-family: 'proxima_nova_rgbold', 'arial';
font-size:18px;
line-height: 1.5;
color: #222222;
}

.clear13 {	
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:20px;
letter-spacing: 0.02em;
line-height: 1.2;
color: #222222;
}

.clear14 {
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:18px;
line-height: 1.2;
color: #222222;
}

.clear15 {	
font-family: 'proxima_nova_rgbold', 'arial';
font-size:16px;
letter-spacing: 0.02em;
line-height: 1.2;
color: #222222;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

header {
	content: " "; 
	display: table; 
}

/************************************************************************************
СТРУКТУРА
*************************************************************************************/
#pagewrap {
	width: 960px;
	max-width: 94%;
	margin: 30px auto 0;
}
#content {
	clear: both;
	border-top: solid 1px #ccc;
	padding-top: 20px;
	margin: 20px 0;
}

/************************************************************************************
НАВИГАЦИЯ
*************************************************************************************/
#nav-wrap {
	margin-top: 20px;
}

/* Иконка меню */
#menu-icon {
	display: none; /* Скрываем иконку при инициализации */
}


#nav, 
#nav li {
font-family: 'proxima_nova_rgregular', 'arial';
font-size:18px;
letter-spacing: 0.02em;
line-height: 95%;
color: #222222;

	margin: 0;
	left: -80px;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	margin-right: 5px;
}

/* Ссылки навигации */
#nav a {
	padding: 4px 15px;
	display: block;
	color: #000;
	background: #ecebeb;
}
#nav a:hover {
	background: #f8f8f8;
}

/* Выпадающий список */
#nav ul {
	padding: 0; /* Убираем поля */
    margin-left: 20px; /* Отступ слева */
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* Скрываем */
	width: 200px;
}
#nav ul li {
		margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* выводим список */
}

/************************************************************************************
МОБИЛЬНЫЕ УСТРОЙСТВА
*************************************************************************************/


	#nav-wrap {
		position: relative;
	}

	/* Иконка меню */
	#menu-icon {
font-family: 'proxima_nova_thextrabold', 'arial';
font-size:14px;
letter-spacing: 0.02em;
color: #222222;


		color: #000;
		width: 42px;
		height: 30px;
		background: url(images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		
		display: block; /* Выводим иконку меню */
	}

	
	/* Навигация */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #FFFFFF;
		border: solid 3px #FA5445;
		border-radius: 8px; 
		display: none; /* Видимость включается jQuery */
	}
	#nav li {
		clear: both;
		margin: 8px 0 5px 10px;
	
		
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* Выпадающий список */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		float: left;
		margin: 3px 0 3px 0px;
	}