@font-face {
	font-family: frahv;
	src: url(../fonts/frahv.ttf); 
}
* {outline:none !important}
body {font-family: 'Roboto', sans-serif; font-weight:400;color:#4d4d4d; font-size:18px}

	.wrapper {width:1200px; margin:0 auto;}
	
	
.fr-title {font-size:60px; font-family:frahv; color:#4d4d4d; text-align:center; margin-bottom:60px; text-transform:uppercase;text-shadow: 2px 3px 3px rgba(77, 77, 77, 0.75); }

/*Шапка*/
.header {padding:200px 0 40px 0; position:relative; background:url(../images/header-bg.jpg) right center no-repeat; background-size:cover; }
	
	.site-title {font-size:60px; color:#fefefe;font-family:frahv; text-transform:uppercase;text-shadow: 2px 3px 3px rgba(77, 77, 77, 0.75); }
	.site-subtitle {font-size:27px; color:#4d4d4d; font-weight:700; padding:10px 20px; background:#fefefe; display:table; margin:60px 0;  }
	
	.header-flex {display:flex; justify-content:space-between; margin-bottom:60px}
		.header-flex-item { display:flex;color:#fefefe;  align-items:center;}
			.header-flex-item span {font-weight:700;text-shadow: 2px 3px 3px rgba(77, 77, 77, 0.75); font-size:60px; display:block; margin-right:10px }
			.header-flex-item p {font-size:21px}
	
	.header-btn {font-size:25px; display:table;background:#ffd302; padding:15px 30px; color:#4d4d4d; text-decoration:none; border-radius:30px; text-align:center; margin:0 auto 40px auto;  transition:.2s}
		.header-btn:hover {box-shadow: 0px -3px 0px 0px #4d4d4d inset;}
	

	.header .nav-wrapper {position:absolute; top:0; left:0; background:RGBA(255,255,255,0.95); width:100%; }
		.header .nav-wrapper .wrapper {display:flex; justify-content:space-between; align-items:center; padding:10px 0 }
		.nav-text {font-size:19px; color:#4d4d4d; line-height:1.5; width:45%}	
		.nav-logo {display:block; }
			.nav-logo img {display:block; max-width:150px}
		.nav-tools { width:45%;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-end;}
			.nav-tools-flex {display:flex; align-items:center; margin-bottom:7px }
					.nav-tools-flex:last-child {margin-bottom:0}
				.nav-tools-flex-soc {display:block; max-width:35px; margin-right:35px; transition:.2s}
					.nav-tools-flex-soc:hover {opacity:0.8}
					.nav-tools-flex-soc img {display:block; width:100%}
				.nav-tools-flex-tel	{font-size:26px; color:#4d4d4d; text-decoration:none; display:table; border-bottom:1px solid transparent; transition:.2s}
					.nav-tools-flex-tel:hover {border-bottom-color:#4d4d4d}
				.nav-tools-btn {font-size:20px; display:table;background:#ffd302; padding:5px 25px; color:#4d4d4d; text-decoration:none; border-radius:30px; text-align:center;transition:.2s}
					.nav-tools-btn:hover {box-shadow: 0px -2px 0px 0px #4d4d4d inset;}

/*Примеры работы*/					
.what {padding:60px 0 0 0; }
	.what-flex {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap}
		.what-flex-item {width:49%; max-width:565px; margin-bottom:60px }
			.what-flex-item-header{background:#4d4d4d; color:#fff; font-size:37px; width:100%; padding:20px 0; text-align:center; cursor:pointer; font-weight:400}
			.what-flex-item-header:hover{text-decoration:underline;}
			.what-flex-item-body {height:375px; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; flex-direction:column;    justify-content: flex-end;}
				.what-flex-item-btn {font-size:25px; display:table;width:375px; background:#ffd302; padding:15px 0; color:#4d4d4d; 	text-decoration:none; border-radius:30px; text-align:center; margin:0 auto 40px auto;  transition:.2s}
					.what-flex-item-btn:hover {box-shadow: 0px -3px 0px 0px #4d4d4d inset;}
					
/*Блоки связи*/					
.callback {padding:100px 0; background:url(../images/callback.jpg) center no-repeat; background-size:cover;}
	.callback .wrapper {display:flex; justify-content:space-between; }
		
		.callback-text {padding:35px;  box-sizing:border-box; background:#ffd302; color:#4d4d4d; max-width:480px }
			.callback-text-title {text-transform:uppercase;font-size:25px; font-weight:700; line-height:1.3}
				.callback-text-title:after {content:''; background:#4d4d4d;  width:50px; height:3px; display:block;margin:22px 0}
			.callback-text p {font-weight:700; font-size:20px}
			
			.callback-text-title.mini {font-size:20px;}
			
		.callback-form {width:300px}
			.callback-form-input {position:relative;margin-bottom:20px} 
				.callback-form-input input {display:block; width:100%; line-height:55px; height:55px;font-family: 'Roboto', sans-serif; font-weight:400;color:#4d4d4d; font-size:18px; padding:0 10px 0 50px; box-sizing:border-box; border-radius:4px; border:none}
				.callback-form-input label {position:absolute;color:#4d4d4d; font-size:22px;   top:16px; left:20px; }
				
				.callback-form button {display:block; width:100%; line-height:55px; height:55px;font-family: 'Roboto', sans-serif; font-weight:400;color:#4d4d4d; font-size:18px;box-sizing:border-box; border-radius:4px; border:none; background:#ffd302; cursor:pointer;font-weight:700; border-bottom:3px solid #b78c26; transition:.2s }
					.callback-form button:hover {border-bottom:2px solid  #4d4d4d;	}
					
/*Преимущества*/					
.features {padding:60px 0; background:url(../images/features/features-bt.jpg) center no-repeat; background-size:cover;}
	.features-flex {display:flex; justify-content:space-between; }
		.features-flex-item {width:22%; text-align:center;}
			.features-flex-item-icon {height:79px; display:flex; justify-content:center; align-items:center; margin:0 auto 30px auto; background:#ffd302; border-radius:100%; width:140px; height:140px}
				.features-flex-item-icon img {display:block; }
			.features-flex-item-title  {font-size:22px ;height:85px; margin-bottom:20px;line-height:1.3}
				
			.features-flex-item p {	line-height:1.3}
			

	.features-btn {font-size:25px; display:table; background:#ffd302; padding:15px 40px; color:#4d4d4d; 	text-decoration:none; border-radius:30px; text-align:center; margin:60px auto 0 auto;  transition:.2s}
		.features-btn:hover {box-shadow: 0px -3px 0px 0px #4d4d4d inset;}

/*Отзывы*/		
.rews {padding:60px 0;background:#f5f9ea}	
	.rews-wrapper {position:relative; }			
		.rews-prev {left:-50px}
		.rews-next {right:-50px}
		
	.rews-slider-item-inner {display:flex; align-items:flex-start; position:relative; box-sizing:border-box; padding:0 50px}	
		.rews-slider-item-inner img {display:block; width:190px; border-radius:100%; margin-right:150px}
		.rews-text {position:relative}
			.rews-text-icon {color:#ffd302; position:absolute; top:20px; left:-90px; font-size:60px}
			.rews-text p {line-height:1.4; margin-bottom:15px}
		.rews-author {display:flex; align-items:center; margin-top:60px}
			.rews-author a {display:block; padding:10px; background:#4a76a8; color:#fff; text-decoration:none; font-family:frahv;  margin-left:20px;border-radius: 25px;letter-spacing: 1px;font-size: 20px; transition:.2s}
				.rews-author a:hover {background:#ffd302;color:#4d4d4d;}

/*Документы*/			
.docs {padding:60px 0 80px 0;background:#f2f2f2}			 	
	.docs-wrapper {position:relative; }
		
		.s-arrow {display:block; font-size:80px; position:absolute; top:50%; margin-top:-42px;  color:#ffd302; transition:.2s}
			.docs-prev {left:-50px}
			.docs-next {right:-50px}
			
			.s-arrow:hover {color:#4d4d4d; cursor:pointer}
		.docs-slider a {display:block; transition:.2s;}
				.docs-slider a:hover {opacity:0.8}
			.docs-slider img {display:block; width:250px; border:5px solid #292929; margin:0 auto}


/*Схема работы*/
.shema {padding:60px 0;}	

	.shema-flex {display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap}
		.shema-flex-separ{width:33.333333%; }
		.shema-flex-item {width:33.333333%; margin-bottom:0px; position:relative}
			.shema-flex-item-inner {width:300px; margin:0 auto; text-align:center;}
				.shema-flex-item-inner img {margin:0 auto; display:block; max-width:140px}
		
				.shema-flex-item-inner p {margin-top:15px; line-height:1.5 }
					.shema-flex-item-inner strong {font-weight:700}
		
				.shema-flex-btn {font-size:20px; display:table;background:#ffd302; padding:5px 25px; color:#4d4d4d; text-decoration:none; border-radius:30px; text-align:center;transition:.2s; margin:10px auto 0 auto}
					.shema-flex-btn:hover {box-shadow: 0px -2px 0px 0px #4d4d4d inset;}
		
		._first .shema-flex-item-inner  {margin:0}
		._third {text-align:right;margin-top: -50px;margin-bottom: 20px;}
			._third .shema-flex-item-inner  {    display: inline-block;}
		._fifth .shema-flex-item-inner  {margin:0}
		
		._first:after {display:block; position:absolute; content:''; top:68px; left:240px; width:270px; height:8px; background:url(../images/shema/a1.png); background-size:cover}
		
		._second:after {display:block; position:absolute; content:''; top:68px; left:322px; width:330px; height:129px; background:url(../images/shema/a2.png); background-size:cover}
		
		._fourth:after {display:block; position:absolute; content:''; top:8px; left:324px; width:330px; height:71px; background:url(../images/shema/a3.png); background-size:cover}
		
		._fifth:after {display:block; position:absolute; content:''; top:68px; left:240px; width:270px; height:8px; background:url(../images/shema/a4.png); background-size:cover}

/*навигация футер*/		
nav.nav-wrapper {background:RGBA(255,255,255,0.95); width:100%; }
	nav.nav-wrapper .wrapper {display:flex; justify-content:space-between; align-items:center; padding:30px 0 }

	nav .nav-text {line-height:1.8}
		nav .nav-text a {color:#4d4d4d; text-decoration:none;  border-bottom:1px solid transparent; transition:.2s}
			nav .nav-text a:hover {border-bottom-color:#4d4d4d}

/*Форма связи модальные*/
.c-modal-wrapper {}
	.c-modal-header {text-align:center; padding:20px 0; background:#4d4d4d; color:#fff; border-radius:4px 4px 0 0 }
	.c-modal-form {width:400px;padding:30px; background:#fff; border-radius:0 0 4px 4px}
		.c-modal-form-input {position:relative;margin-bottom:20px} 
			.c-modal-form-input input {display:block; width:100%; line-height:55px; height:55px;font-family: 'Roboto', sans-serif; font-weight:400;color:#4d4d4d; font-size:18px; padding:0 10px 0 50px; box-sizing:border-box; border-radius:4px; border:1px solid #8a8a8a}
			.c-modal-form-input label {position:absolute;color:#4d4d4d; font-size:22px;   top:16px; left:20px; }
				
			.c-modal-form button {display:block; width:100%; line-height:55px; height:55px;font-family: 'Roboto', sans-serif; font-weight:400;color:#4d4d4d; font-size:18px;box-sizing:border-box; border-radius:4px; border:none; background:#ffd302; cursor:pointer;font-weight:700; border-bottom:3px solid #b78c26; transition:.2s }
				.c-modal-form button:hover {border-bottom:2px solid  #4d4d4d;	}
	
	.c-modal-form-p{text-align: center;font-size: 14px;margin-top: 20px; padding: 0 40px;}
	
	.c-modal-form-input._file {cursor:pointer}
		.c-modal-form-input._file  label {left:14px}
		.c-modal-form-input-file {display:block; width:100%; height:100%; cursor:pointer; position:absolute; top:0; left:0; opacity:0}
		
/*Портфолио модальное*/
.p-modal {width:1000px; }
	.p-modal-wrapper {padding:30px 50px; background:#fff;overflow-y: auto;overflow-x: hidden;max-height: 98vh; position:relative}
		
		.p-modal-wrapper-item:not(.active) {display:none}
		
		.p-modal-wrapper-item-wrapper {display:flex; justify-content:space-between}
			.p-modal-gallery {width:500px}
				.p-modal-gallery-main-wrapper {width:100%; display:flex;align-items:center; justify-content:center; max-height:370px; margin-bottom:10px; overflow:hidden}
					.p-modal-gallery-main {display:block; width:100%;}
				
				.p-modal-gallery-prev {display:flex; flex-wrap:wrap; margin-left:-1.5%; margin-right:-1.5%}
					.p-modal-gallery-prev div {width:23%; margin:0 1% 1% 1%;   display:flex; align-items:center; justify-content:center; border:1px solid #ffd302;box-sizing:border-box; overflow:hidden; max-height:80px; position:relative;cursor:pointer;}
						.p-modal-gallery-prev div img {width:100%; display:block}
						
						.p-modal-gallery-prev div:after {content:''; display:block; width:100%; height:100%; background:#ffd302; opacity:0; position:absolute; top:0; left:0; z-index:5; transition:.2s}
						.p-modal-gallery-prev div:hover:after {opacity:0.3}
						.p-modal-gallery-prev div.active:after {opacity:0.3}


			.p-modal-text {width:350px}
				.p-modal-text-header {text-transform: uppercase;font-size: 25px;font-weight: 700;line-height: 1.3; border-bottom:2px solid #ffd302; padding-bottom:15px; margin-bottom:15px}
					.p-modal-text-header sup {vertical-align: super;}
				.p-modal-text-param {border-bottom:2px solid #ffd302; margin-bottom:15px}
					.p-modal-text-param p {margin-bottom:15px}
						.p-modal-text-param p strong {font-weight:bold}
				.p-modal-text-form-title {text-align:center; margin-bottom:20px}
				.p-modal-text form {width:100%}
					.p-modal-text input{border: 1px solid #8a8a8a;}


		.modal-slider-prev {position:absolute; top:50%; left:-7px; cursor:pointer; margin-top:-30px;user-select:none}
			.modal-slider-prev i {font-size:60px; color:#4d4d4d; cursor:pointer; transition:.2s;user-select:none}
				.modal-slider-prev i:hover {color:#ffd302}
				
		.modal-slider-next {position:absolute; top:50%; right:-7px; cursor:pointer; margin-top:-30px;user-select:none}
			.modal-slider-next i {font-size:60px;color:#4d4d4d; cursor:pointer;transition:.2s;user-select:none}
				.modal-slider-next i:hover {color:#ffd302}
			
/*Всплывающие уведомления*/
#send-notify{visibility: hidden;width:500px;  margin-left: -250px;background-color: #333;color: #fff;text-align: center;border-radius: 2px;padding: 16px;position: fixed;z-index: 10000000000;left: 50%;bottom: 30px;font-size: 15px;}
	#send-notify.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;animation: fadein 0.5s, fadeout 0.5s 2.5s;}

	#send-notify._error{background:#ffd302; color:#4d4d4d}
	
@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}

@-webkit-keyframes fadeout {from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 30px; opacity: 1;}to {bottom: 0; opacity: 0;}}		






/*---------АДПТИВ----------*/
@media (max-width:1250px){
	
	.wrapper {width:98%;}
	
	/*Шапка*/
	.site-title {text-align:center;}
	.site-subtitle {margin:60px auto}
	.header-flex {flex-wrap:wrap; justify-content:center}
		.header-flex-item {margin:0 15px 10px 15px; }
		
	/*Отзывы*/
	.s-arrow {display:none !important}
	
	/*Схема работы*/
	._first:after {display:none;}
	._second:after {display:none;}
	._fourth:after {display:none;}
	._fifth:after {display:none;}
	
	.shema-flex {justify-content:center}
		.shema-flex-item {width:35%; margin-top:0; margin-bottom:30px}
			.shema-flex-item-inner {margin:0 auto !important; display:block !important; width:95%}
			
			._fifth {order:5}
		.shema-flex-separ {display:none}
	
}

@media (max-width:1050px){
	
	/*Модальнео портфолио*/
	.p-modal {width:98vw}
		.p-modal-text {margin-left:15px}
	
}
@media (max-width:960px){
	.fr-title {font-size:37px;}
	
	/*Навигация*/
	.header .nav-wrapper .wrapper {flex-wrap:wrap}
		.header .nav-wrapper .nav-text {width:100%; text-align:center; margin-bottom:10px}
			.header .nav-wrapper .nav-text br {display:none}
			.nav-logo {width:50%}
				.nav-logo img {margin:0 auto}
			.nav-tools {width:50%;align-items: center;}
				.nav-tools-flex-soc {width:25px; margin-right:15px}
				.nav-tools-flex-tel {font-size:22px}
				
				.nav-tools-btn {padding:5px 23px; font-size:16px;  }
					
	/*Работы*/
	.what-flex-item-header {font-size:24px}
	.what-flex-item-body {height:220px;}
	.what-flex-item-btn {font-size:18px;    margin-bottom: 20px; max-width:90%}

	
	/*Форма связи*/
	.callback {padding:30px 0}
		.callback .wrapper {flex-direction: column;justify-content: center;align-items: center;}
			.callback-form {width:100%;max-width: 480px; margin-top:30px}
			
	/*Почему мы*/
	.features-flex {flex-wrap:wrap; }
		.features-flex-item {width:48%; margin-bottom:30px}
			.features-flex-item-title {height:auto}
			
	/*Схема работы*/
	.shema-flex-item {width:48%;}
	
	/*футер*/
	._footer {}
		._footer.nav-wrapper .wrapper {flex-wrap:wrap}
			._footer .nav-text {width:100%; order:3; padding-top:20px; text-align:center;}
			
	
}


@media (max-width:850px){
	
	/*Отзывы*/
	.rews-slider-item-inner {display:block}
		.rews-slider-item-inner img {margin:0 auto 30px auto}
		.rews-text-icon {position:static; float:left; margin:0 20px 20px 0}
		
	/*Модальнео портфолио*/
	.p-modal {width:auto}
		.p-modal-wrapper-item-wrapper {flex-wrap:wrap;flex-direction: column-reverse; }
			.p-modal-gallery {margin:0 auto;}
			.p-modal-text {width: 500px; margin: 0 auto 20px auto; }
	
}
@media (max-width:650px){
	.fr-title { margin-bottom:30px;}
	.hide650 {display:none}
	
	/*Навигация*/
	.nav-tools-btn {font-size:18px;padding: 5px 16px;}
	.header .nav-wrapper .nav-text {font-size:14px}
	
	/*Шапка*/
	.site-title {font-size:40px}
	.site-subtitle {margin:30px auto}
	.header-flex {margin-bottom:30px}
	.header-btn {font-size:18px; margin-bottom:0}
	
	/*Работы*/
	.what {padding-top:30px}
	.what-flex-item {width:100%; margin-bottom:30px; max-width:100%}
	
	/*Форма связи*/
	.callback-text {text-align:center;}
		.callback-text-title:after {margin-left:auto; margin-right:auto;}
	
	/*Почему мы*/
	.features-flex {justify-content:center}
	.features-flex-item {width:100%; max-width:400px}
	.features-btn {font-size:18px;}
	
	/*Отзывы*/
	.rews-slider-item-inner {padding:0 15px}
	.rews-text-icon  {display:none}
	
	.s-arrow {display:block !important; top:100px; z-index:50; }
		.rews-prev {left:0;}
		.rews-next {right:0;}
	/*Схема работы*/
	.shema-flex-item {width:95%}
	.shema-flex-btn {font-size:18px}
	
	/*Модальнео портфолио*/
	.p-modal-wrapper {padding:15px 30px}
		.p-modal-gallery  {width: 100%;}
			.modal-slider-prev {left:-8px}
				.modal-slider-prev i {font-size:40px}
			.modal-slider-next {right:-8px}
				.modal-slider-next i {font-size:40px}
		
		.p-modal-text {width: 100%;}
			.p-modal-text .callback-form  {margin-top:0}
			.p-modal-text-header  {margin-bottom:10px; padding-bottom:10px;     font-size: 18px;line-height: 1;text-align: center;}
			.p-modal-text-form-title {font-size:14px;margin-bottom: 10px;}
			
			.p-modal-text .callback-form-input input {height: 35px; line-height:35px; margin-bottom: 10px; padding-left:35px}
			.p-modal-text .callback-form-input label {font-size: 14px;top: 10px;left: 13px;}
			.p-modal-text .callback-form button {height:35px; line-height:35px ;   font-size: 14px;}
			.p-modal-text  .c-modal-form-p {padding:0; font-size:12px;margin-top: 10px;}
}

@media (max-width:500px){
	/*Навигация*/
	.header .nav-wrapper .nav-text  {display:none}
	
	/*шапка*/
		.nav-logo {width:150px}	
			.nav-logo img {max-width:100px;}
		.nav-tools {width:auto; flex-grow:1; }
}
@media (max-width:420px){
	.fr-title {font-size: 28px;}
	
	/*навигация*/
	.nav-logo {width:120px}
		.nav-logo img {width:80px}
	
	.nav-tools-flex-tel {font-size:16px}
	.nav-tools-btn   {font-size: 12px;padding: 5px 16px;}
	.nav-tools-flex-soc {width: 20px;margin-right: 10px;} 
	
	/*шапка*/
	.header {padding-top:160px}
		.site-title {font-size: 35px;}
		.site-subtitle {font-size:20px; text-align:center}
	
		.header-flex-item span {font-size:40px}
		.header-flex-item p {font-size:16px;}
	
	/*Портфолио*/
	.what-flex-item-header {font-size:18px; padding:10px 0}
	
	/*форма связи*/
	.callback-text {padding:20px}
		.callback-text-title {font-size:18px}
		
	/*Почему мы*/
	.features-flex-item-icon {width:100px; height:100px;}
		.features-flex-item-icon img {max-width:50px}
		
	/*отзывы*/
	.rews-slider-item-inner img {width:150px; margin-bottom:20px}
	.rews-author {margin-top:20px}
	.s-arrow {font-size:60px; top:80px;}
	/*футре*/
	._footer .nav-text {font-size:14px}
	/*модальная форма связи*/
	.c-modal-form {width:290px; padding:30px 10px}
}