/*@import url("https://style.dometall.com.ua/font-awesome.min.css");
@font-face {
	font-family: 'Conv_PoiretOne-Regular';
	src: url('../fonts/PoiretOne-Regular.eot');
	src: local('☺'), url('../fonts/PoiretOne-Regular.woff') format('woff'), url('../fonts/PoiretOne-Regular.ttf') format('truetype'), url('../fonts/PoiretOne-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_RobotoCondensed-Light';
	src: url('../fonts/RobotoCondensed-Light.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/RobotoCondensed-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_RobotoCondensed-Regular';
	src: url('../fonts/RobotoCondensed-Regular.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_RobotoCondensed-Bold';
	src: url('../fonts/RobotoCondensed-Bold.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('../fonts/RobotoCondensed-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
	font-family: 'Roboto Condensed', sans-serif;;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}
.text-center {
	text-align: center;
}


/* Box Model */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Containers */

.container {
	margin-left: auto;
	margin-right: auto;
}

.container.\31 25\25 {
					 width: 100%;
					 max-width: 87.5em;
					 min-width: 70em;
				 }

.container.\37 5\25 {
					width: 52.5em;
				}

.container.\35 0\25 {
					width: 35em;
				}

.container.\32 5\25 {
					width: 17.5em;
				}

.container {
	width: 70em;
}
.container-big {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1680px) {

	#header nav ul li a.team {
		display: none;
	}

	.container.\31 25\25 {
						 width: 100%;
						 max-width: 87.5em;
						 min-width: 70em;
					 }

	.container.\37 5\25 {
						width: 52.5em;
					}

	.container.\35 0\25 {
						width: 35em;
					}

	.container.\32 5\25 {
						width: 17.5em;
					}

	.container {
		width: 70em;
	}

}

@media screen and (max-width: 1280px) {

	.container.\31 25\25 {
						 width: 100%;
						 max-width: 112.5%;
						 min-width: 90%;
					 }

	.container.\37 5\25 {
						width: 67.5%;
					}

	.container.\35 0\25 {
						width: 45%;
					}

	.container.\32 5\25 {
						width: 22.5%;
					}

	.container {
		width: 90%;
	}
}
.m-t-b {
	margin: 15px 0;
}
@media (max-width: 767px) {
#fullpage .section .content .main_title.upd h1 {
	margin-top: 30px;
	font-size: 4.0em!important;
}
#popup__toggle, #header nav ul {
		display: none;
	}
#fullpage .section .content .main_title h1 {
    font-size: 4.5em!important;
    font-weight: 900;
}
}

@media screen and (max-width: 991px) {
.text-bg {
    margin-bottom: -35px;
}
.logo img {
    width: 200px;
    height: auto;
}

	#main .container .rows .col-md-4 .hidden-on-time {
		display: none;
	}

	.letsbar .container .rows .col-md-3 {
		padding-top: 60px;
		margin-bottom: -80px;
	}

	#footer {
		padding: 1em 0;
	}


	.container.\31 25\25 {
						 width: 100%;
						 max-width: 125%;
						 min-width: 100%;
					 }

	.container.\37 5\25 {
						width: 75%;
					}

	.container.\35 0\25 {
						width: 50%;
					}

	.container.\32 5\25 {
						width: 25%;
					}

	.container {
		width: 100% !important;
	}

}

@media screen and (max-width: 980px) {

	.letsbar .container .rows .col-md-3 {
		padding-top: 60px;
		margin-bottom: -80px;
	}

	.container.\31 25\25 {
						 width: 100%;
						 max-width: 125%;
						 min-width: 100%;
					 }

	.container.\37 5\25 {
						width: 75%;
					}

	.container.\35 0\25 {
						width: 50%;
					}

	.container.\32 5\25 {
						width: 25%;
					}

	.container {
		width: 100% !important;
	}

}

@media screen and (max-width: 767px) {

	#six {
		display: none;
	}

	.logo-b {
		height: 7%;
		width: 7%;
		margin-left: 0.5em;
		margin-top: -0.5em;
	}

	#header nav ul li a.team {
		display: inline-block;
	}

	.container.\31 25\25 {
						 width: 100%;
						 max-width: 125%;
						 min-width: 100%;
					 }

	.container.\37 5\25 {
						width: 75%;
					}

	.container.\35 0\25 {
						width: 50%;
					}

	.container.\32 5\25 {
						width: 25%;
					}

	.container {
		width: 100% !important;
	}

}

@media screen and (max-width: 480px) {

	#main .container .rows .col-md-4 .hidden-on-time {
		display: block;
	}

	#main .container .rows .col-md-4 nav p {
		margin-left: 4.2em;
	}

	.container.\31 25\25 {
						 width: 100%;
						 max-width: 125%;
						 min-width: 100%;
					 }

	.container.\37 5\25 {
						width: 75%;
					}

	.container.\35 0\25 {
						width: 50%;
					}

	.container.\32 5\25 {
						width: 25%;
					}

	.container {
		width: 100% !important;
	}
	.rows.uniform > * > :last-child {
		margin-bottom: 0;
	}

}

/* Grid */

.rows {
	border-bottom: solid 1px transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rows > * {
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rows:after, .rows:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.rows.uniform > * > :first-child {
	margin-top: 0;
}

.rows.uniform > * > :last-child {
	margin-bottom: 1.8em;
}

.rows.\30 \25 > * {
	padding: 0 0 0 0em;
}

.rows.\30 \25 {
	margin: 0 0 -1px 0em;
}

.rows.uniform.\30 \25 > * {
	padding: 0em 0 0 0em;
}

.rows.uniform.\30 \25 {
	margin: 0em 0 -1px 0em;
}

.rows > * {
	padding: 0 0 0 2.5em;
}

.rows {
	margin: 0 0 -1px -2.5em;
}

.rows.uniform > * {
	padding: 2.5em 0 0 2.5em;
}

.rows.uniform {
	margin: -2.5em 0 -1px -2.5em;
}

.rows.\32 00\25 > * {
				padding: 0 0 0 5em;
			}

.rows.\32 00\25 {
				margin: 0 0 -1px -5em;
			}

.rows.uniform.\32 00\25 > * {
						padding: 5em 0 0 5em;
					}

.rows.uniform.\32 00\25 {
						margin: -5em 0 -1px -5em;
					}

.rows.\31 50\25 > * {
				padding: 0 0 0 3.75em;
			}

.rows.\31 50\25 {
				margin: 0 0 -1px -3.75em;
			}

.rows.uniform.\31 50\25 > * {
						padding: 3.75em 0 0 3.75em;
					}

.rows.uniform.\31 50\25 {
						margin: -3.75em 0 -1px -3.75em;
					}

.rows.\35 0\25 > * {
			   padding: 0 0 0 1.25em;
		   }

.rows.\35 0\25 {
			   margin: 0 0 -1px -1.25em;
		   }

.rows.uniform.\35 0\25 > * {
					   padding: 1.25em 0 0 1.25em;
				   }

.rows.uniform.\35 0\25 {
					   margin: -1.25em 0 -1px -1.25em;
				   }

.rows.\32 5\25 > * {
			   padding: 0 0 0 0.625em;
		   }

.rows.\32 5\25 {
			   margin: 0 0 -1px -0.625em;
		   }

.rows.uniform.\32 5\25 > * {
					   padding: 0.625em 0 0 0.625em;
				   }

.rows.uniform.\32 5\25 {
					   margin: -0.625em 0 -1px -0.625em;
				   }

.\31 2u, .\31 2u\24 {
				   width: 100%;
				   clear: none;
				   margin-left: 0;
			   }

.\31 1u, .\31 1u\24 {
				   width: 91.6666666667%;
				   clear: none;
				   margin-left: 0;
			   }

.\31 0u, .\31 0u\24 {
				   width: 83.3333333333%;
				   clear: none;
				   margin-left: 0;
			   }

.\39 u, .\39 u\24 {
	width: 75%;
	clear: none;
	margin-left: 0;
}

.\38 u, .\38 u\24 {
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}

.\37 u, .\37 u\24 {
	width: 58.3333333333%;
	clear: none;
	margin-left: 0;
}

.\36 u, .\36 u\24 {
	width: 50%;
	clear: none;
	margin-left: 0;
}

.\35 u, .\35 u\24 {
	width: 41.6666666667%;
	clear: none;
	margin-left: 0;
}

.\34 u, .\34 u\24 {
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}

.\33 u, .\33 u\24 {
	width: 25%;
	clear: none;
	margin-left: 0;
}

.\32 u, .\32 u\24 {
	width: 16.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 u, .\31 u\24 {
	width: 8.3333333333%;
	clear: none;
	margin-left: 0;
}

.\31 2u\24 + *,
	  .\31 1u\24 + *,
			.\31 0u\24 + *,
				  .\39 u\24 + *,
				  .\38 u\24 + *,
				  .\37 u\24 + *,
				  .\36 u\24 + *,
				  .\35 u\24 + *,
				  .\34 u\24 + *,
				  .\33 u\24 + *,
				  .\32 u\24 + *,
				  .\31 u\24 + * {
					  clear: left;
				  }

.\-11u {
	margin-left: 91.66667%;
}

.\-10u {
	margin-left: 83.33333%;
}

.\-9u {
	margin-left: 75%;
}

.\-8u {
	margin-left: 66.66667%;
}

.\-7u {
	margin-left: 58.33333%;
}

.\-6u {
	margin-left: 50%;
}

.\-5u {
	margin-left: 41.66667%;
}

.\-4u {
	margin-left: 33.33333%;
}

.\-3u {
	margin-left: 25%;
}

.\-2u {
	margin-left: 16.66667%;
}

.\-1u {
	margin-left: 8.33333%;
}

@media screen and (max-width: 1680px) {

	.rows > * {
		padding: 0 0 0 2.5em;
	}

	.rows {
		margin: 0 0 -1px -2.5em;
	}

	.rows.uniform > * {
		padding: 2.5em 0 0 2.5em;
	}

	.rows.uniform {
		margin: -2.5em 0 -1px -2.5em;
	}

	.rows.\32 00\25 > * {
					padding: 0 0 0 5em;
				}

	.rows.\32 00\25 {
					margin: 0 0 -1px -5em;
				}

	.rows.uniform.\32 00\25 > * {
							padding: 5em 0 0 5em;
						}

	.rows.uniform.\32 00\25 {
							margin: -5em 0 -1px -5em;
						}

	.rows.\31 50\25 > * {
					padding: 0 0 0 3.75em;
				}

	.rows.\31 50\25 {
					margin: 0 0 -1px -3.75em;
				}

	.rows.uniform.\31 50\25 > * {
							padding: 3.75em 0 0 3.75em;
						}

	.rows.uniform.\31 50\25 {
							margin: -3.75em 0 -1px -3.75em;
						}

	.rows.\35 0\25 > * {
				   padding: 0 0 0 1.25em;
			   }

	.rows.\35 0\25 {
				   margin: 0 0 -1px -1.25em;
			   }

	.rows.uniform.\35 0\25 > * {
						   padding: 1.25em 0 0 1.25em;
					   }

	.rows.uniform.\35 0\25 {
						   margin: -1.25em 0 -1px -1.25em;
					   }

	.rows.\32 5\25 > * {
				   padding: 0 0 0 0.625em;
			   }

	.rows.\32 5\25 {
				   margin: 0 0 -1px -0.625em;
			   }

	.rows.uniform.\32 5\25 > * {
						   padding: 0.625em 0 0 0.625em;
					   }

	.rows.uniform.\32 5\25 {
						   margin: -0.625em 0 -1px -0.625em;
					   }

	.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
								   width: 100%;
								   clear: none;
								   margin-left: 0;
							   }

	.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
								   width: 91.6666666667%;
								   clear: none;
								   margin-left: 0;
							   }

	.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
								   width: 83.3333333333%;
								   clear: none;
								   margin-left: 0;
							   }

	.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28xlarge\29 + *,
		  .\31 1u\24\28xlarge\29 + *,
				.\31 0u\24\28xlarge\29 + *,
					  .\39 u\24\28xlarge\29 + *,
					  .\38 u\24\28xlarge\29 + *,
					  .\37 u\24\28xlarge\29 + *,
					  .\36 u\24\28xlarge\29 + *,
					  .\35 u\24\28xlarge\29 + *,
					  .\34 u\24\28xlarge\29 + *,
					  .\33 u\24\28xlarge\29 + *,
					  .\32 u\24\28xlarge\29 + *,
					  .\31 u\24\28xlarge\29 + * {
						  clear: left;
					  }

	.\-11u\28xlarge\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28xlarge\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28xlarge\29 {
		margin-left: 75%;
	}

	.\-8u\28xlarge\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28xlarge\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28xlarge\29 {
		margin-left: 50%;
	}

	.\-5u\28xlarge\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28xlarge\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28xlarge\29 {
		margin-left: 25%;
	}

	.\-2u\28xlarge\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28xlarge\29 {
		margin-left: 8.33333%;
	}

}

