/*      Подключение шрифтов      */
	@font-face {  font-family: 'Montserrat-Bold'; 
		src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'Montserrat-Medium'; 
		src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'Montserrat-Regular';  
		src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'Montserrat-Light';  
		src: url("../fonts/Montserrat-Light.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'Montserrat-SemiBold';  
		src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'OpenSans-Regular';  
		src: url("../fonts/OpenSans-Regular.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'OpenSans-Light';  
		src: url("../fonts/OpenSans-Light.ttf") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face {  font-family: 'ionicons'; 
		src: url("../fonts/ionicons.ttf") format("truetype");
		src: url("../fonts/ionicons.woff") format("truetype"); 
		font-weight: normal; 
		font-style: normal; 
	}

/*      Общие параметры    */

	html, body {margin: 0;}
	html {overflow-x: hidden;}
	p {font-size: 15px; font-family: 'Montserrat-Regular', sans-serif; line-height: 26px; margin: 0;}
	.uppercase {text-transform: uppercase;} 
	.clear:after {content: ""; display: block; clear: both;}
	.content { margin: 0 auto; max-width: 946px; position: relative;}
	.title { margin: 0; font-size: 34px; font-family: 'Montserrat-Bold'; font-weight: 700; letter-spacing: 0.9px; line-height: 46px; color: #2a2b2b;}

	.mobile {display: none;overflow-x: hidden;}
	.mobi_rotate {display: none;}

/*     Фоновые линии    */
	.bg-line {	
		left: calc(50% - 592px);
		z-index: 0;
		width: 1250px;
	    height: 100vh;
		position: fixed;
		top: 0;
	}
	.bg-line .line {
		width: 1px;
		background: #f1f1f1;
		display: inline-block;
		margin-right: 113px;
		height: 100%;
	}
	.bg-line .line:last-child {
		margin-right: 0px;
	}
	.bg-line-block1, .bg-line-block3 {position: absolute;height: 100%}
	.bg-line-block1 .line {background:#3c2458;}
	.bg-line-block3 .line {background: #e6e6e6;}

/*     Фиксированное меню     */
	.wrapper-header {
		opacity: 0;
		display: none;
		background: #fff;
		box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, .06);
		position: absolute;
		top: 0;
    	width: 100%;
    	z-index: 15;
	}
	.logo {
		float: left;
		width: 140px;
	}
	.logo a {
		display: block;
	}
	.logo img {height: 62px;}
	.menu {
		float: right;
		list-style-type: none;
		padding: 0;
		margin: 20px 0;
	}
	.menu li {
		display: inline;
		margin-left: 35px;
	}
	.menu li a {
		font-family: 'Montserrat-Regular', sans-serif;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		overflow: hidden;
		height: 20px;
		position: relative;
		display: inline-block;
	}
	.menu li a span {
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		width: 97px;
	}
	.menu zz:nth-child(2) li a span {width: 150px;}
	.menu li:nth-child(2) a span {width: 150px;}
	.menu li:nth-child(3) a span {width: 77px;}
	.menu li a span::before {
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
		position: absolute;
		top: 100%;
		content: attr(data-hover);
		font-family: 'Montserrat-Bold';
		font-weight: 700;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.menu li a:hover span,
	.menu li a:focus span {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.wrapper-header .header {
	    padding: 20px 0;
	}
	.wrapper-header .header img {
		margin-top: -4px;
	}
	.wrapper-header .menu {
		float: left;
		position: relative;
		left: 110px;
		margin-bottom: 14px;
	}
	.wrapper-header .menu li a {
		color: #fff;
	}
	.wrapper-header .button {
		float: right;
		margin: 0;
		height: 50px;
        width: 220px;
    	line-height: 50px;
	}
	.header-about {
		opacity: 1;
		display: block;
		background: transparent;
		box-shadow: none;
		position: absolute;
    	width: 100%;
	}
	.header-about-show .content {opacity: 0;}
	.header-about.fixed {
		background: #fff;
		box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, .06);
	}
	.header-about.fixed .menu li a {
	    color: #3b3a38;
	}

/*      FOOTER   */
	.footer {
		background: #1e132c;
		padding: 40px 0;
		position: relative;
		z-index: 1;
	}
	.column {width: 254px;}
	.column:nth-child(2) {
		position: relative;
        left: 100px;
	}
	.footer p, .footer a {
		font-size: 11px;
		line-height: 18px;
		color: #bababa;
		margin-bottom: 0;
	}
	.footer a { margin-right: 20px;}
	.footer a:hover .fa-facebook-f {color: #3a5898;}
	.footer a:hover .fa-vk {color: #4a76a8;}
	.footer a:hover .fa-youtube {color: #f00;}
	.footer .title {
		font-size: 14px;
		color: #fff;
		margin-bottom: 25px;
	}
	.footer .contact {
		font-size: 12px;
		color: #fff;
		line-height: 20px;
		margin-top: 25px;
	}
	.footer .f-row {
		border-bottom: 1px solid #352b42;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.footer .f-row span {
		color: #5b516b;
	}
	.footer a {display: inline-block;}
	.footer a:hover {
		text-decoration: none;
		color: #fff;
	}
	.footer input {
		width: 180px;
		font-family: 'Montserrat-Regular', sans-serif;
		font-size: 10px;
		color: #bababa;
		background: #251c34;
		padding: 11px 40px 11px 11px;
		margin: 20px 0 30px;
		border: none;
	}
	.footer input:focus,
	.footer button:focus  {
		outline: none;
		color: #fff;
	}
	.footer button {
		position: relative;
		right: 38px;
		background: transparent;
	    border: none;
	    padding: 7px 6px;
	    cursor: pointer;
	}
	.footer button .get {display:none;}
	.polit {
		background: #251b34;
		padding: 20px 0;
		position: relative;
		z-index: 1;
	}
	.polit p, .polit a {font-size: 10px;line-height: 18px; color: #bababa; margin-bottom: 0;}
	.polit a{text-decoration: none;}
	.polit a:hover {color: #fff; text-decoration: none;} 

/*     Попап "Записаться на консультацию"    */
	.popup {
		display: none;
		opacity: 0;
	    position: fixed;
	    top: 20%;
	    left: calc(50% - 245px);
	    z-index: 20;
	}
	.popup-menu {
	    width: 490px;
	    padding: 60px 63px;
	    background: url(../images/bg-popap.png) no-repeat top right;
		background-size: cover;
	}
	.popup-menu p {
		font-size: 20px;
		font-family: 'Montserrat-Bold'; 
	    font-weight: 700;
	    line-height: 24px;
	    color: #2a2b2b;
		margin: 0 0 35px;
	}
	.popup-menu input {
		width: 100%;
		font-family: 'Montserrat-Regular', sans-serif;
		font-size: 14px;
		color: #989898;
		padding: 15px 20px;
		margin-bottom: 15px;
		border: 1px solid #ddd;
	}
	input::-webkit-input-placeholder {color:#989898;}
	input::-moz-placeholder          {color:#989898;}/* Firefox 19+ */
	input:-moz-placeholder           {color:#989898;}/* Firefox 18- */
	input:-ms-input-placeholder      {color:#989898;}
	.popup-menu input:focus {
	    color: #555;
		outline: transparent;
		border: 1px solid #dc0034;
	}
	.button, .popup-menu input[type="submit"] {
		font-size: 12px;
		font-family: 'Montserrat-Medium'; 
		font-weight: 500;
		letter-spacing: 0.9px;
		color: #fff;
		height: 56px;
		width: 236px;
	    line-height: 56px;
		text-align: center;
		cursor: pointer;
		background: #dc0034;
		transition: top 0.4s;
		position: relative;
		top: 0px;
    	box-shadow: 0 10px 35px -15px rgba(220,0,52,1);
	}
	.block1 .button {width: 330px;}
	.button:hover, .popup-menu input[type="submit"]:hover {
		top:5px;
		box-shadow: none;
	}
	.popup-menu input[type="submit"] {
		width: 100%;
		line-height: 28px;
    	border: none;
	}
	/*    Кнопка закрытия формы    */
		.close-popup {
			position: absolute;
		    right: -35px;
			margin: 0;
			padding: 0;
			width: 25px;
			height: 25px;
			cursor: pointer;
			transition: all .4s;
		}
		.close-popup span{
			display: block;
		  	position: absolute;
		  	top: 10px;
		  	left: -3px;
			height: 1px;
			width: 30px;
			background: #fff;
			transform: rotate(45deg);
			transition: all .6s;
		}
		.close-popup span:after {
			position: absolute;
			display: block;
			left: 0;
			width: 30px;
			height: 1px;
			background-color: #fff;
			content: "";
			transform: rotate(270deg);
		}
		.close-popup:hover {
			transform: rotate(180deg);
		}
	/*  Затемнение    */
		.overlay {
			z-index: -1; 
			position: fixed; 
			background-color: #000; 
			opacity: 0.8; 
			width: 100%; 
			height: 100%; 
			top: 0; 
			left: 0;
			display: none;
			cursor: url(../images/cur.png), pointer; 
			::-ms-cursor: pointer;
		}
/*   --------------------    */

/*     Попап "Спасибо"    */
	.popup-thanks-desc {
	    left: calc(50% - 315px);
	}
	.popup-thanks-desc .popup-menu {
	    width: 630px;
	    height: 370px;
	    padding: 50px 40px;
	    position: relative;
	}
	.popup-thanks-desc .popup-menu p,
	.popup-application .popup-menu p {
	    color: #dc0034;
		margin: 0 0 15px;
	}
	.popup-thanks-desc .popup-menu p:nth-child(2),
	.popup-application .popup-menu p:nth-child(2) {
		font-family: 'Montserrat-Regular', sans-serif;
		font-weight: 400;
		font-size: 15px;
		color: #545454;
		margin-bottom: 25px;
	} 
	.popup-menu .strip {
		position: absolute;
	    left: -12px;
	    width: 654px;
		background: url(../images/bg-thank.png) no-repeat;
		background-size: contain;
		padding: 30px 20px 20px;
	}
	.popup-menu .strip p { 
		width: 342px;
		font-family: 'Montserrat-Regular', sans-serif;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		color: #fff;
		padding: 30px;
		float: left;
		margin: 0;
	}
	.popup-menu .strip a {
		display: inline-block;
		height: 54px;
		width: 250px;
		border: 1px solid #fff;
		line-height: 52px;
		text-align: center;
		color: #fff;
		transition: 0.3s;
		margin-top: 35px;
	}
	.popup-menu .strip a:hover {
		color: #dc0034;
		background: #fff;
		text-decoration: none;
	}

/*   -     Мобильная версия     -  */
	@media screen and (max-width: 1023px) {
		.desctop {display: none}
		.mobile {display: block}
		.mob-content {margin: auto;padding: 0;width: 290px;position: relative;z-index: 1;}
		.mobile p {font-size: 14px;}
		.mobile .title {font-size: 22px;line-height: 30px;letter-spacing: 0px;}
		.tabletV, .bg-line-mob .line.tabletV {display: none;} 

	/*     Фоновые линии    */
		.bg-line-mob {	
			height: 110vh;
		    position: fixed;
		    top: 0;
			left: calc(50% - 145px); 
			z-index: 0;
		}
		.bg-line-mob .line {
			height: 100%;
			width: 1px;
			background: #f1f1f1;
			display: inline-block;
			margin-right: 67px;
		}
		.bg-line-mob .line:nth-child(5), 
		.bg-line-mob .line:last-child {
			margin-right: 0px;
		}
		.bg-line-mob.bg-line-block1, .bg-line-mob.bg-line-block3 { height: 100%; position: absolute;}
		.bg-line-mob.bg-line-block1 .line {background: #2c2437;}
		.bg-line-mob.bg-line-block3 .line {background: #e6e6e6;}

	/*     Шапка. Моб */
		.header-for-mob {
			position: absolute;
			background: transparent;
			box-shadow: none;
		    padding: 15px;
		    height: 75px;
		    display: block;
		}
		.header-main-mob {
			position: absolute;
			background: transparent;
			box-shadow: none;
		    opacity: 1;
		    display: block;
		    padding: 15px;
		    height: 75px;
		}
		.header-main-fixed-mob {
			position: absolute;
			background: #fff;
		    padding: 15px;
		    height: 75px;
		    opacity: 0;
		    display: none;
		} 
		.logo {
			float: left;
			width: 140px;
		}
		.logo img {
			height: 45px;
		}
		.burger {
		    float: right;
			display: block;
			padding: 0;
			width: 40px;
			height: 16px;
			cursor: pointer;
		    position: relative;
		    top: 20px;
		}
		.burger span {
			display: block;
		  	position: absolute;
		  	top: 7px;
		  	right: 0;
			height: 2px;
			width: 23px;
			background-color: #fff;
		}
		.burger:before,
		.burger:after {
			position: absolute;
			display: block;
			right: 0;
			width: 30px;
			height: 2px;
			background-color: #fff;
			content: "";
		}
		.burger:before {
		    top: 0px;
		    width: 30px;
		}
		.burger:after {
		    bottom: 0px;
		    width: 40px;
		}
		.burger.fixed span,
		.burger.fixed:before,
		.burger.fixed:after{
			background-color: #2e2d2c;
		}

	/*     Мобильное меню     */
		.wrapper-mob-menu {
			position: fixed;
			opacity: 0;
			display: block;
			right: -285px;
			z-index: 17;
		}
		.mobile .wrapper-mob-menu .close-popup {right: 260px;top: 25px;}
		.mobile .wrapper-mob-menu .close-popup span, .wrapper-mob-menu .close-popup span:after { height: 2px;}
		.mob-menu {
			width: 245px;
			height: calc(100vh - 45px);
		    background-color: #1e132c;
		}
		.mob-menu ul {
			margin: 0;
			padding: 15px 25px 35px;
			list-style-type: none;
		}
		.mob-menu ul li a {
			font-family: 'Montserrat-Regular', sans-serif;
			font-size: 14px;
			color: #f9f9f9;
		  	text-decoration: none;
		  	display: block;
		  	padding: 13px 0 13px 7px;
		  	border-bottom: 1px solid #342a41;
		}
		.mob-menu .button_start_mob .button {
			width: 195px;
			margin: 0 auto 35px;
		}
		.wrap {
		    position: relative;
		    width: 270px;
		    left: calc(50% - 95px);
		}
		.mob-menu .wrap a {
			font-size: 12px; 
			color: #b5b5b6; 
			margin-right: 15px; 
			border: 1px solid #342a41;
			display: inline-block;
		}

	/*     Попапы. Моб      */
		.mobile .popup {left: calc(50% - 145px);top: 5%;}
		.mobile .close-popup {top: 15px;right: 15px; z-index: 2;}
		.mobile .close-popup span, .mobile .close-popup span:after {background: #b3b3b3;}
		.mobile .popup-menu {width: 290px; background: url(../images/bg-popap-w.png) no-repeat bottom right;background-size: cover;} 
		.mobile .popup-menu p {font-weight: 400; color: #545454; margin-bottom: 25px; line-height: 22px;}
		.mobile .popup-menu input {margin-bottom: 20px;}
		
		.mobile .popup-consultation-mob {left: 0%; top: -5vh; width: 100vw; height: 105vh; overflow: scroll;}
		.mobile .popup-consultation-mob .close-popup {right: calc(50% - 130px); top: calc(45% - 180px);}
		.popup-consultation-mob .popup-menu {margin: auto; top: calc(45% - 200px);position: relative;padding: 50px 25px 30px;}
		.mobile .popup-consultation-mob .popup-menu p {font-size: 16px;font-family: 'Montserrat-Bold';font-weight: 700;line-height: 24px;}
		.mobile .popup-consultation-mob .title{font-size: 32px;font-family: 'Montserrat-Bold';font-weight: 700;}
		.popup-consultation-mob span {font-family: 'Montserrat-Bold';font-weight: 700;}
		
		.popup-thanks-mob .popup-menu, .popup-application-mob .popup-menu {padding: 95px 30px 70px;text-align: center;}
		.popup-thanks-mob p, .popup-application-mob p {font-size: 15px; }
		.popup-thanks-mob p:nth-child(1), .popup-application-mob p:nth-child(1) {font-size: 20px;font-family: 'Montserrat-Bold'; font-weight: 700;color: #dc0034;}

	/*      FOOTER. Моб   */
		.mobile .column {width: 100%;}
		.mobile .column:nth-child(2) {left: 0;}
		.mobile .footer p, .mobile .footer a, .mobile .footer a span {font-size: 12px;}
		.mobile .footer .title {font-size: 16px;}
		.mobile .footer input {width: 100%; margin-bottom: 0;}
		.mobile .footer button {bottom: 40px;right: auto;left: 88%;}
		.mobile .column:nth-child(2) a {border: 1px solid #342a41;}
		.mobile .footer .f-row:last-child {margin-bottom: 25px;}
		.mobile .i-fa {padding: 9px 15px}
		.mobile .i-vk, .mobile .i-yb {padding: 9px 8px;}
		.wrap {position: relative; width: 270px; left: calc(50% - 95px);}
		.mobile .polit p, .mobile .polit a {font-size: 12px; line-height: 16px; text-align: center;}
}	

@media screen and (min-width: 600px) {

	.mob-content {width: 570px;}
	.mobile p {font-size: 16px;}

	.mobile .popup {left: calc(50% - 285px);}
	.mobile .popup-menu {width: 570px;}
	.mobile .popup-consultation-mob {left: 0;}
	.mobile .popup-consultation-mob .close-popup {
	    right: calc(50% - 265px);
	    top: calc(45% - 185px);
	}

	.wrapper-mob-menu {right: -405px;}
	.mob-menu {width: 345px;}
	.wrap{left: 25px;}
	.mob-menu .wrap a {margin-right: 35px;}
	.mobile .wrapper-mob-menu .close-popup {right: 360px;}c
	.mob-menu ul li a {padding-top: 20px; padding-bottom: 20px;}
	.mobalV {display: none;}
	.tabletV {display: block;}
	.bg-line-mob {left: calc(50% - 285px);}
	.bg-line-mob .line, .bg-line-mob .line:nth-child(5) {margin-right: 66px;}
	.bg-line-mob .line.tabletV {display: inline-block;} 
	.button, .popup-menu input[type="submit"] {font-size: 14px;}
	.button_start_mob .button { margin: auto;width: 68%;}
	.footer .wrap {left: 0;}
	.mobile .footer button {left: 94%;}

	/*    Переключение на ландшафтный режим        */
		@media (orientation:landscape) and (max-device-height: 400px) {
			.mobile{display:none}
			.mobi_rotate{display: block;width: 100%; height: 100vh; text-align: center; background:#f4f4f4; }
			.mobi_rotate p{
				font-size: 22px; 
				letter-spacing: 0.2px; 
				color: #dc0034;
				position: relative;
				top: calc(50% - 20px);}
		}
}
/*   ----------------  */