* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeue/BebasNeueRegular.eot');
	src: local('Bebas Neue Regular'), local('BebasNeueRegular'),
		url('fonts/BebasNeue/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue/BebasNeueRegular.woff') format('woff'),
		url('fonts/BebasNeue/BebasNeueRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeue/BebasNeueBold.eot');
	src: local('Bebas Neue Bold'), local('BebasNeueBold'),
		url('fonts/BebasNeue/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue/BebasNeueBold.woff') format('woff'),
		url('fonts/BebasNeue/BebasNeueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeue/BebasNeueLight.eot');
	src: local('Bebas Neue Light'), local('BebasNeueLight'),
		url('fonts/BebasNeue/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue/BebasNeueLight.woff') format('woff'),
		url('fonts/BebasNeue/BebasNeueLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeue/BebasNeue-Thin.eot');
	src: local('Bebas Neue Thin'), local('BebasNeue-Thin'),
		url('fonts/BebasNeue/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue/BebasNeue-Thin.woff') format('woff'),
		url('fonts/BebasNeue/BebasNeue-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue Book';
	src: url('fonts/BebasNeue/BebasNeueBook.eot');
	src: local('Bebas Neue Book'), local('BebasNeueBook'),
		url('fonts/BebasNeue/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue/BebasNeueBook.woff') format('woff'),
		url('fonts/BebasNeue/BebasNeueBook.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/*normalize*/
html{
font-size:12px;
font-family: 'Bebas Neue', 'Roboto', Arial, Helvetica, sans-serif;
overflow-x:hidden;
min-width:320px;
height:auto;
position:relative;
width:100%;
color:white;
background-color:#123f66;
}
body{
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
[hidden],template {display: none;}
a {background: transparent;color:white;}
/*a:visited{color:inherit;}*/
a:active,a:hover ,a:focus,input:focus,select:focus,textarea:focus{outline: 0;}
a:hover{text-decoration:none;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	line-height: normal;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
select,input[type="text"],textarea{
border:none;
background-color:white;
}
input[type="text"]{}
select{
width:190px;
height:28px;
padding-bottom:2px;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
appearance: none;
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
background-image: url('images/arrow.png');
background-repeat: no-repeat;
background-position:170px 12px; /*Position of the background-image*/
overflow:hidden;
padding:0 15px;
}
select::-ms-expand {display:none;}
option{padding:5px 15px;}

.button{
border:none;
background:none;
}/*
.blue.button{
cursor:pointer;
display:block;
margin:auto;
text-align:center;
height:30px;
line-height:30px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
color:white;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42dff7', endColorstr='#018beb',GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#42dff7', endColorstr='#018beb',GradientType=0)"; 
background: -moz-linear-gradient(bottom, #018beb 0%, #42dff7 100%);
background: -webkit-linear-gradient(bottom, #018beb 0%, #42dff7 100%);
background: -o-linear-gradient(bottom, #018beb 0%, #42dff7 100%);
background: -ms-linear-gradient(bottom, #018beb 0%, #42dff7 100%);
background: linear-gradient(bottom, #018beb 0%, #42dff7 100%);
webkit-transition: padding-bottom 0.5s ease;
-moz-transition: padding-bottom 0.5s ease;
-ms-transition: padding-bottom 0.5s ease;
-o-transition: padding-bottom 0.5s ease;
transition: padding-bottom 0.5s ease;
}*/

.red-text{
	color:#E41E26;
}


.logo,.ico,.arrow{
display:inline-block;
background-image:url('images/sprite.png');
border:none;
background-color:transparent;
background-repeat:no-repeat;
}

/*HEADER*/
#header{
	position:sticky;
	top: 0;
  z-index: 1000;
	width:100%;
	/* display:flex;
	align-items:center;
	justify-content: space-between; */
	background-color:#123f66;
}
	.header-box{
		/* position:fixed;
		height:100%;
		width:100%;
		top:0;left:0; */
		width:100%;
		max-width:776px;
		margin:auto;
		display:flex;
		align-items:center;
		justify-content: space-between;
	}
	.logo{
	}
	.header .left-box{
		width:38%;
	}
		.header .left-box .img{
			max-height:38vw;
			width:100%;
		}
	.header .right-box{
		width:25.8%;
	}
		.header .right-box .img{
			max-height:25.8vw;
			width:100%;
		}
	.header .contacts{
		max-width:34%;
	}
		.header .contacts .top{
			display:flex;
			/* align-content: space-between; */
			justify-content: space-between;
			font-size:0.75em;
		}
			.header .contacts .top .item{}
		.header .contacts .phones{
			font-size:1em;
			margin-top:0.1em;
		}
			.header .contacts .phones .item{
				display:block;
				padding:0.1em 0;
				text-decoration:none;
				transition: all ease 0.5s;
			}
			.header .contacts .phones .item:hover{
				color:#E41E26;
			}
				.header .contacts .phones .ico{
					display:inline-block;
					vertical-align:middle;
					margin:0 0.3em -0.2em 0;
				}
				.header .contacts .phones .wa .img{
					width:1.5em;
				}
				.header .contacts .phones .tg .img{
					width:1.4em;
				}
				.header .contacts .phones .number{
					display:inline-block;
				}
		.header .contacts .comment{
			margin-top:1em;
			padding-top:1em;
			border-top:2px solid white;
			font-size:0.6em;
		}
			.header .contacts .comment .item{
				position:relative;
				padding:0.3em 0 0.3em 1em;
			}
			.header .contacts .comment .item::before{
				content:'';
				display:block;
				position:absolute;
				top:0.6em;
				left:0;
				height:0.2em;
				width:0.2em;
				border-radius:50%;
				background-color:#E41E26;
			}

/*MAIN*/
.menu-items{
	background-color:#7387a0;
	padding:1em 1.2em;
}
	.menu-items .item{
		width:100%;
		max-width:776px;
		margin:auto;
		position:relative;
		padding:1em 0;
	}
		.menu-items .item .img{
			display:block;
			width:100%;
		}
		.menu-items .item .price{
			position:absolute;
			bottom:12%;
			left:49%;
			width:26%;
			text-align:center;
			font-size:2em;
			color:#E41E26;
		}


/*FOOTER*/
#footer{
	width:100%;
	max-width:776px;
	margin:auto;
	position:relative;
	background-color:#123f66;
}
	#footer .img{
		display:block;
		width:100%;
	}

	.to-top{}


@media only screen and (min-width: 480px){
	body{font-size:16px;}
}
@media only screen and (min-width: 600px){
	body{font-size:20px;}
}
@media only screen and (min-width: 768px){
	body{font-size:22px;}
}
@media only screen and (min-width: 960px){}
@media only screen and (min-width: 1160px){}
@media only screen and (min-width: 1280px){}
@media only screen and (min-width: 1440px){}
@media only screen and (min-width: 1600px){}
@media only screen and (min-width: 1920px){}