@media screen and (max-width: 1280px) {

	.rows > * {
		padding: 0 0 0 2.5em;
	}

	.rows {
		margin: 0 0 -1px -2.5em;
	}

	.rows.uniform > * {
		padding: 2.5em 0 0 2.5em;
	}

	.rows.uniform {
		margin: -2.5em 0 -1px -2.5em;
	}

	.rows.\32 00\25 > * {
					padding: 0 0 0 5em;
				}

	.rows.\32 00\25 {
					margin: 0 0 -1px -5em;
				}

	.rows.uniform.\32 00\25 > * {
							padding: 5em 0 0 5em;
						}

	.rows.uniform.\32 00\25 {
							margin: -5em 0 -1px -5em;
						}

	.rows.\31 50\25 > * {
					padding: 0 0 0 3.75em;
				}

	.rows.\31 50\25 {
					margin: 0 0 -1px -3.75em;
				}

	.rows.uniform.\31 50\25 > * {
							padding: 3.75em 0 0 3.75em;
						}

	.rows.uniform.\31 50\25 {
							margin: -3.75em 0 -1px -3.75em;
						}

	.rows.\35 0\25 > * {
				   padding: 0 0 0 1.25em;
			   }

	.rows.\35 0\25 {
				   margin: 0 0 -1px -1.25em;
			   }

	.rows.uniform.\35 0\25 > * {
						   padding: 1.25em 0 0 1.25em;
					   }

	.rows.uniform.\35 0\25 {
						   margin: -1.25em 0 -1px -1.25em;
					   }

	.rows.\32 5\25 > * {
				   padding: 0 0 0 0.625em;
			   }

	.rows.\32 5\25 {
				   margin: 0 0 -1px -0.625em;
			   }

	.rows.uniform.\32 5\25 > * {
						   padding: 0.625em 0 0 0.625em;
					   }

	.rows.uniform.\32 5\25 {
						   margin: -0.625em 0 -1px -0.625em;
					   }

	.\31 2u\28large\29, .\31 2u\24\28large\29 {
								  width: 100%;
								  clear: none;
								  margin-left: 0;
							  }

	.\31 1u\28large\29, .\31 1u\24\28large\29 {
								  width: 91.6666666667%;
								  clear: none;
								  margin-left: 0;
							  }

	.\31 0u\28large\29, .\31 0u\24\28large\29 {
								  width: 83.3333333333%;
								  clear: none;
								  margin-left: 0;
							  }

	.\39 u\28large\29, .\39 u\24\28large\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28large\29, .\38 u\24\28large\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28large\29, .\37 u\24\28large\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28large\29, .\36 u\24\28large\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28large\29, .\35 u\24\28large\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28large\29, .\34 u\24\28large\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28large\29, .\33 u\24\28large\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28large\29, .\32 u\24\28large\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28large\29, .\31 u\24\28large\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28large\29 + *,
		  .\31 1u\24\28large\29 + *,
				.\31 0u\24\28large\29 + *,
					  .\39 u\24\28large\29 + *,
					  .\38 u\24\28large\29 + *,
					  .\37 u\24\28large\29 + *,
					  .\36 u\24\28large\29 + *,
					  .\35 u\24\28large\29 + *,
					  .\34 u\24\28large\29 + *,
					  .\33 u\24\28large\29 + *,
					  .\32 u\24\28large\29 + *,
					  .\31 u\24\28large\29 + * {
						  clear: left;
					  }

	.\-11u\28large\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28large\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28large\29 {
		margin-left: 75%;
	}

	.\-8u\28large\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28large\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28large\29 {
		margin-left: 50%;
	}

	.\-5u\28large\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28large\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28large\29 {
		margin-left: 25%;
	}

	.\-2u\28large\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28large\29 {
		margin-left: 8.33333%;
	}

}

@media screen and (max-width: 992px) {
	.header-phone {
		display: none;
	}

	.letsbar .container .rows .col-md-3 {
		padding-top: 60px;
		margin-bottom: -80px;
	}
}


@media screen and (max-width: 980px) {

	.rows > * {
		padding: 0 0 0 2.5em;
	}

	.rows {
		margin: 0 0 -1px -2.5em;
	}

	.rows.uniform > * {
		padding: 2.5em 0 0 2.5em;
	}

	.rows.uniform {
		margin: -2.5em 0 -1px -2.5em;
	}

	.rows.\32 00\25 > * {
					padding: 0 0 0 5em;
				}

	.rows.\32 00\25 {
					margin: 0 0 -1px -5em;
				}

	.rows.uniform.\32 00\25 > * {
							padding: 5em 0 0 5em;
						}

	.rows.uniform.\32 00\25 {
							margin: -5em 0 -1px -5em;
						}

	.rows.\31 50\25 > * {
					padding: 0 0 0 3.75em;
				}

	.rows.\31 50\25 {
					margin: 0 0 -1px -3.75em;
				}

	.rows.uniform.\31 50\25 > * {
							padding: 3.75em 0 0 3.75em;
						}

	.rows.uniform.\31 50\25 {
							margin: -3.75em 0 -1px -3.75em;
						}

	.rows.\35 0\25 > * {
				   padding: 0 0 0 1.25em;
			   }

	.rows.\35 0\25 {
				   margin: 0 0 -1px -1.25em;
			   }

	.rows.uniform.\35 0\25 > * {
						   padding: 1.25em 0 0 1.25em;
					   }

	.rows.uniform.\35 0\25 {
						   margin: -1.25em 0 -1px -1.25em;
					   }

	.rows.\32 5\25 > * {
				   padding: 0 0 0 0.625em;
			   }

	.rows.\32 5\25 {
				   margin: 0 0 -1px -0.625em;
			   }

	.rows.uniform.\32 5\25 > * {
						   padding: 0.625em 0 0 0.625em;
					   }

	.rows.uniform.\32 5\25 {
						   margin: -0.625em 0 -1px -0.625em;
					   }

	.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
								   width: 100%;
								   clear: none;
								   margin-left: 0;
							   }

	.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
								   width: 91.6666666667%;
								   clear: none;
								   margin-left: 0;
							   }

	.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
								   width: 83.3333333333%;
								   clear: none;
								   margin-left: 0;
							   }

	.\39 u\28medium\29, .\39 u\24\28medium\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28medium\29, .\38 u\24\28medium\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28medium\29, .\37 u\24\28medium\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28medium\29, .\36 u\24\28medium\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28medium\29, .\35 u\24\28medium\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28medium\29, .\34 u\24\28medium\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28medium\29, .\33 u\24\28medium\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28medium\29, .\32 u\24\28medium\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28medium\29, .\31 u\24\28medium\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28medium\29 + *,
		  .\31 1u\24\28medium\29 + *,
				.\31 0u\24\28medium\29 + *,
					  .\39 u\24\28medium\29 + *,
					  .\38 u\24\28medium\29 + *,
					  .\37 u\24\28medium\29 + *,
					  .\36 u\24\28medium\29 + *,
					  .\35 u\24\28medium\29 + *,
					  .\34 u\24\28medium\29 + *,
					  .\33 u\24\28medium\29 + *,
					  .\32 u\24\28medium\29 + *,
					  .\31 u\24\28medium\29 + * {
						  clear: left;
					  }

	.\-11u\28medium\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28medium\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28medium\29 {
		margin-left: 75%;
	}

	.\-8u\28medium\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28medium\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28medium\29 {
		margin-left: 50%;
	}

	.\-5u\28medium\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28medium\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28medium\29 {
		margin-left: 25%;
	}

	.\-2u\28medium\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28medium\29 {
		margin-left: 8.33333%;
	}

}

@media screen and (max-width: 767px) {

	.rows > * {
		padding: 0 0 0 2.5em;
	}

	.rows {
		margin: 0 0 -1px -2.5em;
	}

	.rows.uniform > * {
		padding: 2.5em 0 0 2.5em;
	}

	.rows.uniform {
		margin: -2.5em 0 -1px -2.5em;
	}

	.rows.\32 00\25 > * {
					padding: 0 0 0 5em;
				}

	.rows.\32 00\25 {
					margin: 0 0 -1px -5em;
				}

	.rows.uniform.\32 00\25 > * {
							padding: 5em 0 0 5em;
						}

	.rows.uniform.\32 00\25 {
							margin: -5em 0 -1px -5em;
						}

	.rows.\31 50\25 > * {
					padding: 0 0 0 3.75em;
				}

	.rows.\31 50\25 {
					margin: 0 0 -1px -3.75em;
				}

	.rows.uniform.\31 50\25 > * {
							padding: 3.75em 0 0 3.75em;
						}

	.rows.uniform.\31 50\25 {
							margin: -3.75em 0 -1px -3.75em;
						}

	.rows.\35 0\25 > * {
				   padding: 0 0 0 1.25em;
			   }

	.rows.\35 0\25 {
				   margin: 0 0 -1px -1.25em;
			   }

	.rows.uniform.\35 0\25 > * {
						   padding: 1.25em 0 0 1.25em;
					   }

	.rows.uniform.\35 0\25 {
						   margin: -1.25em 0 -1px -1.25em;
					   }

	.rows.\32 5\25 > * {
				   padding: 0 0 0 0.625em;
			   }

	.rows.\32 5\25 {
				   margin: 0 0 -1px -0.625em;
			   }

	.rows.uniform.\32 5\25 > * {
						   padding: 0.625em 0 0 0.625em;
					   }

	.rows.uniform.\32 5\25 {
						   margin: -0.625em 0 -1px -0.625em;
					   }

	.\31 2u\28small\29, .\31 2u\24\28small\29 {
								  width: 100%;
								  clear: none;
								  margin-left: 0;
							  }

	.\31 1u\28small\29, .\31 1u\24\28small\29 {
								  width: 91.6666666667%;
								  clear: none;
								  margin-left: 0;
							  }

	.\31 0u\28small\29, .\31 0u\24\28small\29 {
								  width: 83.3333333333%;
								  clear: none;
								  margin-left: 0;
							  }

	.\39 u\28small\29, .\39 u\24\28small\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28small\29, .\38 u\24\28small\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28small\29, .\37 u\24\28small\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28small\29, .\36 u\24\28small\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28small\29, .\35 u\24\28small\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28small\29, .\34 u\24\28small\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28small\29, .\33 u\24\28small\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28small\29, .\32 u\24\28small\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28small\29, .\31 u\24\28small\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28small\29 + *,
		  .\31 1u\24\28small\29 + *,
				.\31 0u\24\28small\29 + *,
					  .\39 u\24\28small\29 + *,
					  .\38 u\24\28small\29 + *,
					  .\37 u\24\28small\29 + *,
					  .\36 u\24\28small\29 + *,
					  .\35 u\24\28small\29 + *,
					  .\34 u\24\28small\29 + *,
					  .\33 u\24\28small\29 + *,
					  .\32 u\24\28small\29 + *,
					  .\31 u\24\28small\29 + * {
						  clear: left;
					  }

	.\-11u\28small\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28small\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28small\29 {
		margin-left: 75%;
	}

	.\-8u\28small\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28small\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28small\29 {
		margin-left: 50%;
	}

	.\-5u\28small\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28small\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28small\29 {
		margin-left: 25%;
	}

	.\-2u\28small\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28small\29 {
		margin-left: 8.33333%;
	}

}

