@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic');

.container,.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}

@font-face {
	font-family:'Avenir Next';src:url(../fonts/AvenirNextCyr-Thin.eot);src:url(../fonts/AvenirNextCyr-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNextCyr-Thin.woff) format('woff'),url(../fonts/AvenirNextCyr-Thin.ttf) format('truetype');font-weight:400;font-style:normal;
}


@-ms-viewport {
	width:device-width;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}

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

@media (min-width:768px) {
	.container {
		width: 500px;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:992px) {
	.container {
		width: 900px;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1200px) {
	.container {
		width: 930px;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1500px) {
	.container {
		width: 1100px;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width:1800px) {
	.container {
		width: 1400px;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width:576px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters>.col,.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col {
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col-1,.col-auto {
	-webkit-box-flex: 0;
}

.col-auto {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	-webkit-flex: 0 0 8.333333%;
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2,.col-3 {
	-webkit-box-flex: 0;
}

.col-2 {
	-webkit-flex: 0 0 16.666667%;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4,.col-5 {
	-webkit-box-flex: 0;
}

.col-4 {
	-webkit-flex: 0 0 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	-webkit-flex: 0 0 41.666667%;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6,.col-7 {
	-webkit-box-flex: 0;
}

.col-6 {
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-flex: 0 0 58.333333%;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8,.col-9 {
	-webkit-box-flex: 0;
}

.col-8 {
	-webkit-flex: 0 0 66.666667%;
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	-webkit-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10,.col-11 {
	-webkit-box-flex: 0;
}

.col-10 {
	-webkit-flex: 0 0 83.333333%;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	-webkit-flex: 0 0 91.666667%;
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.justify-content-start {
	-webkit-box-pack: start!important;
	-webkit-justify-content: flex-start!important;
	-ms-flex-pack: start!important;
	justify-content: flex-start!important;
}

.justify-content-end {
	-webkit-box-pack: end!important;
	-webkit-justify-content: flex-end!important;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}

.justify-content-center {
	-webkit-box-pack: center!important;
	-webkit-justify-content: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}

.justify-content-between {
	-webkit-box-pack: justify!important;
	-webkit-justify-content: space-between!important;
	-ms-flex-pack: justify!important;
	justify-content: space-between!important;
}

.justify-content-around {
	-webkit-justify-content: space-around!important;
	-ms-flex-pack: distribute!important;
	justify-content: space-around!important;
}

.pull-0 {
	right: auto;
}

.pull-1 {
	right: 8.333333%;
}

.pull-2 {
	right: 16.666667%;
}

.pull-3 {
	right: 25%;
}

.pull-4 {
	right: 33.333333%;
}

.pull-5 {
	right: 41.666667%;
}

.pull-6 {
	right: 50%;
}

.pull-7 {
	right: 58.333333%;
}

.pull-8 {
	right: 66.666667%;
}

.pull-9 {
	right: 75%;
}

.pull-10 {
	right: 83.333333%;
}

.pull-11 {
	right: 91.666667%;
}

.pull-12 {
	right: 100%;
}

.push-0 {
	left: auto;
}

.push-1 {
	left: 8.333333%;
}

.push-2 {
	left: 16.666667%;
}

.push-3 {
	left: 25%;
}

.push-4 {
	left: 33.333333%;
}

.push-5 {
	left: 41.666667%;
}

.push-6 {
	left: 50%;
}

.push-7 {
	left: 58.333333%;
}

.push-8 {
	left: 66.666667%;
}

.push-9 {
	left: 75%;
}

.push-10 {
	left: 83.333333%;
}

.push-11 {
	left: 91.666667%;
}

.push-12 {
	left: 100%;
}

.offset-1 {
	margin-left: 8.333333%;
}

.offset-2 {
	margin-left: 16.666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.333333%;
}

.offset-5 {
	margin-left: 41.666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.333333%;
}

.offset-8 {
	margin-left: 66.666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.333333%;
}

.offset-11 {
	margin-left: 91.666667%;
}

@media (min-width:576px) {
	.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-sm {
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-sm-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-sm-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.333333%;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-sm-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-sm-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-sm-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.666667%;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-sm-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.333333%;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.666667%;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-sm-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.666667%;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-sm-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-sm-0 {
		right: auto;
	}

	.pull-sm-1 {
		right: 8.333333%;
	}

	.pull-sm-2 {
		right: 16.666667%;
	}

	.pull-sm-3 {
		right: 25%;
	}

	.pull-sm-4 {
		right: 33.333333%;
	}

	.pull-sm-5 {
		right: 41.666667%;
	}

	.pull-sm-6 {
		right: 50%;
	}

	.pull-sm-7 {
		right: 58.333333%;
	}

	.pull-sm-8 {
		right: 66.666667%;
	}

	.pull-sm-9 {
		right: 75%;
	}

	.pull-sm-10 {
		right: 83.333333%;
	}

	.pull-sm-11 {
		right: 91.666667%;
	}

	.pull-sm-12 {
		right: 100%;
	}

	.push-sm-0 {
		left: auto;
	}

	.push-sm-1 {
		left: 8.333333%;
	}

	.push-sm-2 {
		left: 16.666667%;
	}

	.push-sm-3 {
		left: 25%;
	}

	.push-sm-4 {
		left: 33.333333%;
	}

	.push-sm-5 {
		left: 41.666667%;
	}

	.push-sm-6 {
		left: 50%;
	}

	.push-sm-7 {
		left: 58.333333%;
	}

	.push-sm-8 {
		left: 66.666667%;
	}

	.push-sm-9 {
		left: 75%;
	}

	.push-sm-10 {
		left: 83.333333%;
	}

	.push-sm-11 {
		left: 91.666667%;
	}

	.push-sm-12 {
		left: 100%;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.333333%;
	}

	.offset-sm-2 {
		margin-left: 16.666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.333333%;
	}

	.offset-sm-5 {
		margin-left: 41.666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.333333%;
	}

	.offset-sm-8 {
		margin-left: 66.666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.333333%;
	}

	.offset-sm-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width:768px) {
	.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-md {
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.333333%;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.666667%;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.333333%;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.666667%;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.666667%;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-md-0 {
		right: auto;
	}

	.pull-md-1 {
		right: 8.333333%;
	}

	.pull-md-2 {
		right: 16.666667%;
	}

	.pull-md-3 {
		right: 25%;
	}

	.pull-md-4 {
		right: 33.333333%;
	}

	.pull-md-5 {
		right: 41.666667%;
	}

	.pull-md-6 {
		right: 50%;
	}

	.pull-md-7 {
		right: 58.333333%;
	}

	.pull-md-8 {
		right: 66.666667%;
	}

	.pull-md-9 {
		right: 75%;
	}

	.pull-md-10 {
		right: 83.333333%;
	}

	.pull-md-11 {
		right: 91.666667%;
	}

	.pull-md-12 {
		right: 100%;
	}

	.push-md-0 {
		left: auto;
	}

	.push-md-1 {
		left: 8.333333%;
	}

	.push-md-2 {
		left: 16.666667%;
	}

	.push-md-3 {
		left: 25%;
	}

	.push-md-4 {
		left: 33.333333%;
	}

	.push-md-5 {
		left: 41.666667%;
	}

	.push-md-6 {
		left: 50%;
	}

	.push-md-7 {
		left: 58.333333%;
	}

	.push-md-8 {
		left: 66.666667%;
	}

	.push-md-9 {
		left: 75%;
	}

	.push-md-10 {
		left: 83.333333%;
	}

	.push-md-11 {
		left: 91.666667%;
	}

	.push-md-12 {
		left: 100%;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.333333%;
	}

	.offset-md-2 {
		margin-left: 16.666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.333333%;
	}

	.offset-md-5 {
		margin-left: 41.666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.333333%;
	}

	.offset-md-8 {
		margin-left: 66.666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.333333%;
	}

	.offset-md-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width:992px) {
	.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-lg {
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-lg-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-lg-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.333333%;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-lg-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-lg-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.666667%;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.333333%;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.666667%;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.666667%;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-lg-0 {
		right: auto;
	}

	.pull-lg-1 {
		right: 8.333333%;
	}

	.pull-lg-2 {
		right: 16.666667%;
	}

	.pull-lg-3 {
		right: 25%;
	}

	.pull-lg-4 {
		right: 33.333333%;
	}

	.pull-lg-5 {
		right: 41.666667%;
	}

	.pull-lg-6 {
		right: 50%;
	}

	.pull-lg-7 {
		right: 58.333333%;
	}

	.pull-lg-8 {
		right: 66.666667%;
	}

	.pull-lg-9 {
		right: 75%;
	}

	.pull-lg-10 {
		right: 83.333333%;
	}

	.pull-lg-11 {
		right: 91.666667%;
	}

	.pull-lg-12 {
		right: 100%;
	}

	.push-lg-0 {
		left: auto;
	}

	.push-lg-1 {
		left: 8.333333%;
	}

	.push-lg-2 {
		left: 16.666667%;
	}

	.push-lg-3 {
		left: 25%;
	}

	.push-lg-4 {
		left: 33.333333%;
	}

	.push-lg-5 {
		left: 41.666667%;
	}

	.push-lg-6 {
		left: 50%;
	}

	.push-lg-7 {
		left: 58.333333%;
	}

	.push-lg-8 {
		left: 66.666667%;
	}

	.push-lg-9 {
		left: 75%;
	}

	.push-lg-10 {
		left: 83.333333%;
	}

	.push-lg-11 {
		left: 91.666667%;
	}

	.push-lg-12 {
		left: 100%;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.333333%;
	}

	.offset-lg-2 {
		margin-left: 16.666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.333333%;
	}

	.offset-lg-5 {
		margin-left: 41.666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.333333%;
	}

	.offset-lg-8 {
		margin-left: 66.666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.333333%;
	}

	.offset-lg-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width:1200px) {
	.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-xl {
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xl-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.333333%;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xl-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xl-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xl-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.666667%;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.333333%;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.666667%;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xl-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.666667%;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xl-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-xl-0 {
		right: auto;
	}

	.pull-xl-1 {
		right: 8.333333%;
	}

	.pull-xl-2 {
		right: 16.666667%;
	}

	.pull-xl-3 {
		right: 25%;
	}

	.pull-xl-4 {
		right: 33.333333%;
	}

	.pull-xl-5 {
		right: 41.666667%;
	}

	.pull-xl-6 {
		right: 50%;
	}

	.pull-xl-7 {
		right: 58.333333%;
	}

	.pull-xl-8 {
		right: 66.666667%;
	}

	.pull-xl-9 {
		right: 75%;
	}

	.pull-xl-10 {
		right: 83.333333%;
	}

	.pull-xl-11 {
		right: 91.666667%;
	}

	.pull-xl-12 {
		right: 100%;
	}

	.push-xl-0 {
		left: auto;
	}

	.push-xl-1 {
		left: 8.333333%;
	}

	.push-xl-2 {
		left: 16.666667%;
	}

	.push-xl-3 {
		left: 25%;
	}

	.push-xl-4 {
		left: 33.333333%;
	}

	.push-xl-5 {
		left: 41.666667%;
	}

	.push-xl-6 {
		left: 50%;
	}

	.push-xl-7 {
		left: 58.333333%;
	}

	.push-xl-8 {
		left: 66.666667%;
	}

	.push-xl-9 {
		left: 75%;
	}

	.push-xl-10 {
		left: 83.333333%;
	}

	.push-xl-11 {
		left: 91.666667%;
	}

	.push-xl-12 {
		left: 100%;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.333333%;
	}

	.offset-xl-2 {
		margin-left: 16.666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.333333%;
	}

	.offset-xl-5 {
		margin-left: 41.666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.333333%;
	}

	.offset-xl-8 {
		margin-left: 66.666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.333333%;
	}

	.offset-xl-11 {
		margin-left: 91.666667%;
	}
}

p,ul {
	margin: 0;
}

body {
	font-family: 'Roboto';
	font-size: 18px;
	color: #000;
	background-image: url(../img/bg.png);
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-attachment: fixed;
	font-weight: 300;
	padding-left: 20%;
}

p.heading,section.cases div.case .heading .title {
	font-weight: 500;
}

a {
	color: inherit;
	text-decoration: none;
}

ul {
	padding: 0 10px;
}

li {
	list-style-type: none;
}

p {
	padding: 0;
}

header.header {
	padding: 1em 0;
	text-align: center;
	font-size: 1.1em;
}

.sm {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 7px;
	vertical-align: middle;
	background: url(../img/smiles.png) no-repeat;
}

.sm.sly {
	background-position: -213px 0;
}

.sm.wink {
	background-position: -91px 0;
}

.sm.nice {
	background-position: -122px 0;
}

.sm.traces {
	background-position: -273px 0;
}

nav.categories li {
	display: inline-block;
	background: #505050;
	color: #fff;
	padding: 3px 10px;
	margin: 5px;
	cursor: pointer;
	font-size: .95em;
	border: 1px solid #505050;
}

nav.categories li:hover {
	border-color: #fff;
	background: #646464;
}

nav.categories li.active {
	background: #fff;
	color: #000;
	border-color: #505050;
}

section.cases {
	padding: 10px 60px;
}

section.cases div.case {
	background-color: #000;
	height: 16.66em;
	border: 1px solid #505050;
	margin: 15px 20px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

section.cases div.case i.fas {
	display: block;
	color: #fff;
	opacity: 0;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

section.cases div.case i.fas:hover {
	opacity: .8;
}

section.cases div.case>.fas {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.75em;
	margin-left: -.5em;
	width: 1em;
	height: 1em;
	font-size: 4em;
}

section.cases div.case:hover .cover {
	background-color: rgba(0,0,0,.8);
}

section.cases div.case:hover .heading {
	bottom: 0;
}

section.cases div.case:hover .fas {
	opacity: .7;
}

section.cases div.case .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0,0,0,.3);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	z-index: 0;
}

section.cases div.case img {
	width: 100%;
}

section.cases div.case .heading {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	height: 3em;
	padding: 6px 10px;
	width: 100%;
	bottom: -3em;
	background: 0 0;
	border-top: 1px solid #fff;
	color: #fff;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	z-index: 2;
}

section.cases div.case .heading .paragraph a {
	display: block;
}

section.cases div.case .heading .desc {
	font-size: .8em;
}

section.cases div.case .heading .tags .tag {
	display: inline-block;
	font-size: .7em;
	text-align: center;
	margin-left: 12px;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	padding: 5px 0;
}

section.cases div.case .heading .tags .tag.corrections {
	background-color: #31a139;
}

section.cases div.case .next-arrow {
	font-size: 1.2em;
}

section.cases div.case .paragraph a[data-slide],section.cases div.case img[data-slide] {
	display: none;
}

section.cases div.case .paragraph a.current-slide,section.cases div.case img.current-slide {
	display: block;
}

footer {
	margin: 30px 0;
}

footer .contact {
	margin: 8px 0;
}

footer .contact a {
	font-weight: 400;
}

footer .contact a:hover {
	border-bottom: 1px dotted #000;
}

@media (max-height:270px) and (min-width:991px) {
	body {
		padding-left: 7%;
	}
}

@media (max-height:380px) and (min-width:991px) {
	body {
		padding-left: 10%;
	}
}

@media (max-height:480px) and (min-width:991px) {
	body {
		padding-left: 13%;
	}
}

@media (min-width:550px) and (max-width:767px) {
	section.cases div.case {
		height: 25rem;
	}
}

@media (max-height:550px) and (min-width:991px) {
	body {
		padding-left: 15%;
	}
}

@media (max-height:660px) and (min-width:991px) {
	body {
		padding-left: 17%;
	}
}

@media (max-height:770px) and (min-width:991px) {
	body {
		padding-left: 19%;
	}
}

@media (min-width:1101px) and (min-height:850px) {
	body {
		padding-left: 28%;
	}
}

@media (min-width:1400px) {
	body {
		padding-left: 24%;
		font-size: 20px;
	}
}

@media (min-width:1600px) {
	body {
		padding-left: 20%;
		font-size: 22px;
	}
}

@media (min-width:1800px) {
	body {
		font-size: 25px;
	}
}

@media (min-width:2200px) {
	body {
		font-size: 28px;
	}
}

@media (max-width:1100px) {
	body {
		background: #f4f4f4;
		padding: 0 20px;
		font-size: 19px;
	}

	nav.categories ul {
		text-align: center;
	}

	section.cases div.case {
		height: auto;
	}
}

@media (max-width:470px) {
	section.cases {
		padding: 10px 0;
	}
}

@media (max-width:390px) {
	section.cases div.case {
		height: 12rem;
	}
}
