@font-face {

    font-family: Helvetica; /* имя шрифта для CSS правил */
    src: url(fonts/helve.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */

  }

@font-face {

    font-family: HelveticaB; /* имя шрифта для CSS правил */
    src: url(fonts/helveb.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */

  }

.right {
	width:45%;
	float:right;
}

.container{
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	font-family: Helvetica, sans-serif;
}

.header {

}

.title {
	font-family: HelveticaB, sans-serif;
	font-size: 36px;
	padding-top: 10px;
	background-color:white;
	width:400px;
	margin: 0 auto;
	color:black;
	text-align:center;
}

.nav-wrapper {

	width: 100%;
	margin: 0 auto;
	margin-top:15px;
	text-align: center;

}


#block1{
	display:none;
	width:100%;
}

#block2{
	display:none;
}

.navbar_item {
width: 400px;
	height: 65px;
background-color: #FF392E;
		text-decoration: none;
	line-height:65px;
	color: white;
text-align: center;
	margin: 0 auto;
	border-radius: 5px;
	font-family: Helvetica, sans-serif;
}

.navbar_item:hover{
	text-decoration: none;
	color: #ddd;
}


.main{
	width:100%;
margin-bottom: 45px;
}

.cell{
	width: 70px;
	height: 70px;
	background-color: #FF392E;
	border-radius: 5px;
	text-align: center;
	padding-top: 25px;
	float:left;
	color: white;
	text-decoration: none;
}
.cell:hover{
	color:#ddd;
	text-decoration: none;
}

.cellcont {
	width: 300px;
	height: 85px;
	text-align: center;
		margin: 5px;
}

.footer{
	padding-top:15px;
height: 45px;
width: 60%;
position: fixed;
bottom: 0;
background-color:white;

}

.left{
	float: left;
	width:50%;
}

.clear{
	height: 1px;
	clear: both;

}

hr {
	height: 1px;
	background-color: #666;
}

.btn-default {
    color: #FFF;
    background-color: #FF392E;
    border-color: #ccc;
}

.btn-default:hover {
    color: #ddd;
    background-color: #FF392E;
    border-color: #ccc;
}

#modal_form {
	width: 300px;
	height:550px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 1px #FF392E solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top:0%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%;
	height: 100%; /* размером во весь экран */
	top: 0;
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

#result{
	height: 80px;

}