@media screen and (max-width: 480px) {

	.rows > * {
		padding: 0 0 0 2.5em;
	}

	.rows {
		margin: 0 0 -1px -2.5em;
	}

	.rows.uniform > * {
		padding: 2.5em 0 0 2.5em;
	}

	.rows.uniform {
		margin: -2.5em 0 -1px -2.5em;
	}

	.rows.\32 00\25 > * {
					padding: 0 0 0 5em;
				}

	.rows.\32 00\25 {
					margin: 0 0 -1px -5em;
				}

	.rows.uniform.\32 00\25 > * {
							padding: 5em 0 0 5em;
						}

	.rows.uniform.\32 00\25 {
							margin: -5em 0 -1px -5em;
						}

	.rows.\31 50\25 > * {
					padding: 0 0 0 3.75em;
				}

	.rows.\31 50\25 {
					margin: 0 0 -1px -3.75em;
				}

	.rows.uniform.\31 50\25 > * {
							padding: 3.75em 0 0 3.75em;
						}

	.rows.uniform.\31 50\25 {
							margin: -3.75em 0 -1px -3.75em;
						}

	.rows.\35 0\25 > * {
				   padding: 0 0 0 1.25em;
			   }

	.rows.\35 0\25 {
				   margin: 0 0 -1px -1.25em;
			   }

	.rows.uniform.\35 0\25 > * {
						   padding: 1.25em 0 0 1.25em;
					   }

	.rows.uniform.\35 0\25 {
						   margin: -1.25em 0 -1px -1.25em;
					   }

	.rows.\32 5\25 > * {
				   padding: 0 0 0 0.625em;
			   }

	.rows.\32 5\25 {
				   margin: 0 0 -1px -0.625em;
			   }

	.rows.uniform.\32 5\25 > * {
						   padding: 0.625em 0 0 0.625em;
					   }

	.rows.uniform.\32 5\25 {
						   margin: -0.625em 0 -1px -0.625em;
					   }

	.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
								   width: 100%;
								   clear: none;
								   margin-left: 0;
							   }

	.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
								   width: 91.6666666667%;
								   clear: none;
								   margin-left: 0;
							   }

	.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
								   width: 83.3333333333%;
								   clear: none;
								   margin-left: 0;
							   }

	.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28xsmall\29 + *,
		  .\31 1u\24\28xsmall\29 + *,
				.\31 0u\24\28xsmall\29 + *,
					  .\39 u\24\28xsmall\29 + *,
					  .\38 u\24\28xsmall\29 + *,
					  .\37 u\24\28xsmall\29 + *,
					  .\36 u\24\28xsmall\29 + *,
					  .\35 u\24\28xsmall\29 + *,
					  .\34 u\24\28xsmall\29 + *,
					  .\33 u\24\28xsmall\29 + *,
					  .\32 u\24\28xsmall\29 + *,
					  .\31 u\24\28xsmall\29 + * {
						  clear: left;
					  }

	.\-11u\28xsmall\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28xsmall\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28xsmall\29 {
		margin-left: 75%;
	}

	.\-8u\28xsmall\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28xsmall\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28xsmall\29 {
		margin-left: 50%;
	}

	.\-5u\28xsmall\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28xsmall\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28xsmall\29 {
		margin-left: 25%;
	}

	.\-2u\28xsmall\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28xsmall\29 {
		margin-left: 8.33333%;
	}

}

/* Basic */

html, body {
	background: #1c1d26; /*#1c1d26*/
}

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

body, input, select, textarea {
	color: #000;
	font-size: 15pt;
	font-weight: 100;
	line-height: 1.75em;
}

a {
	-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;

	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	font-weight: 400;
	border-bottom-color: transparent;
}

strong, b {
	color: #ffffff;
	font-weight: 300;

}

em, i {
	font-style: italic;
}

p {
	margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 1em 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	border: 0;
}

h2 {
	font-size: 2em;
	line-height: 1.5em;
	letter-spacing: -0.025em;
}

/*h3 {
		font-size: 2.2em;
		line-height: 1.6em;
	}*/

h4 {
	font-size: 1.1em;
	line-height: 1.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}

h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

hr {
	border: 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	margin: 3em 0;
}

hr.major {
	margin: 4em 0;
}

blockquote {
	border-left: solid 4px rgba(255, 255, 255, 0.3);
	font-style: italic;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
}

code {
	background: rgba(255, 255, 255, 0.075);
	border-radius: 4px;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2em 0;
}

pre code {
	display: block;
	line-height: 1.75em;
	padding: 1em 1.5em;
	overflow-x: auto;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/* Loader */

@-moz-keyframes spinner-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes spinner-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes spinner-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes spinner-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes spinner-hide {
	0% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	99% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}

	100% {
		color: #fff;
		z-index: -1;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}
}

@-webkit-keyframes spinner-hide {
	0% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	99% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}

	100% {
		color: #fff;
		z-index: -1;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}
}

@-ms-keyframes spinner-hide {
	0% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	99% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}

	100% {
		color: #fff;
		z-index: -1;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}
}

@keyframes spinner-hide {
	0% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	99% {
		color: #fff;
		z-index: 100001;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}

	100% {
		color: #fff;
		z-index: -1;
		-moz-transform: scale(0.5) rotate(360deg);
		-webkit-transform: scale(0.5) rotate(360deg);
		-ms-transform: scale(0.5) rotate(360deg);
		transform: scale(0.5) rotate(360deg);
	}
}

@-moz-keyframes spinner-rotate {
	0% {
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	100% {
		-moz-transform: scale(1) rotate(360deg);
		-webkit-transform: scale(1) rotate(360deg);
		-ms-transform: scale(1) rotate(360deg);
		transform: scale(1) rotate(360deg);
	}
}

@-webkit-keyframes spinner-rotate {
	0% {
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	100% {
		-moz-transform: scale(1) rotate(360deg);
		-webkit-transform: scale(1) rotate(360deg);
		-ms-transform: scale(1) rotate(360deg);
		transform: scale(1) rotate(360deg);
	}
}

@-ms-keyframes spinner-rotate {
	0% {
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	100% {
		-moz-transform: scale(1) rotate(360deg);
		-webkit-transform: scale(1) rotate(360deg);
		-ms-transform: scale(1) rotate(360deg);
		transform: scale(1) rotate(360deg);
	}
}

@keyframes spinner-rotate {
	0% {
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	100% {
		-moz-transform: scale(1) rotate(360deg);
		-webkit-transform: scale(1) rotate(360deg);
		-ms-transform: scale(1) rotate(360deg);
		transform: scale(1) rotate(360deg);
	}
}

@-moz-keyframes overlay-hide {
	0% {
		opacity: 1;
		z-index: 100000;
	}

	15% {
		opacity: 1;
		z-index: 100000;
	}

	99% {
		opacity: 0;
		z-index: 100000;
	}

	100% {
		opacity: 0;
		z-index: -1;
	}
}

@-webkit-keyframes overlay-hide {
	0% {
		opacity: 1;
		z-index: 100000;
	}

	15% {
		opacity: 1;
		z-index: 100000;
	}

	99% {
		opacity: 0;
		z-index: 100000;
	}

	100% {
		opacity: 0;
		z-index: -1;
	}
}

@-ms-keyframes overlay-hide {
	0% {
		opacity: 1;
		z-index: 100000;
	}

	15% {
		opacity: 1;
		z-index: 100000;
	}

	99% {
		opacity: 0;
		z-index: 100000;
	}

	100% {
		opacity: 0;
		z-index: -1;
	}
}

@keyframes overlay-hide {
	0% {
		opacity: 1;
		z-index: 100000;
	}

	15% {
		opacity: 1;
		z-index: 100000;
	}

	99% {
		opacity: 0;
		z-index: 100000;
	}

	100% {
		opacity: 0;
		z-index: -1;
	}
}

body.landing {
	text-decoration: none;
}

body.landing:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

body.landing:before {
	-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	color: rgba(255, 255, 255, 0.15);
	content: '\f1ce';
	cursor: default;
	display: block;
	font-size: 2em;
	height: 2em;
	left: 50%;
	line-height: 2em;
	margin: -1em 0 0 -1em;
	opacity: 0;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 2em;
	z-index: -1;
}

body.landing:after {
	-moz-animation: overlay-hide 1.5s ease-in forwards !important;
	-webkit-animation: overlay-hide 1.5s ease-in forwards !important;
	-ms-animation: overlay-hide 1.5s ease-in forwards !important;
	animation: overlay-hide 1.5s ease-in forwards !important;
	background: #E9ECF5;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

body.landing.is-loading:before {
	-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	z-index: 100001;
}

body.landing.is-loading:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	opacity: 1;
	z-index: 100000;
}

@media (-webkit-min-device-pixel-ratio: 2) {

	body.landing:before {
		line-height: 2.025em;
	}

}

/* Section/Article */

section.special, article.special {
	text-align: center;
}

header p {
	color: #ffffff;
	position: relative;
	margin: 0 0 1.5em 0;
}
.mesengers{
	/*color: #000;
    float: left;
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-left: 7px;*/
}
.callback {
	/*margin-left: 31px;
	float: left;*/
}
.butom-mess {
	position: fixed;
	right: 0;
	top: 45%;
	z-index: 999999;
}
.telegram img, .viber img {
	width: 40px;
	height: auto;
}
.logo-home img{
	width: 300px;
	box-shadow: 1px 1px 10px #444;
	margin-left: 40px;
	margin-top: 20px;
}
header h2 + p {
	font-size: 0.85em;
	margin-top: -1em;
	line-height: 1.4em;
}

header h3 + p {
	color: #ffffff;
	font-size: 1em;
	margin-top: -0.8em;
	line-height: 1.75em;
}

header h4 + p,
header h5 + p,
header h6 + p {
	font-size: 0.9em;
	margin-top: -0.6em;
	line-height: 1.5em;
}

header.major {
	margin: 100px 0 40px 0;
	position: relative;
	/*text-align: center;*/
}
.fences-page header.major, .railings-page header.major  {
	margin: 20px 0 40px 0;
	position: relative;
	/*text-align: center;*/
}
header.major:after {
	/*background: #e9ecf5;*/
	content: '';
	display: inline-block;
	height: 0.2em;
	max-width: 20em;
	width: 75%;
}

header.major h2{
	color: #fff;
}


footer.major {
	margin: 4em 0 0 0;
}

/* Form */

form {
	margin: 0 0 2em 0;
}

label {
	color: #ffffff;
	display: block;
	font-size: 0.9em;
	font-weight: 300;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: border-color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
	background: transparent;
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 100%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	border-color: #32a332;
}

.select-wrapper {
	text-decoration: none;
	display: block;
	position: relative;
}

.select-wrapper:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.select-wrapper:before {
	color: rgba(255, 255, 255, 0.3);
	content: '\f078';
	display: block;
	height: 3em;
	line-height: 3em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 3em;
}

.select-wrapper select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	height: 3em;
}

textarea {
	padding: 0.75em 1em;
}

select option {
	background-color: #1c1d26;
	color: #ffffff;
}

select:focus::-ms-value {
	background: transparent;
}

input[type="checkbox"],
input[type="radio"] {
	/*-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2em;
	opacity: 0;
	width: 1em;
	z-index: -1;*/
	cursor: pointer;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.75);
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 100;
	padding-left: 2.55em;
	padding-right: 0.75em;
	position: relative;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	content: '';
	display: inline-block;
	height: 1.8em;
	left: 0;
	line-height: 1.725em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.8em;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
	background: rgba(255, 255, 255, 0.25);
	color: #ffffff;
	content: '\f00c';
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
	border-color: #32a332;
}

input[type="checkbox"] + label:before {
	border-radius: 4px;
}

input[type="radio"] + label:before {
	border-radius: 100%;
}

::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

.formerize-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}
.uniform span img {
	margin-bottom: 20px;
}
/* Box */

.box {
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	margin-bottom: 2em;
	padding: 1.5em;
}

.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
	margin-bottom: 0;
}

