/*_____________ FONTS ____________*/
@font-face {
	font-family: "RobotoSlabRegular";
	src: url("/active-sites/Template6-demo/../fonts/RobotoSlabRegular.eot");
	src: url("/active-sites/Template6-demo/../fonts/RobotoSlabRegular.eot?#iefix")format("embedded-opentype"),
	url("/active-sites/Template6-demo/../fonts/RobotoSlabRegular.woff") format("woff"),
	url("/active-sites/Template6-demo/../fonts/RobotoSlabRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
.ff-rs{
	font-family: "RobotoSlabRegular", sans-serif;
}

@font-face {
	font-family: "HelveticaRegular";
	src: url("/active-sites/Template6-demo/../fonts/HelveticaRegular.eot");
	src: url("/active-sites/Template6-demo/../fonts/HelveticaRegular.eot?#iefix")format("embedded-opentype"),
	url("/active-sites/Template6-demo/../fonts/HelveticaRegular.woff") format("woff"),
	url("/active-sites/Template6-demo/../fonts/HelveticaRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
.ff-h{font-family: "HelveticaRegular", sans-serif;}
@font-face {
	font-family: "HelveticaLight";
	src: url("/active-sites/Template6-demo/../fonts/HelveticaLight.eot");
	src: url("/active-sites/Template6-demo/../fonts/HelveticaLight.eot?#iefix")format("embedded-opentype"),
	url("/active-sites/Template6-demo/../fonts/HelveticaLight.woff") format("woff"),
	url("/active-sites/Template6-demo/../fonts/HelveticaLight.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
.ff-h-l{font-family: "HelveticaLight", sans-serif;}

@font-face {
	font-family: "ArialRegular";
	src: url("/active-sites/Template6-demo/../fonts/ArialRegular.eot");
	src: url("/active-sites/Template6-demo/../fonts/ArialRegular.eot?#iefix")format("embedded-opentype"),
	url("/active-sites/Template6-demo/../fonts/ArialRegular.woff") format("woff"),
	url("/active-sites/Template6-demo/../fonts/ArialRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
.ff-a{
	font-family: "ArialRegular", sans-serif;
}
body{
	font-size: 15px
}
body,html{
	height: 100%;
}
.h350{
	height: 350px;
}
.slick-list{
	height: 207px;
}
.user_photo1 img{
	height: 80px;
}
.block-help1{
	background: url(../img/1.jpg);
}
.block-help2{
	background: url(../img/2.jpg);
}
.block-help3{
	background: url(../img/3.jpg);
}
.wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	position: relative;
	background: #fff;
}
footer{
	position: relative;
	width: 100%;
	left: 0;
	bottom: 0;
}
img{max-width: 100%;}
h1,h2,h3,h4,h5,h6,p,ul,.h1,.h2,.h3,.h4,.h5,.h6{
	padding: 0;
	margin: 0
}
ul{list-style: none}
section{padding: 65px 0}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.p-none{padding: 0;}
.pl-none{padding-left: 0;}
.pr-none{padding-right: 0;}
.fl-l{float: left;}
.fl-r{float: right;}
.bg-main{
	background: url(../img/bg-main.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg-contacts{
	background: url(../img/bg-contacts.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg-gray{background-color: #F5F5F5;}
.upper{text-transform: uppercase;}
p.text,
.main-block__content p{
	color: #606060;
	line-height: 1.5;
}
p.text:not(:last-of-type),
.main-block__content p:not(:last-of-type){
	margin-bottom: 23px;
}

/*_______________ ICONS ______________*/
i[class*="ic-"]{
	display: inline-block;
	background: url(../img/sprites.png) no-repeat;
	position: relative;
}
i.ic-fb{
	width: 32px;
	height: 32px;
}
i.ic-tw{
	width: 32px;
	height: 32px;
	background-position: -34px 0;
}
i.ic-in{
	width: 32px;
	height: 32px;
	background-position: -68px 0;
}
i.ic-g{
	width: 32px;
	height: 32px;
	background-position: -102px 0;
}
i.ic-shedule{
	width: 16px;
	height: 16px;
	background-position: -155px 0;
}
/*_______________ BUTTONS ______________*/
.btn, .link{
	display: inline-block;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.link-contur{
	min-width: 270px;
	height: 46px;
	font-size: 15px;
	border-radius: 3px;
	border: 2px solid;
	padding-top: 10px;
	position: relative;
	text-align: center;
}
.link-contur--wht{
	color: #fff;
	border-color: #fff;
}
.link-contur:hover{text-decoration: none;}
.link-contur--wht:hover{
	color: #686868;
	/*-webkit-box-shadow: 0 0 15px 0 #fff;
	box-shadow: 0 0 15px 0 #fff;*/
	background: #fff;
}
.btn-contur-gray{
	min-width: 142px;
	height: 35px;
	/*line-height: 35px;*/
	color: #414141;
	background-color: transparent;
	border: 2px solid #b9b9b9;
	border-radius: 4px;
	font-size: 13px;
	padding: 0 10px;
}
.block-help .btn-contur-gray{
	line-height: 30px;
}
.btn-contur-gray:hover{
	color: #fff;
	background: #686868;
	border-color: #686868;
	/*-webkit-box-shadow: 0 0 10px 0 #444;
	box-shadow: 0 0 10px 0 #444;*/
}
/*_______________ FORMS ______________*/
.form-control{
	height: 38px;
	border-radius: 0;
	border: none;
	background: transparent;
	border-bottom: 1px solid #adadad;
	padding-left: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #545454;
	font-family: Arial;
	font-size: 15px;
}
textarea.form-control{
	height: 90px;
	resize: none;
}
.form-control:focus{
	/*-webkit-box-shadow: 0 0 10px 0 #444;
	box-shadow: 0 0 10px 0 #444;*/
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-color: #000;
	/*border-bottom-color: #adadad;*/
}
.form-control::-moz-placeholder {
	color: #545454;
	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #545454;
}
.form-control::-webkit-input-placeholder {
	color: #545454;
}
.form-group{
	margin-bottom: 25px;
}
.form-login button{
	margin-top: 12px;
}
/*_______________1 MAIN ______________*/
/*______1.1 HEADER ______*/
.sidebar{
	width: 300px;
	position: relative;
}
.main{
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: calc(100% - 300px);
	padding: 40px 50px 55px 80px;
}
.h-logo{
	display: block;
	text-align: center;
	line-height: 74px;
}
.h-logo:hover{
	opacity: .7;
}
.header{
	border-bottom: 1px solid #efefef;
}
.sidebar-block{
	padding: 30px 50px 35px 45px;
}
.h-menu li:not(:last-of-type){
	margin-bottom: 25px;
}
.h-menu a{
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.h-menu a:hover,.h-menu a.active{
	text-decoration: none;
	color: black;
}
.h-menu a.active{
	font-weight: 700;
}
.h-menu a, .s-login{
	color: #717171;
	font-size: 14px;
}
.s-login .form-control,
.s-login .block-title{
	font-size: 14px;
}
.s-login .form-group{
	margin-bottom: 15px;
}
.s-login .form-login button {
	margin-top: 30px;
}
.block-title{
	font-size: 20px;
	margin-bottom: 20px;
}
footer{
	padding: 23px 15px 25px;
	text-align: center;
	border-top: 1px solid #EFEFEF;
}
.socials{
	font-size: 0;
	padding-right: 5px;
}
.socials li{
	display: inline-block;
	vertical-align: top;
}
.socials li:not(:last-of-type){
	margin-right: 18px;
}
.socials a{
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.socials a:hover{
	opacity: .7;
}
/*______1.2 CONTENT ______*/
.flex-wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -16px;
}
.flex-col-2 > .flex-block,
.flex-col-3 > .flex-block{
	width: 50%;
	padding: 0 16px;
	margin-bottom: 11px;
}
.flex-col-3 > .flex-block{
	width: 33.33%;
}
.block--promo{
	color: #fff;
}
.block--promo .title{
	font-size: 59px;
	font-weight: 300;
}
.block--promo p{
	font-size: 17px;
	margin-bottom: 25px;
}
.flex-block .inner{
	position: relative;
	padding: 25px 40px 30px;
}
.bg{position: relative;}
.bg:before{
	content: '';
	height: 100%;
	display: block;
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	top: 0;
}
.bg.bg-wht-op95:before{
	background: rgba(255,255,255,0.95);
}
.bg.bg-gr-op97:before{
	background: rgba(246,246,246,0.97);
}
.block--about{
	min-height: 360px;
}
.block--news{
	order: 4;
	position: relative;
}
.block--news .inner:before,
.block--news .inner:after{
	content: '';
	display: block;
	width: 17px;
	height: 47px;
	background: url(../img/sprites.png) no-repeat -136px 0;
	position: absolute;
	top: -30px;
	left: 3%;
}
.block--news .inner:after{
	left: auto;
	right: 3%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.block-news{
	background: #fff;
	padding: 20px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.slider-news a:hover{
	text-decoration: none;
}
.block-news:hover{
	-webkit-box-shadow: 0 0 10px 0 #ccc;
	box-shadow: 0 0 10px 0 #ccc;
}
.block-news__title{
	color: #000;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 10px;
	font-family: "RobotoSlabRegular";
}
.block-news__date{
	color: #A5A5A5;
	font-size: 12px;
	margin-bottom: 10px;
}
.block-news__date .ic{
	margin-right: 10px;
	margin-bottom: -3px;
}
.block-news__descr{
	color: #606060;
	font-size: 13px;
	line-height: 1.7;
}
.slick-dots li button{
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	padding: 3px;
	text-align: center;
}
.slick-dots li button:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #adadad;
	position: relative;
	opacity: 0;
}
.slick-dots{bottom: -40px;}
.slick-dotted.slick-slider{margin-bottom: 40px;}
.block--links a{
	display: block;
	color: #000;
	height: 164px;
	background-color: #f6f6f6;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	position: relative;
	font-size: 20px;
	padding: 15px 20px;
	overflow: hidden;
}

.block--links a span{
	/*line-height: 134px;*/
	position: relative;
	z-index: 2;
}


.block--links a:hover{
	text-decoration: none;
	/*-webkit-box-shadow: 0 0 10px 0 #f6f6f6;
	box-shadow: 0 0 10px 0 #f6f6f6;*/
}
.block--links a .icon{
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	transform: translatex(-50%);
}
.block--links a .icon.--blank,
.block--links a .icon.--team{
	top: 45%;
}
.block--links a .icon.--grafic{
	top: 40%;
}
.block--links .flex-block{
	margin-bottom: 22px;
}
.block--links .flex-block:nth-last-of-type(1),
.block--links .flex-block:nth-last-of-type(2){
	margin-bottom: 0;
}
/*________________HUMBURGER______________*/
.hamburger {
	display: none;
	cursor: pointer;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	z-index: 1;
	position: relative;
	padding: 7px 15px 20px; }
	.hamburger:hover {
		opacity: 0.7; }
		.hamburger.is-active .hamburger-inner,
		.hamburger.is-active .hamburger-inner::before,
		.hamburger.is-active .hamburger-inner::after{
			background-color: #000
		}
		.hamburger-box {
			width: 40px;
			height: 24px;
			display: inline-block;
			position: relative; }

			.hamburger-inner {
				display: block;
				top: 50%;
				margin-top: -2px; }
				.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
					width: 40px;
					height: 4px;
					background-color: #000;
					border-radius: 0;
					position: absolute;
					transition-property: -webkit-transform;
					transition-property: transform;
					transition-property: transform, -webkit-transform;
					transition-duration: 0.15s;
					transition-timing-function: ease; }
					.hamburger-inner::before, .hamburger-inner::after {
						content: "";
						display: block; }
						.hamburger-inner::before {
							top: -10px; }
							.hamburger-inner::after {
								bottom: -10px; }
							}
							/*
 * Elastic
 */
 .hamburger--elastic .hamburger-inner {
 	top: 2px;
 	transition-duration: 0.4s;
 	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
 	.hamburger--elastic .hamburger-inner::before {
 		top: 10px;
 		transition: opacity 0.15s 0.4s ease; }
 		.hamburger--elastic .hamburger-inner::after {
 			top: 20px;
 			transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 			transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 			transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

 			.hamburger--elastic.is-active .hamburger-inner {
 				-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
 				transform: translate3d(0, 10px, 0) rotate(135deg);
 				transition-delay: 0.1s; }
 				.hamburger--elastic.is-active .hamburger-inner::before {
 					transition-delay: 0s;
 					opacity: 0; }
 					.hamburger--elastic.is-active .hamburger-inner::after {
 						-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
 						transform: translate3d(0, -20px, 0) rotate(-270deg);
 						transition-delay: 0.1s; }
 						/*
 * Elastic Reverse
 */
 .hamburger--elastic-r .hamburger-inner {
 	top: 2px;
 	transition-duration: 0.4s;
 	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
 	.hamburger--elastic-r .hamburger-inner::before {
 		top: 10px;
 		transition: opacity 0.15s 0.4s ease; }
 		.hamburger--elastic-r .hamburger-inner::after {
 			top: 20px;
 			transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 			transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 			transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

 			.hamburger--elastic-r.is-active .hamburger-inner {
 				-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
 				transform: translate3d(0, 10px, 0) rotate(-135deg);
 				transition-delay: 0.1s; }
 				.hamburger--elastic-r.is-active .hamburger-inner::before {
 					transition-delay: 0s;
 					opacity: 0; }
 					.hamburger--elastic-r.is-active .hamburger-inner::after {
 						-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
 						transform: translate3d(0, -20px, 0) rotate(270deg);
 						transition-delay: 0.1s; }
/*
*
*/
/*=========================================*/
/*=============2 inner page==================*/
/*=========================================*/
/*====2.1 purchase====*/
.bg-grad-gray{
	background: -webkit-linear-gradient(#F6F6F6 0%, transparent 100%);
	background: -o-linear-gradient(#F6F6F6 0%, transparent 100%);
	background: linear-gradient(#F6F6F6 0%, transparent 100%);
}

/*====2.3 log====*/
.h-user-info{
	line-height: 1.2;
	padding: 15px;
	margin: 0 -50px -30px -45px;
}
.h-user-info img{
	display: inline-block;
	border-radius: 50%;
	margin-right: 23px;
}
.h-user__head{
	color: #080808;
	margin-bottom: 10px;
}
.h-user__body{
	color: #575757;
	font-size: 13px;
}
.pg-log .h-logo{
	line-height: 92px;
}
.pg-log .h-menu-wrap{
	padding-top: 24px;
}
.slider-news .slick-list{
	overflow: visible;
}
.table-block{
	width: 100%;
	display: table;
}
.table-block .cell{
	display: table-cell;
	vertical-align: middle;
}
.main-block:not(:last-of-type){
	margin-bottom: 27px;
}
.main-block__content{
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: calc(100% - 300px);
	padding: 45px 50px 45px 45px;
}
.main-block__sidebar{
	width: 300px;
	padding: 35px 50px 45px 40px;
}
.bg-gray-light{background-color: #f7f8f8;}
.main-block__sidebar .block-title{
	color: #000;
}
.main-block.block--content{
	padding: 0 16px;
}
.block-help__inner{
	min-height: 177px;
	padding: 20px;
	-webkit-background-size: cover;
	background-size: cover;
}
.block-help__title{
	font-size: 18px;
	margin-bottom: 35px;
}
.contacts-block{
	color: #545454;
}
.contacts-block .cell{
	vertical-align: top;
}
.contacts-block .cell:first-of-type{
	color: #000;
	padding-right: 5px;
}
.contacts-block:not(:last-of-type){
	margin-bottom: 23px;
}
.c-black{color: #000;}
.form-contacts{
	max-width: 560px;
	margin: 0 auto;
}
/*_______________3 MEDIA ______________*/
@media screen and (max-width: 1400px){
	.block--promo .title{
		font-size: 46px;
	}
}
/*max-width: 1400px*/

@media screen and (max-width: 1200px){
	.main > .flex-wrap > .flex-block{
		width: 100%;
	}
	.block--about{
		min-height: auto;
	}
	.block--news{
		-webkit-order: initial;
		-moz-order: initial;
		-ms-order: initial;
		-o-order: initial;
		order: initial;
	}
	.main{padding: 50px;}
	.flex-col-3 > .flex-block {
		width: 50%;
		margin-bottom: 27px;
	}
	.form-contacts .form-group{
		padding: 0;
	}
}
/*max-width: 1200px*/

@media screen and (max-width: 993px){
	.main {padding: 30px;}
	.main-block__content,
	.main-block__sidebar{
		width: 100%;
	}
	.main-block__sidebar{
		-webkit-order: -1;
		-moz-order: -1;
		-ms-order: -1;
		-o-order: -1;
		order: -1;
	}
	.flex-col-3 > .flex-block{
		width: 100%;
	}
}
/*max-width: 993px*/

@media screen and (max-width: 767px){
	.wrapper{
		display: block;
	}
	.sidebar,.main{
		width: 100%;
	}
	.main{
		background: #fff;
		padding: 0 15px;
	}
	.h-logo{
		display: inline-block;
		padding-left: 10px;
	}
	.hamburger{
		display: inline-block;
		float: right;
		padding-top: 14px;
	}
	.s-menu{
		display: none;
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		padding: 15px;
		background: #fff;
		z-index: 1;
	}
	.main .block--promo{
		min-height: 430px;
		padding-top: 125px;
		background: url(../img/bg-main.jpg) no-repeat 50% 50%;
		-webkit-background-size: cover;
		background-size: cover;
		text-align: center;
	}
	.flex-col-2 > .flex-block.block--promo{
		margin-bottom: 0;
	}
	.block--promo .title{
		font-size: 45px;
	}
	.block--promo p{
		font-size: 13px;
	}
	.block-title{
		text-align: center;
	}
	.bg:before{
		left: 0;
		right: 0;
	}
	.flex-block .inner{
		padding: 30px 0;
	}
	.main > .flex-wrap{
		display: block;
	}
	.s-login .block-title{
		font-size: 20px;
		color: #000;
	}
	.form-login{
		width: 260px;
		margin: 0 auto;
	}
	.block--news .inner:before, 
	.block--news .inner:after{
		display: none;
	}
	.h-menu li{text-align: center;}
	.h-menu li:not(:last-of-type) {
		margin-bottom: 15px;
	}
	footer{
		border-top: none;
		padding: 20px 20px 50px;
	}
	.sidebar-block{
		padding-left: 15px;
		padding-right: 15px;
	}
	.flex-col-2 > .flex-block{
		margin-bottom: 22px;
	}
	.h-user-info{margin: 0 -15px -15px;}
	.pg-inner .main{
		padding-left: 0;
		padding-right: 0;
	}
	.main-block.block--promo{
		margin-bottom: 0;
	}
	.main-block__content{
		background: #fff;
	}
	.main-block__content,
	.main-block__sidebar{
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-block--help{
		padding: 50px 15px;
		background: #F5F5F5;
	}
	.flex-col-3 > .flex-block{
		margin-bottom: 25px;
	}
	.main-block:not(:last-of-type){
		margin-bottom: 0;
	}
	.pg-contacts .main .block--promo{
		background-image: url(../img/bg-contacts.jpg);
	}
	.pg-contacts .main-block__sidebar{
		background: #fff;
	}
	.pg-contacts .main-block__content{
		background: #F5F5F5;
	}
	.contacts-block{
		max-width: 205px;
		margin-left: auto;
		margin-right: auto;
	}
	.pg-inner footer{
		padding-top: 40px;
	}
	.sidebar{
		-webkit-box-shadow: 0 1px 73px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 73px rgba(0, 0, 0, 0.4);
	}
}
/*max-width: 767px*/

@media screen and (max-width: 480px){
	.block--links .flex-wrap{
		display: block;
	}
	.block--links .flex-block{
		width: 100%;
		text-align: center;
	}
	.block--links .flex-block:not(:last-of-type){
		margin-bottom: 22px;
	}
}
/*max-width: 480px*/

@media screen and (max-width: 420px){
	.block--promo .title {
		font-size: 34px;
	}
}

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