@font-face {
	font-family: Regular;
	src: url(../fonts/phageregular.ttf);
}

header{
	background-repeat: no-repeat; 
	height: auto; 
	background-position: center; 
	background-size: cover
}

body.mainpage {
	color: #fff;
	font-size: 25px;
	padding: 0px; 
	margin: 0px; 
	margin-top: -10px
	background: url(../img/background.png) repeat;
}
table {
	border-collapse: collapse;
}
th, td {
	border: 1px solid #fff;
}


img { pointer-events: none; }



main {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Times New Roman;
	text-align: justify;
}

._orinationRight_25 .button_1O {

	margin-right: 0px;
	margin-bottom: 82px;
}

nav.images ul li {
	display: inline-block;
}
nav.images a {
	display: block;
	width: 200px;
	height: 150px;
	color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}
#auto {background-image: url(../img/auto.png);}
#moto {background-image: url(../img/moto.png);}
#disc {background-image: url(../img/disc.png);}
#gun {background-image: url(../img/gun.png);}
#misc {background-image: url(../img/misc.png);}
#auto:hover {background-image: url(../img/auto_blue.png);}
#moto:hover {background-image: url(../img/moto_blue.png);}
#disc:hover {background-image: url(../img/disc_blue.png);}
#gun:hover {background-image: url(../img/gun_blue.png);}
#misc:hover {background-image: url(../img/misc_blue.png);}


/*
.auto, .moto, .disc, .gun, .other {
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 40px;
    border-radius: 4px;
    display: inline-block;
}

*/

footer {
	padding: 15px;
}
footer address {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	text-align: left;
}
footer address, footer img{
	display: inline-block;
	margin-bottom: 10px;
}
.centered{
	text-align: center;
}
.divcentered {
	margin-left: auto;
	margin-right: auto;
}
.bordered {
	border: 1px solid #fff;
	padding: 15px;
}
.price {
	margin-left: auto;
	margin-right: auto;
}
.price caption {
	padding: 15px;
	font-size: 40px;
}
.price td, .price th {
	padding: 10px;
}
.col1, .col2 {
	display: inline-block;
	vertical-align: top;
	min-width: 300px;
	max-width: 350px;
	width: 100%;
	padding: 5px;
}
.youtube {
	display: block;
	margin-bottom: 10px;
}
.phone {
	padding: 10px 0 10px 35px;
	background: url(../img/icon_phone.png) 0 50% no-repeat;
}
.skype {
	padding: 10px 0 10px 35px;
	background: url(../img/icon_skype.png) 0 50% no-repeat;
}
.mail {
	padding: 10px 0 10px 35px;
	background: url(../img/icon_mail.png) 0 50% no-repeat;
}
.social{
	margin: 5px;
}
.imgleft{
	float: left;
	padding-right: 15px;
}
#vk {
	display: inline-block;
}
.feedback {
max-width: 400px;
padding: 15px;
border-radius: 3px;
background: #f1f1f1;
font-size: 16px;
}
.feedback p, h2 {
	color: grey;
	margin: 5px 0;
	text-align: left;
}
.feedback [type="text"] {
font-size: 16px;
width: 100%;
box-sizing: border-box;
margin: 5px 0 5px 0;
padding: 5px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 3px;
box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
.feedback [type="text"]:hover {
border-color: #7eb4ea;
box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
.feedback [type="text"]:focus {
	outline: none;
	border-color: #7eb4ea;
	box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
	transition: .2s linear;
}
.feedback [type="submit"]{
	font-size: 16px;
	margin: 5px;
	padding: 10px;
	border: none;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
	background: #669acc;
	color: #fff;
}
.feedback [type="submit"]:hover {
background: #5c90c2;
}
.feedback h2 {
	padding-right: 50px;
}
.modal-window {
	display: none;
	position: relative;
	top: 100px;
	margin-right: auto;
	margin-left: auto;
}
.modal-open {
	cursor: pointer;
	background-image: url(../img/icon_wiphone.png);
	background-color: #1E6EB3;
	background-repeat: no-repeat;
	background-position: 50%;
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	opacity: .8;
	transition: .25s;
	animation: 2.25s bounce infinite;
	-webkit-animation: 2.25s bounce infinite;
}
.modal-open:hover {
	opacity: 1;
	background-image: url(../img/icon_callback.png)
}
.phone-circle{
	border: 2px solid #1E6EB3;
	border-radius: 50%;
	opacity: 0.8;
	width: 75px;
	height: 75px;
	animation: 2.25s wave-stroke infinite;
	-webkit-animation: 2.25s wave-stroke infinite;
}
@keyframes bounce {
	0% {transform: translateY(0);}
	50% {transform: translateY(-10px);}
}
@-webkit-keyframes bounce {
	0% {transform: translateY(0);}
	50% {transform: translateY(-10px);}
}
@keyframes wave-stroke {
	100% {transform: scale(1.25); opacity: 0;}
}
@-webkit-keyframes wave-stroke {
	100% {transform: scale(1.25); opacity: 0;}
}
.modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	font-size: 20px;
	line-height: 30px;
	width: 35px;
	border: none;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
	background: #669acc;
	color: #fff;
}
#modal-overlay {
	display: none;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	background:rgba(0,0,0,.8);
	overflow: auto;
	padding: 10px;
}