.box.alt {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Icon */

.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}

.icon.alt {
	text-decoration: none;
}

.icon.alt:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon.alt:before {
	color: #4aba4a !important;
}

.icon.major {
	cursor: default;
	display: inline-block;
	height: 6em;
	line-height: 6em;
	margin: 0 0 0.5em 0;
	text-align: center;
	width: 6em;
}

.icon.major:before {
	font-size: 3em;
}

.icon.major.alt {
	text-decoration: none;
	color: #4aba4a;
}

.icon.major.alt:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon.major.alt:before {
	color: #4aba4a;
	/*text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;*/
}

/* Image */

.image {
	border-radius: 4px;
	border: 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.image:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("images/overlay.png");
	width: 100%;
	height: 100%;
	z-index: 1;
}

.image img {
	border-radius: 4px;
	display: block;

}

.image.left {
	float: left;
	margin: 0 1.5em 1em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	margin: 0 0 1em 1.5em;
	top: 0.25em;
}

.image.left, .image.right {
	max-width: 100%;
}

.image.left img, .image.right img {
	width: 100%;
}

.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}

.image.fit img {
	width: 100%;
	height: 100%;
}

/* List */

ol {
	list-style: decimal;
	margin: 0 0 2em 0;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

ul {
	list-style: disc;
	margin: 0 0 2em 0;
	padding-left: 1em;
}

ul li {
	padding-left: 0.5em;
}

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px rgba(255, 255, 255, 0.3);
	padding: 0.5em 0;
}

ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.icons li {
	display: inline-block;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 0.5em;
}

ul.icons li .icon {
	font-size: 0.8em;
}

ul.icons li .icon:before {
	font-size: 2em;
}

ul.actions {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: middle;
}

ul.actions li:last-child {
	padding-right: 0;
}

ul.actions.small li {
	padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
	padding-top: 0;
}

ul.actions.vertical li > * {
	margin-bottom: 0;
}

ul.actions.vertical.small li {
	padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	display: table;
	margin-left: -1em;
	padding: 0;
	table-layout: fixed;
	width: calc(100% + 1em);
}

ul.actions.fit li {
	display: table-cell;
	padding: 0 0 0 1em;
}

ul.actions.fit li > * {
	margin-bottom: 0;
}

ul.actions.fit.small {
	margin-left: -0.5em;
	width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
	padding: 0 0 0 0.5em;
}

dl {
	margin: 0 0 2em 0;
}

/* Table */

.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}

table {
	margin: 0 0 2em 0;
	width: 100%;
}

table tbody tr {
	border: solid 1px rgba(255, 255, 255, 0.3);
	border-left: 0;
	border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
	background-color: rgba(255, 255, 255, 0.075);
}

table td {
	padding: 0.75em 0.75em;
}

table th {
	color: #ffffff;
	font-size: 0.9em;
	font-weight: 300;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}

table thead {
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}

table tfoot {
	border-top: solid 1px rgba(255, 255, 255, 0.3);
}

table.alt {
	border-collapse: separate;
}

table.alt tbody tr td {
	border: solid 1px rgba(255, 255, 255, 0.3);
	border-left-width: 0;
	border-top-width: 0;
}

table.alt tbody tr td:first-child {
	border-left-width: 1px;
}

table.alt tbody tr:first-child td {
	border-top-width: 1px;
}

table.alt thead {
	border-bottom: 0;
}

table.alt tfoot {
	border-top: 0;
}

/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
.buttonb {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 4px;
	border: 0;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: 300;
	height: 3em;
	line-height: 3em;
	padding: 0 2.25em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

input[type="submit"]:hover, input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:active,
.buttonb:hover,
.buttonb:active {
	box-shadow: inset 0 0 0 1px #32a332;
	color: #32a332 !important;
	background-color: #fff;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 4px;
	border: 0;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: 300;
	height: 3em;
	line-height: 3em;
	padding: 0 2.25em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

input[type="submit"]:hover, input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:active,
.button:hover,
.button:active {
	box-shadow: inset 0 0 0 1px #32a332;
	color: #32a332 !important;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
	background-color: rgba(228, 76, 101, 0.15);
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
.button.icon:before {
	margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
.button.fit {
	display: block;
	margin: 0 0 1em 0;
	width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
	font-size: 0.8em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
	font-size: 1.35em;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
.button.special {
	background-color: #4aba4a;
	box-shadow: none;
	text-decoration: none;
	font-weight: 300;
	color: #fff !important;
	transition: all .1s ease;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
.button.special:hover {
	font-weight: 300;
	background-color: #32a332;
	color: #fff !important;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
.button.special:active {
	background-color: green;
}



input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
.button.disabled,
.button:disabled {
	background-color: rgba(255, 255, 255, 0.3) !important;
	box-shadow: none !important;
	color: #ffffff !important;
	cursor: default;
	opacity: 0.25;
}




/* Goto Next */

.goto-next {
	border: 0;
	bottom: 0;
	display: block;
	height: 5em;
	left: 50%;
	margin: 0 0 0 -5em;
	overflow: hidden;
	position: absolute;
	text-indent: 10em;
	white-space: nowrap;
	width: 10em;
	z-index: 1;
}

.goto-next:before {
	/*background-image: url("images/arrows.svg");*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 1.5em;
	left: 50%;
	margin: -0.75em 0 0 -1em;
	position: absolute;
	top: 50%;
	width: 2em;
	z-index: 1;
}

/* Spotlight */

.spotlight {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;

	overflow: hidden;
	position: relative;
	background-image: none!important;
	background: #1b011c!important;
}

.spotlight:nth-last-of-type(1) {
	z-index: 1;
}

.spotlight:nth-last-of-type(2) {
	z-index: 2;
}

.spotlight:nth-last-of-type(3) {
	z-index: 3;
}

.spotlight:nth-last-of-type(4) {
	z-index: 4;
}

.spotlight:nth-last-of-type(5) {
	z-index: 5;
}

.spotlight:nth-last-of-type(6) {
	z-index: 6;
}

.spotlight:nth-last-of-type(7) {
	z-index: 7;
}

.spotlight:nth-last-of-type(8) {
	z-index: 8;
}

.spotlight:nth-last-of-type(9) {
	z-index: 9;
}

.spotlight:nth-last-of-type(10) {
	z-index: 10;
}

.spotlight:nth-last-of-type(11) {
	z-index: 11;
}

.spotlight:nth-last-of-type(12) {
	z-index: 12;
}

.spotlight:nth-last-of-type(13) {
	z-index: 13;
}

.spotlight:nth-last-of-type(14) {
	z-index: 14;
}

.spotlight:nth-last-of-type(15) {
	z-index: 15;
}

.spotlight:nth-last-of-type(16) {
	z-index: 16;
}

.spotlight:nth-last-of-type(17) {
	z-index: 17;
}

.spotlight:nth-last-of-type(18) {
	z-index: 18;
}

.spotlight:nth-last-of-type(19) {
	z-index: 19;
}

.spotlight:nth-last-of-type(20) {
	z-index: 20;
}


.spotlight .image.main {
	display: none;
}

.spotlight .image.main img {
	position: relative;
}

.spotlight .content {
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-moz-transition: -moz-transform 1s ease, opacity 1s ease;
	-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
	-ms-transition: -ms-transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
	background: rgba(23, 24, 32, 0.95);
	border-style: solid;
	opacity: 0.7;
	/*position: absolute;*/
}

.spotlight .goto-next {
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-moz-transition: -moz-transform 0.75s ease, opacity 1s ease-in;
	-webkit-transition: -webkit-transform 0.75s ease, opacity 1s ease-in;
	-ms-transition: -ms-transform 0.75s ease, opacity 1s ease-in;
	transition: transform 0.75s ease, opacity 1s ease-in;
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity: 1;
}

.spotlight.top .content, .spotlight.bottom .content {
	left: 0;
	padding: 40px 0 3.1em 0;
	width: 100%;
}

.spotlight.top .content {
	border-bottom-width: 0.35em;
	top: 0;
}

.spotlight.bottom .content {

	bottom: 0;
}

.spotlight.left .content, .spotlight.right .content {
	height: 101%;
	padding: 6em 3em;
	top: 0;
	width: 28em;
}

.spotlight.left .content {
	border-right-width: 0.35em;
	left: 0;
}

.spotlight.right .content {
	border-left-width: 0.35em;
	right: 0;
}

.spotlight.style1 .content {
	border-color: #e9ecf5;
}

.spotlight.style2 .content {
	border-color: #e9ecf5;
}

.spotlight.style3 .content {
	border-color: #e9ecf5;
}

.spotlight.inactive .content {
	opacity: 0;
}

.spotlight.inactive .goto-next {
	-moz-transform: translate(0,1.5em);
	-webkit-transform: translate(0,1.5em);
	-ms-transform: translate(0,1.5em);
	transform: translate(0,1.5em);
	opacity: 0;
}

.spotlight.inactive.top .content {
	-moz-transform: translate(0,-5em);
	-webkit-transform: translate(0,-5em);
	-ms-transform: translate(0,-5em);
	transform: translate(0,-5em);
}

.spotlight.inactive.bottom .content {
	-moz-transform: translate(0,5em);
	-webkit-transform: translate(0,5em);
	-ms-transform: translate(0,5em);
	transform: translate(0,5em);
}

.spotlight.inactive.left .content {
	-moz-transform: translate(-5em,0);
	-webkit-transform: translate(-5em,0);
	-ms-transform: translate(-5em,0);
	transform: translate(-5em,0);
}

.spotlight.inactive.right .content {
	-moz-transform: translate(5em,0);
	-webkit-transform: translate(5em,0);
	-ms-transform: translate(5em,0);
	transform: translate(5em,0);
}

body.is-touch .spotlight {
	background-attachment: scroll;
}
.spotlight h2 {
	text-align: center;
	display: block;
	width: 100%;
	text-transform: uppercase;
}
.s_portfolio {
	margin-bottom: 0px;
}

.s_portfolio .mix {
	/*border: #fff 1px solid;*/
	padding: 3px;
}

.s_portfolio ul {
	list-style-type: none;
	padding: 0;
	margin: 45px 0 45px 0;
	text-align: center;
	color: #000;
}

.s_portfolio li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: center;
	margin: 0 10px;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 1.2;
}

.s_portfolio li.active{
	color: #72737B;
	border-bottom: 0.8px solid #4CA333;
}

.s_portfolio .portfolio_item {
	color: #000;
}

.portfolio_item{

	padding: 0;
}

.s_portfolio .portfolio_item img{
	width: 100%;
	text-align: center;
}
.s_portfolio .portfolio_item .port_item_cont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.25);
	text-align: center;

	opacity: 0;
	transition: all .25s;
}
#portfolio_grid {
	margin-bottom: 40px;
}

#portfolio_grid .main-page-popup img.prev {
	width: 456px;!important;
	height: 342px;!important;
}
.s_portfolio .portfolio_item .port_item_cont:hover{
	opacity: 1;
}
.port_item_cont img {
	width: 70px!important;
	top: 40%;
	position: absolute;
	left: 40%;
}
.s_portfolio .portfolio_item .port_item_cont a {
	/*background-color: #346334;*/
	/* border: #fff 1px solid; */
	/* color: #fff; */
	/* display: inline-block; */
	/* padding: 0px 5px 0px 5px; */
	/* text-decoration: none; */
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
}

.s_portfolio .portfolio_item .port_item_cont a:hover {

}

.podrt_descr {
	max-width: 920px;
	margin: 0 auto;
	text-align: center;
}

.podrt_descr img{
	width: 100%;
	margin-top: 20px;
}

.podrt_descr p{
	padding: 20px;
	padding-bottom: 0;
	color: #000000;
}

.modal-box-content{
	position: relative;
}

.modal-box-content button.mfp-close{
	color: #fff;
	padding: 20px 10px 0px 0px;
}
#four .container .hidden_text p {
	display: none;
}
.button.specialpopup {
	color: #fff!important;
	box-shadow: inset 0 0 0 1px #32a332!important;
	background-color: #4aba4a;
	box-shadow: none;
	font-weight: 300;
	color: #fff !important;
	transition: all .1s ease;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	box-shadow: 0 2px 0 green;
}
.new-style {
	margin-top: 100px;
	margin-bottom: 50px;
}
.new-style h2 {
	font-size: 2em;
	line-height: 1.5em;
	letter-spacing: -0.025em;
	margin-bottom: 40px;
	color: #fff;
	padding-left: 20px;
    text-align: center;
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
.logo img {
	width: 310px;
	height: auto;
}
.header-phone { 
		float: left;
		padding-left: 40px;
		display: block;
		color: #fff;
}
.header-mess { 
	float: left;
    padding-left: 50px;
    display: flex;
    align-items: center;
}
#header .container {
	display: flex;
	align-items: center;
}
.header-phone .phone, .header-phone .time-work{
	line-height:22px;
}
.callback, .telega, .viber-div, .whats-div {
	display: inline-block;
    height: 40px;
    padding-right: 10px;
}
.header-mess img {
	vertical-align: initial;
	height: 40px;
}
.header-phones-button {
    padding: 10px 34px 10px 34px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 1px solid rgb(244 244 245);
    border-radius: 5px;
    margin-left: 12px;
   color: #fff;
}
.header-phone .phone {
	font-weight: 700;
}
}

@media only screen and (max-width: 320px){
	.s_portfolio li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: inline-block;
		text-align: center;
		margin: 0 3.5px;
		text-transform: uppercase;
		cursor: pointer;
		line-height: 1;
		font-size: 11px;
	}
}

