* { box-sizing: border-box; }

body {
	background: #f5f5f5;
	margin: 0;
}

div img {
	max-width: 100%;
}


html, body, h1, h2, h3, div, span, input, textarea, table, td, select {
	font-family: 'Montserrat', sans-serif;
}

html, body, div, span, input, textarea, select {
	font-size: 14pt;
}

h1, h2, h3 {
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

/* Main settings */
section, header, footer { width: 100%; min-width: 1120px; padding: 0 20px; overflow: hidden; position: relative; }
.container { width: 1080px; overflow: hidden; margin: 0 auto; position: relative; }
.clear { clear: left; }

section h2, section h3 {
	text-align: center;
	font-size: 2.5em;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	padding: 0px;
	font-weight: bold;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:focus {
	outline: none;
} 

div img {
	max-width: 100%;
}

.white-shadow {
	text-shadow: 1px 1px 0 #fff;
}


.b-10 {
	float: left;
	width: calc(10% - 10px);
	margin: 5px;
}
.b-9 {
	float: left;
	width: calc(11.11111111% - 10px);
	margin: 5px;
}
.b-8 {
	float: left;
	width: calc(12.5% - 10px);
	margin: 5px;
}
.b-7 {
	float: left;
	width: calc(14.28571428% - 10px);
	margin: 5px;
}
.b-6 {
	float: left;
	width: calc(16.66666666% - 10px);
	margin: 5px;
}
.b-5 {
	float: left;
	width: calc(20% - 10px);
	margin: 5px;
}
.b-4 {
	float: left;
	width: calc(25% - 10px);
	margin: 5px;
}
.b-3 {
	float: left;
	width: calc(33.33333333% - 10px);
	margin: 5px;
}
.b-2 {
	float: left;
	width: calc(50% - 10px);
	margin: 5px;
}
.b-1 {
	float: left;
	width: calc(100% - 10px);
	margin: 5px;
}



a.none:link {color: #006699; text-decoration: none;}
a.none:visited {color: #006699; text-decoration: none; }
a.none:active {color: #006699; text-decoration: none;}
a.none:hover {color: #009999; text-decoration: none;}

a:link {color: #006699; text-decoration: underline;}
a:visited {color: #006699; text-decoration: underline; }
a:active {color: #006699; text-decoration: underline;}
a:hover {color: #009999; text-decoration: none;}

a.white:link {color: #fff; text-decoration: none;}
a.white:visited {color: #fff; text-decoration: none; }
a.white:active {color: #fff; text-decoration: none;}
a.white:hover {color: #fff; text-decoration: underline;}

a.black:link {color: #000 !important; text-decoration: none;}
a.black:visited {color: #000 !important; text-decoration: none; }
a.black:active {color: #000 !important; text-decoration: none;}
a.black:hover {color: #000 !important; text-decoration: none;}

a.blacku:link {color: #000 !important; text-decoration: none;}
a.blacku:visited {color: #000 !important; text-decoration: none; }
a.blacku:active {color: #000 !important; text-decoration: none;}
a.blacku:hover {color: #000 !important; text-decoration: underline;}


p {
	line-height: 1.5;
}


.div-small {
	width: 300px;
}

.div-big {
	width: 756px;
}

.valign {
	display: table;
}

.valign span {
	display: table-cell;
	vertical-align: middle;
}

.talignright {
	text-align: right;
}


input[type=text], textarea, input[type=password], select {
	width: 100%;
	border: 0;
	border-radius: 0px;
	padding: 20px 8px;
	text-align: center;
	margin-bottom: 12px;
	border-radius: 0px;
}

input[type=submit] {
	border: 0;
	padding: 20px 40px;
	cursor: pointer;
	transition: 0.5s;
	text-transform: uppercase;
	margin-top: 20px;
	border-radius: 0px;
	font-family: 'Montserrat', sans-serif;
}

input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:0;
}

/*										END OF Main settings 										*/


/*										СТАНДАРТНЫЕ НАСТРОЙКИ										*/

/* clearfix */
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

/* Видеофон */
.video-bg {
  	position: absolute;
  	overflow: hidden;
  	z-index: -100;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
}
.video-bg:after {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(255, 255, 255, 0.40);
}
.video-bg video {
	position: absolute;
	display: block;
    min-height: 100%;
    min-width: 100%;
    z-index: -99;
}

html, body {
	height: 100%;
}

section h3 {
	font-size: 2em;
}

.mob {
	display: none;
}


div.overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.76);
  display: none;
}

div.overlay .window {
  width: 600px;
  padding: 30px;
  margin: 0 auto;
  background: #3c3c3c;
  border-radius: 10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  position: absolute;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

div.overlay .window h3 {
  padding: 0;
  margin: 0;
  margin-top: 20px;
  color: #fff;
  font-size: 1.4em;
}
div.overlay .window p {
	color: #f5f5f5;
}
div.overlay .window input {
	border-radius: 12px;
	border-bottom: 4px solid #3c3c3c;
}
div.overlay .window input[type=submit] {
	background: #e95355;
	color: #fff;
	text-shadow: 1px 1px 0 #3c3c3c;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	position: relative;
	transition: 0.5s;
}
div.overlay .window input[type=submit]:hover {
	background: #bd4345;
	transition: 0.75s;
}
div.overlay .window .close {
	color: #999;
	text-shadow: 1px 1px 0 #111;
	position: absolute;
	top: 5px;
	right: 15px;
	font-size: 1.7em;
	transition: 0.5s;
	cursor: pointer;
}
div.overlay .window .close:hover {
	color: red;
	transition: 0.1s;
}

.formr {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
.popup-inside {
	margin-top: 20px; 
	padding: 20px; 
	text-transform: uppercase; 
	background: #f5f5f5; 
	color: #111; 
	font-weight: bold; 
	text-align: center;
	border-radius: 12px;
}


a.phone-top:link {color: #fff; text-decoration: none;}
a.phone-top:visited {color: #fff; text-decoration: none; }
a.phone-top:active {color: #fff; text-decoration: none;}
a.phone-top:hover {color: #fff; text-decoration: none;}

a.phone-bottom:link {color: #aaa; text-decoration: none;}
a.phone-bottom:visited {color: #aaa; text-decoration: none; }
a.phone-bottom:active {color: #aaa; text-decoration: none;}
a.phone-bottom:hover {color: #aaa; text-decoration: none;}

.animatedhover {
  animation-play-state: running;
}
.animatedhover:hover {
  animation-play-state: paused;
}


/* 										End of СТАНДАРТНЫЕ НАСТРОЙКИ 											*/