@media only screen and (max-width: 375px){
	.s_portfolio li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: inline-block;
		text-align: center;
		margin: 0 3px;
		text-transform: uppercase;
		cursor: pointer;
		line-height: 1;
		font-size: 12px;
	}
}
/* Wrapper */
.raills-page #four_head {
    background-attachment: fixed;
    background-color: #272833;
    background-image: url(https://img.dometall.com.ua/banner_raills.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.fences-page #four_head {
    background-attachment: fixed;
    background-color: #272833;
    background-image: url(https://img.dometall.com.ua/ogragdeniya.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.railings-page #four_head {
    background-attachment: fixed;
    background-color: #272833;
    background-image: url(https://img.dometall.com.ua/railis.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.text-bg {
    background: #e6e6e6;
    box-shadow: 1px 1px 9px #444;
    padding: 0px 25px;
}
#full-height #four_head{
	height: 100vh;
}
.wrapper {
	/*padding: 6em 0 4em 0;*/
}

.wrapper.style2 {
	background: #272833;
}

.wrapper.style2 input[type="text"]:focus,
.wrapper.style2 input[type="password"]:focus,
.wrapper.style2 input[type="email"]:focus,
.wrapper.style2 select:focus,
.wrapper.style2 textarea:focus {
	border-color: rgba(255, 255, 255, 0.5);
}

.wrapper.style2 input[type="submit"]:hover, .wrapper.style2 input[type="submit"]:active,
.wrapper.style2 input[type="reset"]:hover,
.wrapper.style2 input[type="reset"]:active,
.wrapper.style2 input[type="button"]:hover,
.wrapper.style2 input[type="button"]:active,
.wrapper.style2 .button:hover,
.wrapper.style2 .button:active {
	background-color: rgba(255, 255, 255, 0.075) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
	color: #ffffff !important;
}

.wrapper.style2 input[type="submit"]:active,
.wrapper.style2 input[type="reset"]:active,
.wrapper.style2 input[type="button"]:active,
.wrapper.style2 .button:active {
	background-color: rgba(255, 255, 255, 0.25) !important;
}

.wrapper.style2 input[type="submit"].special,
.wrapper.style2 input[type="reset"].special,
.wrapper.style2 input[type="button"].special,
.wrapper.style2 .button.special {
	background-color: #E9ECF5;
	color: #000 !important;
}

.wrapper.style2 input[type="submit"].special:hover, .wrapper.style2 input[type="submit"].special:active,
.wrapper.style2 input[type="reset"].special:hover,
.wrapper.style2 input[type="reset"].special:active,
.wrapper.style2 input[type="button"].special:hover,
.wrapper.style2 input[type="button"].special:active,
.wrapper.style2 .button.special:hover,
.wrapper.style2 .button.special:active {
	background-color: rgba(255, 255, 255, 0.075) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
	color: #ffffff !important;
}

.wrapper.style2 input[type="submit"].special:active,
.wrapper.style2 input[type="reset"].special:active,
.wrapper.style2 input[type="button"].special:active,
.wrapper.style2 .button.special:active {
	background-color: rgba(255, 255, 255, 0.25) !important;
}

.wrapper.fade-down > .container {
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-moz-transition: -moz-transform 1s ease, opacity 1s ease;
	-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
	-ms-transition: -ms-transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
	opacity: 1;
}

.wrapper.fade-down.inactive > .container {
	-moz-transform: translate(0,-1em);
	-webkit-transform: translate(0,-1em);
	-ms-transform: translate(0,-1em);
	transform: translate(0,-1em);
	opacity: 0;
}

.wrapper.fade-up > .container {
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-moz-transition: -moz-transform 1s ease, opacity 1s ease;
	-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
	-ms-transition: -ms-transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
	opacity: 1;
}

.wrapper.fade-up.inactive > .container {
	-moz-transform: translate(0,1em);
	-webkit-transform: translate(0,1em);
	-ms-transform: translate(0,1em);
	transform: translate(0,1em);
	opacity: 0;
}

.wrapper.fade > .container {
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
	opacity: 1;
}

.wrapper.fade.inactive > .container {
	opacity: 0;
}

/* Dropotron */

.underline {
	position: relative;
	color: #adb1bc;
	cursor: pointer;
	font-size: 5px;
}
.underline:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0em;
	width: 0;
	height: 1px;
	background-color: #adb1bc;
	content: "";
	transition: width 0.25s;
}
.underline:hover {
	color: #adb1bc;
}
.underline:hover:after {
	width: 100%;
}

.dropotron {
	background: #e9ecf5;
	border-radius: 10px;
	box-shadow: 0.075em 0.075em 0.95em 0.65em rgba(255, 255, 255, 0.1);
	list-style: none;
	margin-top: calc(-0.25em + 1px);
	min-width: 12em;
	padding: 0.25em 0 1.1em 0;
}
.dropotron li:nth-child(5), #navPanel nav a:nth-child(7) {
	display: none;
}
.dropotron > li {
	border-top: solid 0px rgba(255, 255, 255, 0.035);
	padding: 0 0.3em;
}

.dropotron > li a, .dropotron > li span {
	border: 0;
	color: #000;
	display: block;
	padding: 0.5em 1.1em 0em 1.1em;
	font-size: 1.3em;
	text-decoration: none;
	transition: all .0s ease;
}

.dropotron > li a:hover {
	color: #000;
	font-size: 1.3em;
	font-weight: 300;
}
.dropotron > li:first-child {
	border-top: 0;
}

.dropotron > li.active > a, .dropotron > li.active > span {
	color: #fff;
}

.dropotron.level-0 {
	font-size: 0.8em;
	margin-top: 1em;
}

.dropotron.level-0:before {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #e9ecf5;
	content: '';
	display: block;
	height: 1em;
	position: absolute;
	right: 1.5em;
	top: -0.5em;
	width: 1em;
}

body.landing .dropotron.level-0 {
	margin-top: 0;
}

/* Header */

#page-wrapper {
	padding-top: 3em;
}

#page-wrapper .wrapper {
	padding: 0;
}

#page-wrapper .wrapper2 {
	padding: 90px 0 15px 0px;
	background: #270128;
}

#header {
	background: rgba(42, 41, 52, 0.615);
	box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
	cursor: default;
	height: 3.5em;
	left: 0;
	line-height: 3.5em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;

}

#header .logo, #header .logo a{
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 6px;
	float: left;
	text-transform: uppercase;
	color: #fff;
}
#header .logo a:hover{
	text-decoration: none;
}



#header nav {
	position: absolute;
	right: 1em;
	top: 0;
}
#header nav.nav-right{
	position: absolute;
	right: 3em;
	top: 0;
}

#header nav ul {
	margin: 0;
}

#header nav ul li {
	display: inline-block;
	margin-left: 1em;
}

#header nav ul li a, #header nav ul li span {
	border: 0;
	color: #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	display: inline-block;
	height: inherit;
	line-height: inherit;
	outline: 0;
	transition: all .1s ease;
	text-decoration: none;
}
#header nav ul li a:hover {
	color: #C4C8D3;
}
#header nav ul li a.zakaz:hover {
	color: #C4C8D3;
}
#header nav ul li a.social:hover {
	color: #C4C8D3;
}
#header nav ul li a.team-l:hover {
	color: #C4C8D3;
}
#header nav ul li a.team-b:hover {
	color: #C4C8D3;
}
#header nav ul li a.allmenu:hover {
	color: #C4C8D3;
}

#header nav ul li a.button, #header nav ul li span.button {
	height: 2em;
	line-height: 2em;
	padding: 0 1.25em;
	text-decoration: none;
}

#header nav ul li a:not(.button):before, #header nav ul li span:not(.button):before {
	margin-right: 0.5em;

}

#header nav ul li.active > a, #header nav ul li.active > span {
	color: #ffffff;

}

#header nav ul li > ul {
	display: none;
}

#header .stock {
	background-color: red;
	height: auto;
	position: fixed;
	top: 7em;
	left: 0.5em;
	right: 0.5em;
	width: auto;
	z-index: 110;
	border-radius: 10px;
}
#header .stock p {
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	padding: 0 1em 0 1em;
	margin: 0;
}
#header .stock p a span {
	color: #fff;
	font-weight: 400;
	font-size: 1.5em;
	font-family: 'Roboto Condensed', sans-serif;
}
#header .stock p a:hover {
	font-weight: 300;
}
.header-content svg {
	color: #4aba4a;
}
#three .stockbar {
	background-color: green;
	height: auto;
	position: fixed;
	top: 10em;
	left: 0;
	right: 0;
	width: auto;
	z-index: 110;
}
#three .stockbar p {
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	padding: 0.7em;
	margin: 0;
}
#three .stockbar p a span {
	color: #fff;
	font-weight: 400;
	font-size: 1.5em;
	font-family: 'Roboto Condensed', sans-serif;
}
#three .stockbar p a:hover {
	font-weight: 300;
}

body.landing #page-wrapper {
	padding-top: 0;
}

body.landing #header {
	/*background: transparent;*/
	box-shadow: none;
	position: fixed;
}




.logo-b {
	height: 7%;
	width: 7%;
	margin-left: 0.5em;
	margin-top: -0.5em;
}

#banner .content header p a.button {
	visibility: hidden;
	font-size: 0.1em;
}

#four .container p a.button {
	visibility: hidden;
	font-size: 0.1em;
}

#four .container .hidden_text p {
	visibility: hidden;
	font-size: 0.1em;
}


#four_head .main-head .hidden_text p {
	visibility: hidden;
	font-size: 0.1em;
}

#four_head .main-head .container .row .header-content h1 {
	font-size: 2em;
	line-height: 1.3em;
	color: #000;
	font-weight: 500;
	margin-top: 20px;
}

#four_head .main-head p a.button {
	visibility: visible;
	font-size: 0.1em;
	height: 2em;
	line-height: 2em;
	padding: 6px 42px;
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	display: inline-block;
	height: inherit;
	line-height: inherit;
	outline: 0;
	transition: all .1s ease;
	text-decoration: none;
	margin-top: 15px;
	margin-left: 10px;
}

#banner {
	background-attachment: fixed;
	background-color: #272833;
	background-image: url("https://img.dometall.com.ua/banner.png");
	background-position: center center;
	background-size: cover;
	box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.7);
	min-height: 100vh;
	position: relative;
	text-align: center;
	z-index: 21;
}

#banner:before {
	content: '';
	display: inline-block;
	height: 100vh;
	vertical-align: middle;
	width: 1%;
}

#banner:after {
	/*background-image: -moz-linear-gradient(top, rgba(68, 87, 236, 0.01), rgba(234, 34, 83, 0.1));
			background: -webkit-gradient(linear, top, rgba(68, 87, 236, 0.6), rgba(234, 34, 83, 0.6)), url("images/overlay.png");
			background-image: -ms-linear-gradient(top, rgba(68, 87, 236, 0.6), rgba(234, 34, 83, 0.6)), url("images/overlay.png");
			background-image: linear-gradient(top, rgba(68, 87, 236, 0.6), rgba(234, 34, 83, 0.6)), url("images/overlay.png");*/
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0,0,0,.77);
}

#banner .content {
	display: inline-block;
	margin-right: 1%;
	max-width: 95%;
	padding: 6em;
	position: relative;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
}

#banner .content header {
	display: inline-block;
	vertical-align: middle;
}

#banner .content header h2 {
	font-size: 4.1em;
	font-weight: 300;
	margin: 0;
}


#banner .content header p {
	margin: 0.5em 0 0 0;
	top: 0;
	font-size: 1.8em;
	font-weight: 900;
	text-decoration: none;
}
#banner .content header p a span {
	font-size: 0.8em;
	font-weight: 300;
	/*font-family: 'Roboto Condensed', sans-serif;*/
}

#banner .content header p a {
	font-size: 0.7em;
	font-family: 'Conv_RobotoCondensed-Regular';
	font-weight: 300;
}

#banner .content .image {
	border-radius: 100%;
	display: inline-block;
	height: 18em;
	margin-left: 3em;
	vertical-align: middle;
	width: 18em;
}

#banner .content .image img {
	border-radius: 100%;
	display: block;
	width: 100%;
}

body.is-touch #banner {
	background-attachment: scroll;
}

#one .content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
}

#one .content .container .rows p b {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #fff;
}

#one .content .container .rows header p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

#one .content .container .rows header h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height: 1.5em;
	font-size: 0.8em;
}

#two .content h2, p, a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
}

#three .content h2, p, a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

#main2 .major .link h3 {
	font-weight: 500;
}

#four .container .major h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 2em;
	color: #fff;
	text-transform: uppercase;
}

#five .container header h2, p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

#five .container header p {
	font-size: 1.1em;
	font-weight: 300;
}

#four .container .main_text p {
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
}

#four .container .main_text2 p {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
}

#six  {
	margin-top: -10px;
	margin-bottom: -120px;
}
#six  {
	background-attachment: fixed;
	background-color: #272833;
	background-image: url("../img/sliderfon.jpg");
	background-position: center center;
	background-size: cover;
	box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.9);
	position: relative;
	text-align: center;
}

#six .container {
	margin-top: -35px;
}

#six .container #da-slider .da-slide h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 4.1em;
	color: #000;
}

#six .container #da-slider .da-slide p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.32em;
	line-height: 1.2em;
	color: #000;
}
#six .container #da-slider .da-slide b {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #000;
}

#four {
	background-attachment: fixed;
	background-color: #180f1e;
	/*background-image:  linear-gradient(
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.2)
		),
		url("https://img.dometall.com.ua/banner.png");*/
	background-position: center center;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;
}
.contacts-block {
	width: 50%;
	position: absolute;
	background: #000000;
	text-align: center;
	margin: 0 auto;
	bottom: -53px;
	left: 25%;
	padding: 20px 0;
	color: #fff;
}
.position {
	position: relative;
}
.map {
	margin-bottom: -10px;
}
.contacts-block i {
	font-style: normal;
	margin-right: 10px;
	color: #fff;
}
.contacts-block .icon.alt:before {
	color: #fff!important;
}
/* Footer */

#footer {
	background: #000;
	padding: 1.5em 0em 2em 0em;
	text-align: left;
	color: #fff;
}

#footer ul.icons {
	margin-bottom: 0;
}

#footer .icons .icon.alt {
	text-decoration: none;
}

#footer .icons .icon.alt:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#footer .icons .icon.alt:before {
	color: #EDEFFB !important;
}

#footer .copyright {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.8em;
	line-height: 2em;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}

#footer .copyright li {
	border-left: solid 1px rgba(255, 255, 255, 0.3);
	display: inline-block;
	list-style: none;
	margin-left: 1.5em;
	padding-left: 1.5em;
	font-family: 'Roboto Condensed', sans-serif;
}

#footer .copyright li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

#footer .copyright li {
	color: inherit;
	font-size: 1em;
}

#footer .partners {
	margin: 0.5em 0em 0em 0em;
}

#footer .partners li {
	margin-left: -0.55em;
}
#footer ul {
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
}
#footer ul li {
	padding: 0;
}
#footer h3 {
	padding-top: 8px;
	color: #fff;
	margin-bottom: 15px;
}
#footer .icons li {
	padding-right: 10px;
}
#scrollup {
	position: fixed;
	opacity: 0.8;
	padding: 15px 10px 10px;
	background: #aaa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	left: 10px;
	bottom: 10px;
	display: none;
	cursor: pointer;
	z-index: 1000000;
}
.map-full {
    height: 100vh;
}

/* XLarge */

@media screen and (max-width: 1680px) {

	/* Basic */

	body, input, select, textarea {
		font-size: 13pt;
	}

}

/* Large */

@media screen and (max-width: 1280px) {
.header-phone, .header-phones {
	display: none;
}
	/* Basic */

	body, input, select, textarea {
		font-size: 11.5pt;
	}

	/* Spotlight */

	.spotlight.top .content {
		padding: 3.825em 0 1.825em 0;
	}

	.spotlight.bottom .content {
		padding: 3.825em 0 2.95em 0;
	}

	.spotlight.left .content, .spotlight.right .content {
		padding: 4.5em 2.5em;
		width: 25em;
	}

	/* Wrapper */

	.wrapper {
		padding: 4.5em 0 2.5em 0;
	}

	/* Dropotron */

	.dropotron.level-0 {
		font-size: 1em;
	}

	/* Banner */

	#banner .content {
		padding: 4.5em;
	}

	/* Footer */

	#footer {
		padding: 2em 0;
	}

}

/* Medium */

@media screen and (max-width: 980px) {
	#four_head .main-head p a.button {
		padding: 10px 42px;
	}

	/* Basic */

	body, input, select, textarea {
		font-size: 12pt;
	}

	#section1 h1 {
		font-size: 4em;
	}
	#four .container h2 {
		font-size: 1em;
	}

	#fullpage #section0 .text-slide{
		margin: 3em 1em 3em 1em;
	}

	#header .logo-b {
		display: none;
	}
	#header .logo h1 a {
		text-decoration: none;
	}
	.mobile-hidden {

	}

	.s-dark-item {
		margin-bottom: 3em;
	}

	/* Spotlight */

	.spotlight {
		background-attachment: scroll;
		height: auto;
	}

	.spotlight .image.main {
		display: block;
		margin: 0;
		max-height: 40vh;
		overflow: hidden;
	}

	.spotlight .content {
		background-color: #1c1d26;
		border-width: 0 !important;
		border-top-width: 0.35em !important;
		bottom: auto !important;
		left: auto !important;
		padding: 4.5em 2.5em 2.5em 2.5em !important;
		position: relative;
		right: auto !important;
		text-align: center;
		top: auto !important;
		width: 100% !important;
	}

	.spotlight .goto-next {
		display: none;
	}

	.spotlight .goto-next-text {
		text-decoration: none;
	}

	/* Wrapper */

	.wrapper {
		padding: 4.5em 2.5em 2.5em 2.5em;
	}

	/* Banner */

	#banner {
		background-attachment: scroll;
	}

	#banner .goto-next {
		height: 7em;
	}

	#banner .content {
		padding: 9em 0;
		text-align: center;
	}

	#banner .content header {
		display: block;
		margin: 0 0 2em 0;
		text-align: center;
	}

	#banner .content header p a {
		text-decoration: none;
	}

	#banner .content .image {
		margin: 0;
	}

	/* Footer */

	#footer {
		padding: 2em 0;
	}

	#section0 .text-slide p {
		font-size: 1.1em;
		margin: 1em 0 0 0;
		text-align: center;
	}

}

/* Small */

#navPanel, #titleBar {
	display: none;
}

@media screen and (max-width: 767px) {
	.railings-page .header-content ul {
		padding-top: 80px;
	}
	.logo-home img {
		margin-left: 0px;
	}
	.header-content ul {
		font-size: 14px!important;
	}
	#four_head .main-head p a.button {
		padding: 10px 42px!important;
	}
	.contacts-block {
		width: 100%;
		position: initial;
		background: #000000;
		text-align: center;
		margin: 0 auto;
		/* bottom: -53px; */
		/* left: 25%; */
		padding: 20px 0 0px 0px;
		color: #fff;
	}
	figure.effect-apollo img {
		width: 100%;
		/*height: 179px;*/
	}
	.grid figure h2 {
		font-size: 23px!important;
	}
	.grid {
		display: block!important;
		text-align: center;
	}
	.left-block, .right-block {
		width: 100%!important;
	}
	#four_head {
		background-position: initial;
	}
	.spotlight h2 {
		padding-left: 42px;
	}
	#header .logo {
		display: none;
	}
	.logo  {
		position: absolute;
		top: 14px;
		left: 58px;
	}
.logo a {
		font-size: 20px;
		font-weight: 900;
		letter-spacing: 6px;
		text-transform: uppercase;
		color: #000;
}
	/* Basic */
	#header .main-head {
		min-height: 100%;
	}

	.icon.major {
		height: 3em;
		width: 3em;
	}

	#four .container .major h2 {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		font-size: 1.3em;
		color: #fff;
	}

	#section1 h1 {
		font-size: 3em;
	}

	#fullpage #section0 .text-slide{
		margin: 3em 1em 3em 1em;
	}

	#fullpage #section0 .text-slide p {
		font-size: 1.1em;
		margin: 0;
		text-align: center;
	}

	#fullpage #section1 .text-slide p {
		font-size: 1.1em;
		margin: 0;
		text-align: center;
	}

	.mobile-hidden{

	}

	#four .container .main_text2 p {
		font-size: 0.95em;
		line-height: 1em;
		margin-top: 2.2em;
	}

	#four .container .main_text2 p {
		font-size: 0.95em;
		line-height: 1em;
		margin-top: 1.2em;
		color: #000;
	}

	.s-dark-item {
		margin-bottom: 4em;
	}

	html, body {
		overflow-x: hidden;
	}

	body, input, select, textarea {
		font-size: 12pt;
	}

	h2 {
		font-size: 1.9em;
	}

	h3 {
		font-size: 1.3em;
	}

	h4 {
		font-size: 1em;
	}

	.s-dark {
		text-align: center;
	}

	/* Section/Article */

	header p br {
		display: none;
	}

	header h2 + p {
		font-size: 0.9em;
		margin-top: 1em;
	}

	header h3 + p {
		font-size: 1em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
	}

	header.major {
		margin: 3em 0 2em 0;
	}

	.header-content {
		text-align: center;
		padding-bottom: 15px;
	}

	/* Goto Next */

	.goto-next:before {
		height: 0.8em;
		margin: -0.4em 0 0 -0.6em;
		width: 1.2em;
	}

	/* Spotlight */

	.spotlight {
		box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
	}

	.spotlight .image.main {
		max-height: 60vh;
	}

	.spotlight .content {
		border-top-width: 0.2em !important;
		padding: 3.25em 1.5em 1.25em 1.5em !important;
	}

	/* Wrapper */

	.wrapper {
		padding: 3.25em 1.5em 1.25em 1.5em;
	}

	/* Header */
	#header{
		display: none;
	}

	/* Banner
			#banner .content header p a.button {
				visibility: visible;
				font-size: 0.5em;
				margin-bottom: 90px;
			}*/

	#four .container p a.button {
		visibility: visible;
		font-size: 1em;
		margin-bottom: 5em;
	}

	#five {
		display: none;
	}

	#four .container .hidden_text p {
		visibility: visible;
		display: block;
		font-size: 1em;
		margin-bottom: 0;
		text-transform: uppercase;
		color: #797d87;
	}

	#four_head .main-head p a.button {
		visibility: visible;
		font-size: 1em;
		margin-bottom: 0em;
	}
	.callback {
		margin-left: 0px;
		float: left;
		margin-bottom: 0px;
	}

	/*#four_head .main-head .hidden_text p {
				visibility: visible;
				font-size: 0.5em;
				margin-bottom: 0;
			}*/

	#banner .content .content-button-banner {
		visibility: hidden;
	}

	#four a.goto-next scrolly {
		visibility: hidden;
	}

	#banner {
		box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
		min-height: calc(100vh - 44px);
	}

	#banner:before {
		height: calc(100vh - 44px);
	}

	#banner .content {
		padding: 4.0625em 1.5em 4.875em 1.5em;
	}

	#banner .content header h2 {
		display: none;
	}

	#banner .content header p a {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		font-size: 1em;
	}

	#banner .content header p {
		font-size: 2em;
		line-height: 1.3em;
	}


	#banner .content .image {
		height: 9em;
		width: 9em;
	}

	/* Off-Canvas Navigation */

	#page-wrapper {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		padding-bottom: 1px;
		padding-top: 44px !important;
	}

	#titleBar {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 3.5em;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1040;
		background: #e9ecf5;
		box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
	}

	#titleBar .title {
		color: #ffffff;
		display: block;
		font-weight: 300;
		height: 44px;
		line-height: 44px;
		text-align: center;
		visibility: hidden;
	}

	#titleBar .title a {
		color: inherit;
		border: 0;
	}

	#titleBar .toggle {
		text-decoration: none;
		height: 45px;
		left: 0;
		position: absolute;
		top: 7px;
		width: 55px;
		outline: 0;
		border: 0;
	}

	#titleBar .toggle:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
	}

	#titleBar .toggle:before {
		background: #e9ecf5;
		color: #000;
		content: '\f0c9';
		display: block;
		font-size: 18px;
		height: 44px;
		left: 0;
		line-height: 44px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 54px;
		/*border: 1px solid #67697c;*/
	}

	#navPanel {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transform: translateX(-275px);
		-webkit-transform: translateX(-275px);
		-ms-transform: translateX(-275px);
		transform: translateX(-275px);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 100%;
		left: 0;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 275px;
		z-index: 10002;
		background: #181920;
		padding: 0.75em 1.25em;
	}

	#navPanel .link {
		border: 0;
		border-top: solid 1px rgba(255, 255, 255, 0.05);
		color: rgba(255, 255, 255, 0.75);
		display: block;
		height: 3em;
		line-height: 3em;
		text-decoration: none;
	}

	#navPanel .link:hover {
		color: inherit;
		font-weight: 900;
	}

	#navPanel .link:first-child {
		border-top: 0;
	}

	#navPanel .link.depth-0 {
		color: #ffffff;
		font-weight: 400;
	}

	#navPanel .link .indent-1 {
		display: inline-block;
		width: 1.25em;
	}

	#navPanel .link .indent-2 {
		display: inline-block;
		width: 2.5em;
	}

	#navPanel .link .indent-3 {
		display: inline-block;
		width: 3.75em;
	}

	#navPanel .link .indent-4 {
		display: inline-block;
		width: 5em;
	}

	#navPanel .link .indent-5 {
		display: inline-block;
		width: 6.25em;
	}

	body.navPanel-visible #page-wrapper {
		-moz-transform: translateX(275px);
		-webkit-transform: translateX(275px);
		-ms-transform: translateX(275px);
		transform: translateX(275px);
	}

	body.navPanel-visible #titleBar {
		-moz-transform: translateX(275px);
		-webkit-transform: translateX(275px);
		-ms-transform: translateX(275px);
		transform: translateX(275px);
	}

	body.navPanel-visible #navPanel {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	/* Footer */

	#footer {
		padding: 1.5em 1.5em;
	}

	.mobile-design {
		display: block!important;
    background-attachment: fixed;
    background-color: #272833;
    background-image: url(https://img.dometall.com.ua/banner3.jpg);
    background-position: right;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    padding-top:160px;
    padding-bottom:160px;
	}
.mobile-design:before {
	    background-color: #000;
    opacity: 0.4;
width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    display: inline-block;
    content: "";
    -webkit-transform: translate3d(0, 0, -1px);
}
.mob-first-block h1{
	position: relative;
	z-index: 2;
font-weight: 600;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    padding: 8% 15px;
    margin-bottom: 0px;
}
#four_head .main-head .container .row .header-content h1 {
	font-size: 22px;
	margin-bottom: 0px;
}
.header-content ul li {
	line-height: 30px!important;
    text-align: left;
}
.header-content ul {
    list-style-type: none;
    padding: 2.2em 0 0 0;
    margin: 0;
}
.butom-mess {
	display: none;
}
.button-mobile {
	display: block!important;
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	background: #000;
	width: 100%;
	padding: 10px 5px;
}
div#rpb {
	display: flex;
}
#rpb div {
    display: flex;
    flex: 1;
}
div#rpb div a#call_now {
    background: #0c3;
    color: #fff;
}
div#rpb div a#map_now {
    background: #fc3;
    color: #fff;
}
#rpb div a {
    color: #fff;
    display: block;
    padding: 10px;
    border-radius: 21px;
    height: 34px;
    line-height: 14px;
    font-size: 14px;
    margin: 0 5px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    box-sizing: content-box;
    text-decoration: none !important;
    width: 100%;
    box-sizing: border-box;
}
}
.mobile-design {
		display: none;
}
.button-mobile {
	display: none;
}
/* XSmall */

@media screen and (max-width: 480px) {
	.text-content h1 {
    	font-size: 38px!important;
    	line-height: 50px;
	}
	#four_head .main-head .container .row .header-content h1 {
		margin-top: 60px;
	}
	.header-content ul li {
		font-size: 15px!important;	
	}
    
	#four_head .logo-home {
		display: none;
	}
	.logo-home {
		width: 100%;
	}
	#four_head .main-head p a.button {
		padding: 10px 22px!important;
	}
	/* Basic */

	.icon .icon.major {
		cursor: default;
		display: inline-block;
		height: 6em;
		line-height: 0em;
		margin: 0 0 0em 0;
		text-align: center;
		width: 6em;
	}

	#footer ul .partners {
		display: none;
	}
	#footer	#scrollup img {
		width: 25px;
		height: 25px;
	}

	html, body {
		min-width: 320px;
	}

	body, input, select, textarea {
		font-size: 12pt;
	}

	#header nav {
		position: absolute;
		right: 1em;
		top: 0;
	}

	#header nav ul {
		padding-left: 0;
		display: none;
	}

	#header nav ul li{
		margin-left: 0;
	}

	#header nav ul li a {
		font-weight: 300;
		font-size: 0.8em;
	}

	/* List */

	ul.actions {
		margin: 0 0 2em 0;
	}

	ul.actions li {
		display: block;
		padding: 1em 0 0 0;
		text-align: center;
		width: 100%;
	}

	ul.actions li:first-child {
		padding-top: 0;
	}

	ul.actions li > * {
		margin: 0 !important;
		width: 50%;
	}

	ul.actions.small li {
		padding: 0.5em 0 0 0;
	}

	ul.actions.small li:first-child {
		padding-top: 0;
	}

	/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		padding: 0px 25px;
	}

	/* Spotlight */

	.spotlight .image.main {
		max-height: 50vh;
	}

	.spotlight .content {
		padding: 3em 1.25em 1em 1.25em !important;
	}

	/* Wrapper */

	.wrapper {
		padding: 3em 1.25em 1em 1.25em;
	}

	/* Banner */

	#banner .content {
		padding: 3em 1.5625em 5.25em 1.5625em;
	}


	/* Footer */

	#footer {
		padding: 1em 1em;
	}

	#footer .copyright {
		line-height: inherit;
	}

	#footer .copyright li {
		border-left: 0;
		display: block;
		margin: 0;
		padding: 0;
	}


}

/*Letsbar*/

#main {
	background: #EAEBED
}

.letsbar {
	background: #EAEBED;
}

#main .container .major h2, h3 {
	color: #ffffff;
	/*font-family: 'Conv_RobotoCondensed-Regular';	*/
}

.letsbar .container .rows h4{
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	padding-bottom: 100px;
	font-size: 0.8em;
	text-align: justify;
}

.letsbar .container .rows .col-md-3 p {
	text-align: center;
}

.letsbar .container .rows .col-md-9 {
	margin-bottom: 25px;
}

.letsbar .container .rows .col-md-3 p a {
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 0.91em;
	display: block;
	text-align: center;
}


/* Popup */

.hidden {
	display: none;
}

#cta .inner header h4{
	font-size: 22px;
	letter-spacing: 1px;
}
.form-consultation button {
	color: #fff;
    padding: 6px 10px;
    background: #4aba4a;
    border: none;
    margin-top: 10px;
}
.popup-form {
	position:relative;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0.075em 0.075em 0.35em 0.45em rgba(255, 255, 255, 0.1);
	/*border: 1px solid #32a332;*/
	background-color: #E9ECF5;
	padding: 30px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	font-family: 'Roboto Condensed', sans-serif;
}

.popup-form input, .popup-form label {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	width: 100%;
	font-weight: 300;
	color: #000;
}
.popup-form label {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 20px;
	color: #000
}
.popup-form label span {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	color: #000
}
.popup-form input {
	border: 1px solid #67697c;
	padding: 5px 12px;
	background-color: #fff;
	box-shadow: 0.075em 0.075em 0.85em 0.65em rgba(255, 255, 255, 0.1);
}
.popup-form h4 {
	color: #000;
	font-size: 1.5em;
	letter-spacing: 0;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	margin-bottom: 15px;
}
.success {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ededed;
	text-align: center;
	color: #000;
	z-index: 200000;

	padding: 10px 10px 0 10px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-rows-align: center;
	align-items: center;
	line-height: 28px;
	font-size: 19px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.success .text span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	text-align: justify;
	font-size: 1.3em;
}

.success .text p {
	font-size: 1.1em;
	color: #000;
	font-family: 'Conv_RobotoCondensed-Light';
}

.success .text h5 {
	font-family: 'Conv_RobotoCondensed-Light';
	font-size: 0.9em;
	color: #000;
}
.success.visible {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.head-title h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1px;
}

#small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;



	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Sidebar */

#main .container .rows .col-md-8 {
	color: #000;
	font-family: 'Conv_RobotoCondensed-Light';
	text-align: justify;
	margin-bottom: 1.5em;
}

#main .container .rows .col-md-8 .nav {
	padding-top: 1em;
}

#main .container .rows .col-md-8 ul li a {
	color: #000;
}

#main .container .rows .col-md-8 ul li a:hover {
	font-weight: 300;
}

#main .container .rows .col-md-8 .nav-tabs > li.active > a {
	color: #000;
	font-weight: 900;
	cursor: default;
	background-color: #C5CEE0;
}

#main .container .rows .col-md-8 .nav-tabs > li.active > a:hover {
	color: #fff;
	cursor: default;
	background-color: #34557B;
	border-bottom-color: transparent;
	font-weight: 900;
}

#main .container .rows .col-md-8 .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #34557B;
	font-weight: 300;

}

#main .container .rows .col-md-4 nav {
	position: relative;
	right: 5em;
	left: 0;
	top: 0;
}

#main .container .rows .col-md-4 nav ul {
	margin: 0;
	padding-left: 0;
}

#main .container .rows .col-md-4 nav ul li {
	display: inline-block;
	margin-left: 0.5em;
}

#main .container .rows .col-md-4 nav p {
	color: #000;
	font-family: 'Conv_RobotoCondensed-Light';
	font-size: 0.7em;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0;
	margin-right: 5em
}

/* Main2 */
.left-block {
	width: 40%;
}
.right-block {
	width: 60%;
}
.grid {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
	display: inline-block;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: 300;
	font-size: 36px;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-apollo {
	background: #000;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: -56px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.big figure.effect-apollo figcaption::before {
	top: -194px;
}

figure.effect-apollo p {
	padding: 10px 10px;
	font-weight: 600;
	color: #000;
	background: #fff;
	font-size: 20px;
	display: inline-block;
	/* text-align: left; */
	line-height: 1.5;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	position: absolute;
	left: 50px;
	top: 125px;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	top: 56px;
}
.big figure.effect-apollo:hover figcaption::before {
	top: 194px;
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	position: absolute;
	left: 50px;
	top: 125px;
}


#main2 {
	background-color: #2a2f4a;
}

#main2 > * {
	border-top: solid 1px rgba(212, 212, 255, 0.1);
}

#main2 > *:first-child {
	border-top: 0;
}

#main2 > * > .inner {
	padding: 4em 0 2em 0 ;
	margin: 0 auto;
	max-width: 65em;
	width: calc(100% - 6em);
}

@media screen and (max-width: 767px) {
	.fp-tableCell h1 {
		font-size: 3em;
	}
	#main2 > * > .inner {
		padding: 3em 0 1em 0 ;
		width: calc(100% - 3em);
	}

}

#main2.alt {
	background-color: transparent;
	border-bottom: solid 1px rgba(212, 212, 255, 0.1);
}

/* Tiles */

.tiles {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 0 !important;
}

.tiles + * {
	border-top: 0 !important;
}

.tiles article {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-transition: -moz-transform 0.25s ease, opacity 0.25s ease, -moz-filter 1s ease, -webkit-filter 1s ease;
	-webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease, -webkit-filter 1s ease, -webkit-filter 1s ease;
	-ms-transition: -ms-transform 0.25s ease, opacity 0.25s ease, -ms-filter 1s ease, -webkit-filter 1s ease;
	transition: transform 0.25s ease, opacity 0.25s ease, filter 1s ease, -webkit-filter 1s ease;
	padding: 4em 4em 2em 4em ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: default;
	height: 40vh;
	max-height: 40em;
	min-height: 23em;
	overflow: hidden;
	position: relative;
	width: 40%;
}

.tiles article .image {
	display: none;
}

.tiles article header {
	position: relative;
	z-index: 3;
}

.tiles article h3 {
	font-size: 1.75em;
}

.tiles article h3 a:hover {
	color: inherit !important;
}

.tiles article .link.primary {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}

.tiles article:before {
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.85;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.tiles article:after {
	background-color: rgba(36, 41, 67, 0.25);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.tiles article:hover:before {
	opacity: 0;
}

.tiles article.is-transitioning {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-moz-filter: blur(0.5em);
	-webkit-filter: blur(0.5em);
	-ms-filter: blur(0.5em);
	filter: blur(0.5em);
	opacity: 0;
}

.tiles article:nth-child(4n - 1), .tiles article:nth-child(4n - 2) {
	width: 60%;
}

.tiles article:nth-child(6n - 5):before {
	background-color: #585a70;
}

.tiles article:nth-child(6n - 4):before {
	background-color: #585a70;
}

.tiles article:nth-child(6n - 3):before {
	background-color: #585a70;
}

.tiles article:nth-child(6n - 2):before {
	background-color: #585a70;
}
.text-content p {
	font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    letter-spacing: 3px;
    color: #fff;
}
.text-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    display: block;
}
.text-content h1 {
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
.text-content a {
	text-decoration: underline;
}
.type-raills, .type-railings {
	text-align: center;
}
.type-raills h2, .type-railings h2 {
	text-align: center;
	margin-top: 50px;
	text-transform: uppercase;
}
.type-raills img, .type-railings img {
	width: 100%;
	height: auto;
}
.type-raills p {
	color: #fff;
	font-size: 30px;
	margin: 30px 0 50px 0;
	line-height: 40px;
}
.type-raills span {
	font-size: 40px;
    color: #c47620;
    font-weight: 900;	
}
.type-railings p {
    color: #fff;
    font-size: 28px;
    margin: 30px 0 50px 0;
    line-height: 40px;
}
.type-railings span {
	font-size: 38px;
    color: #c47620;
    font-weight: 900;	
}
#calculator label p{
	cursor: pointer;
}
#calculator input {
	margin-right: 10px;
}
#calculator {
	padding: 50px;
    border: 2px solid #c47620;
    background: #4e4e4e;
    width: 800px;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}
#calculator .title {
	font-size: 30px;
    font-weight: 500;
    margin-bottom: 5px;
}
#calculator .basis, #calculator .shape, #calculator .fencing, #calculator .material, #calculator .characteristic {
	margin-bottom: 20px;
}
/*Телефон*/
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#f8921e;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #f8921e;width:150px;height:150px;bottom:10px;right:10px;position:fixed;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#f8921e;width:100px;height:100px;bottom:35px;right:35px;position:fixed;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 50px;right: 49px;position:fixed;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(https://img.dometall.com.ua/mini-tel.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
  /*Телефон*/
/*.tiles article:nth-child(6n - 1):before {
				background-color: #8ea9e8;
			}

			.tiles article:nth-child(6n):before {
				background-color: #87c5a4;
			}*/
.doc-header-phones-list {
    font-size: 17px;
    position: absolute;
    top: -18px;
    right: -1px;
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    white-space: nowrap;
    background-color: #fff;
    padding: 0 34px 0 21px;
    list-style: none;
    display: none;
}
.header-phones {
	position: relative;
}
.menu-phone {
	display: none;
    margin-bottom: 0px;
    padding: 10px;
    position: absolute;
    background: #fff;
    font-size: 20px;
    position: absolute;
    top: 15px;
    width: 232px;
    right: 0px;
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    white-space: nowrap;
    background-color: #fff;
}
.menu-phone li {
	list-style: none;
	color: #444;
	line-height: 34px;
	padding-left: 0px;
	font-weight: 700;
	text-align: center;
}
.menu-phone li a {
	color: #fff;
	text-decoration: none;
}
.menu-phone li:last-child {
	background: #4aba4a;
}
.contacts-mobile{
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(0 204 51 / 39%) url(https://img.dometall.com.ua/mini-tel.png) no-repeat 50%;
    position: fixed;
    right: 18px;
    top: 10px;
    background-size: 14px;
        z-index: 1041;
}
.big-menu-mobile {
	background: #00cc33;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    color: #fff;
    z-index: 2;
    display: flex;
    flex-direction: column;
    overflow: auto;
    display: none;
    z-index: 1042;

}
.big-menu-mobile-close {
	display: inline-block;
	z-index: 10003;
	font-size: 26px;
	position: absolute;
	right: 10px;
}
.big-menu-mobile-header {
	display: flex;
    align-items: center;
    height: 50px;
    position: relative;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
}
.big-menu-mobile-title {
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.big-menu-mobile-container {
	margin: 0 30px;
}
.big-menu-mobile-container ul li {
	list-style: none;
	font-size: 30px;
	padding-bottom: 20px;
}
.big-menu-mobile-container ul {
	padding: 0px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.big-menu-mobile-button {
	display: block;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	padding: 15px 40px;
	background: #fff;
	color: #444;
	font-weight: 500;
}
.big-menu-mobile-button:focus, .big-menu-mobile-button:hover {
	color: #444;
	text-decoration: none;	
}
@media screen and (min-width: 1280px) {
	.contacts-mobile {
		display: none;
	}
}
@media screen and (max-width: 1280px) {

	.tiles article {
		padding: 4em 3em 2em 3em ;
		height: 30vh;
		max-height: 30em;
		min-height: 20em;
	}
	#four_head .main-head p a.button {
		padding: 11px 42px;
	}
	.header-content ul {
		font-size: 18px;
	}
		#full-height #four_head {
    height: auto;
}
}

@media screen and (max-width: 980px) {

	.header-content ul {
		font-size: 18px;
	}
	.tiles article {
		width: 50% !important;
	}

	#header .main-head {
		min-height: 100%;
	}
	#full-height #four_head {
    height: auto;
}
	#calculator {
    width: 100%;
    margin-top: 0px;
    padding: 20px;
}

}

@media screen and (max-width: 767px) {
	#calculator {
		width: 100%;
		margin-top: 0px;
		padding: 20px;
	}
	#calculator h3 {
		line-height: 30px;
	}
	#header {
		display: block;
	}

	#header .main-head {
		min-height: 100%;
	}

	.tiles article {
		padding: 3em 1.5em 1em 1.5em ;
		height: 16em;
		max-height: none;
		min-height: 0;
	}

	.tiles article h3 {
		font-size: 1.5em;
	}

}

@media screen and (max-width: 480px) {

	.tiles {
		display: block;
	}

	.tiles article {
		height: 20em;
		width: 100% !important;
	}

}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
 /* width: 100%;*/
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }