@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=cyrillic');
body{line-height:1.4;}
.header {line-height:16px;}
.shapka2-zagolovok {
    font-size: 48px;
    line-height: 55px;
    max-width: 800px;
    margin-bottom: 30px;
    margin-top: 160px;
}

.shapka2-text {
    font-size: 24px;
    line-height: 1.4;
    /* margin-bottom: 200px; */
}
.shapka2-zagolovok span {
    color: #FE6053;
}
.top-bg .inner, .top-bg-catalog .inner {
    margin-top: 0px;
}
.shapka2-zagolovok-text .header-dark {
    height: 132px;
}
.shapka2-zagolovok-text .header-dark .icon {
    width: 20%;
    padding: 55px 0px 0 0px;
}



@media only screen and (min-width: 768px) {
.knopki-v-shapke {
    margin: 25px 0 0 0;
    margin-bottom: 0px;
    text-align: left;
    margin-bottom: 215px;
}}

.shapka2-zagolovok-text .top_form {margin-top: 120px; margin-bottom:200px;}

@media only screen and (max-width: 1200px) {
  .shapka2-zagolovok-text .header-dark .icon br{display: none;}
}

.shapka2-zagolovok-text .header-dark .icon.i1 {background-image:url(../images/icons/1.png);}
.shapka2-zagolovok-text .header-dark .icon.i2 {background-image:url(../images/icons/2.png);}
.shapka2-zagolovok-text .header-dark .icon.i3 {background-image:url(../images/icons/3.png);}
.shapka2-zagolovok-text .header-dark .icon.i4 {background-image:url(../images/icons/4.png);}
.shapka2-zagolovok-text .header-dark .icon.i5 {background-image:url(../images/icons/5.png);}

.prozrachniy {margin:0 auto;  /*width:210px; margin-top:-220px;*/ margin-bottom: 230px;display: flex;/*justify-content: center;*/align-items: center;}
.prozrachniy .button {background:#FE6053; border-radius:10em; font-size:21px; text-transform:uppercase; padding:10px 35px 5px 35px;flex-shrink: 0;/*width: 50%;*/ max-width: 270px;height: 33px;margin: 0 10px;}
.prozrachniy .button-action-slider.button{padding:12px 10px;background: #fff; color: #333;}
.prozrachniy .button-action-slider.button span { font-size: 14px; line-height: 23px; opacity: 0.7; display: block; }
@media only screen and (max-width: 768px) {
  .prozrachniy .button-action-slider.button{display: none;}
}
.prozrachniy.black { margin-top:0;}
.prozrachniy.black .button {background:#000; color:#fff;}





.shapka2-zagolovok-text > .inner{display: flex;justify-content: space-between;}
.shapka2-wrap-right{margin-top: 200px;flex-shrink: 0;max-width: 390px;}
.shapka2-wrap-right__content{border: 1px solid #FE6053; border-radius: 20px; padding: 15px; background: rgba(0,0,0,0.3); }
.shapka2-wrap-right__title{margin-bottom: 20px; text-align: center;font-size: 24px;}
.shapka2-wrap-right__item{font-size: 18px; line-height:1.4;font-weight: 300;padding-left: 60px;background-repeat: no-repeat;background-position: left center;}
.shapka2-wrap-right__item.one{background-image: url('../images/icons/shapka2-wrap-right__item1.png');margin-bottom: 20px;}
.shapka2-wrap-right__item.two{background-image: url('../images/icons/shapka2-wrap-right__item2.png');}
@media screen and (max-width: 768px) {
  .shapka2-zagolovok-text > .inner{flex-wrap: wrap;}
  .shapka2-wrap-left,.shapka2-wrap-right{width: 100%;}
  .shapka2-wrap-right{margin: 15px auto 200px auto;}
  .prozrachniy{justify-content: center;margin-bottom: 30px;}
  .shapka2-wrap-right__title{font-size: 20px;}
  .shapka2-wrap-right__item{font-size: 15px;}
}







/*-------------- Global correction ----------------*/
.container-fluid{max-width:1264px;margin: auto;}
.top-bg, .block-portfolio, .top_form, .zayavka, .block-reviews, .index-block-4, .inner{box-sizing: content-box;}
.top_form .button{box-sizing: border-box;}
.page-services .container, .page-stoimost-landing-page .container, .page-portfolio .container, .page-contacts .container, .page-reviews .container, .page-blog .container{max-width: 100%;}
/*.page-stoimost-landing-page .container{margin: 0;}*/
/*-------------- Global correction ----------------*/



/*-------------- Подход к продвижению ----------------*/
.approach {float: left;width: 100%;padding: 0px 0 70px;}
.approach__item{margin-top: 40px;text-align: center;}
.approach__title{font-size: 16px;color: #FE6053;margin-top: 20px;margin-bottom: 0px; font-weight:bold;}
.approach__text{font-size: 16px;}
/*-------------- / Подход к продвижению ----------------*/



.promotion-options{background: url('../images/pbg.jpg') no-repeat center; background-size: cover; padding: 30px 0 50px; background-attachment: fixed;}



/*-------------- Новый сайт бесплатно ----------------*/
.new-site-free{padding: 50px 0;background-color: #fff;float: left;width: 100%;}
.new-site-free .btn{background-color: #FE6053;color: #ffffff;border-radius: 10em;padding: 12px 25px;display: block;margin: 20px auto; max-width: 525px;text-align: center;font-size: 18px;transition: .2s;}
.new-site-free .btn:hover{text-decoration: none;opacity: 0.9;}
/*-------------- / Новый сайт бесплатно ----------------*/


/*-------------- Новый сайт бесплатно ----------------*/
.digital-market{float: left;width: 100%; background: url('../images/digital-market/digital-market.jpg') no-repeat center; background-size: cover; padding: 30px 0 50px; background-attachment: fixed;color: #ffffff;}
.digital-market * {box-sizing: border-box;}
.digital-market .text{color: #ffffff;}
.digital-market__flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.digital-market__item{width: 33%;background-color: rgba(0,0,0,.6);padding: 10px 15px;border-radius: 10px;margin-top: 30px;}
.digital-market__title{font-size: 24px;text-align: center;margin-bottom: 15px;}
.digital-market__text{background-repeat: no-repeat;background-position: 100% 0%;font-size: 13px;font-weight: 300;padding-right: 85px;}
.digital-market .bottom-text{text-align: center;font-size: 18px;color: #ffffff;margin-top: 40px;margin-bottom: 40px;}
.digital-market .btn{max-width: 280px;display: block;margin: auto;background-color: #fff; border-radius: 10em;color: #FE6053;font-size: 18px;text-align: center;padding: 12px 25px;transition: .2s;}
.digital-market .btn:hover{text-decoration: none;opacity: 0.9;}
@media only screen and (max-width: 992px) {
  .digital-market__item{width: calc(50% - 10px);}
}
@media only screen and (max-width: 768px) {
  .digital-market__item{width: 100%;}
  .digital-market__text{min-height: 75px;}
  .digital-market__title{font-size: 20px;}
}
/*-------------- / Новый сайт бесплатно ----------------*/



/*-------------- Команда ----------------*/
.team-with-u{float: left;width: 100%;padding: 30px 0 50px;background-color: #ededed;}
.team-with-u * {box-sizing: border-box;}
.team-with-u .title{margin-bottom: 35px;}
.team-with-u__flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.team-with-u__item{width: calc(33% - 15px);text-align: center;margin-bottom: 30px;background-color: #fff;border-radius: 10px;padding: 10px 15px;}
.team-with-u__title{font-size: 24px;color: #484848;margin-bottom: 20px;}
.team-with-u__text{font-size: 14px;color: #484848;font-weight: 300;margin-top: 15px;text-align: left;}
@media only screen and (max-width: 992px) {
  .team-with-u__item{width: calc(50% - 15px);}
}
@media only screen and (max-width: 576px) {
  .team-with-u__item{width: 100%;}
  .team-with-u__title{font-size: 20px;}
}
.team-with-u .text{font-size: 26px;color: #484848;margin-top: 30px;margin-bottom: 30px; font-weight:bold; color:#FE6053;}
.team-with-u__flex3 .team-with-u__item{width: calc(25% - 15px);}
.team-with-u__flex3 .team-with-u__title{min-height: 63px;line-height:1.4;}
@media only screen and (max-width: 992px) {
  .team-with-u__flex3 .team-with-u__item{width: calc(50% - 15px);}
}
@media only screen and (max-width: 576px) {
  .team-with-u__flex3 .team-with-u__item{width: 100%;}
  .team-with-u__flex3 .team-with-u__title{min-height: auto;}
  .team-with-u .text{font-size: 21px;}
}
/*-------------- / команда ----------------*/



/*-------------- Фин. гарантии ----------------*/
.money-garanty{float: left;width: 100%;padding: 50px 0;background: url('../images/slide-calc.jpg') no-repeat center; background-size: cover;background-attachment: fixed;}
.money-garanty *{box-sizing: border-box;}
.money-garanty__flex{display: flex;justify-content: center;flex-wrap: wrap;}
.money-garanty__item{max-width: 480px;color: #ffffff;border-radius: 15px;border: 1px solid #FE6053;background-color:rgba(255,255,255,.1);width: 100%;margin: 15px;text-align: center;padding: 35px;}
.money-garanty__text{font-size: 24px;font-weight: 300;margin-top: 20px;line-height: 1.4;}
@media only screen and (max-width: 768px) {
  .money-garanty__item{width: 100%;}
  .money-garanty__text{font-size: 17px;}
}
.money-garanty .btn{background-color: #FE6053; border-radius: 10em; color: #ffffff; display: block; margin: 20px auto;
  max-width: 260px; padding: 10px; text-align: center; font-weight: bold;cursor: pointer;font-size: 16px;}
  .money-garanty .btn:Hover{text-decoration: none;}
/*-------------- / Ñ"ин. гарантии ----------------*/

.btn{cursor: pointer;}
/************************ ntc ***************************/
.ntc {
    display: flex;
    background: #fff;
	border-radius: 15px;
	overflow: hidden;
}
.ntc .item {
    width: 50%;
    padding: 0px;
}
.ntc ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}
.ntc .ntc-title {
    font-size: 20px;
    color: #FE6053;
	font-weight: bold;
}
.ntc .box-2, .box-1 {
	padding: 10px;
}

.ntc .box-2 {
    overflow: hidden;
    position: relative;
}
.ntc .box-2 .more {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
	text-align: center;
    color: #2a2f36;
	line-height: 40px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(63%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.ntc .box-2 .more i {
	line-height: 40px;
}





/*-------------- Новый сайт бесплатно ----------------*/
.digital-market{float: left;width: 100%; background: url('../images/pbg.jpg') no-repeat center; background-size: cover; padding: 30px 0 50px; background-attachment: fixed;color: #ffffff;}
.digital-market * {box-sizing: border-box;}
.digital-market .text{color: #ffffff;}
.digital-market__flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.digital-market__item{width: 33%;background-color: rgba(0,0,0,.6);padding: 10px 15px;border-radius: 10px;margin-top: 30px;}
.digital-market__title{font-size: 24px;text-align: center;margin-bottom: 15px;}
.digital-market__text{background-repeat: no-repeat;background-position: 100% 0%;font-size: 13px;font-weight: 300;padding-right: 85px;}
.digital-market .bottom-text{text-align: center;font-size: 18px;color: #ffffff;margin-top: 40px;margin-bottom: 40px;}
.digital-market .btn{max-width: 280px;display: block;margin: auto;background-color: #fff; border-radius: 10em;color: #FE6053;font-size: 18px;text-align: center;padding: 12px 25px;transition: .2s;}
.digital-market .btn:hover{text-decoration: none;opacity: 0.9;}
@media only screen and (max-width: 992px) {
  .digital-market__item{width: calc(50% - 10px);}
}
@media only screen and (max-width: 768px) {
  .digital-market__item{width: 100%;}
  .digital-market__text{min-height: 75px;}
  .digital-market__title{font-size: 20px;}
}
/*-------------- / Новый сайт бесплатно ----------------*/


.top_form .div-phone input[type='text'], .PopUp input[type="text"]#phone_number {
    background: url(../images/messengers2.png) no-repeat right 5px center #fff;
}


.title:not(.white) {
    color: #FE6053;
}
.text{font-size: 16px; color: #363535; line-height: 1.4em; text-align: center;}





/*-------------------------cases-----------------------------*/
.block-cases { width:100%;float: left; background: url("../images/digital-market/digital-market.jpg") top center no-repeat; /*max-height: 650px;*/ background-size: cover;
	padding-bottom:30px; color: #ffffff;background-attachment: fixed;}
.block-cases.wbg { background: #F2F1F0; padding-bottom:0px; max-height:none; }
.block-cases .case-name {font-size: 26px; line-height:1.25em}
.block-cases .jcarousel-wrapper {width: 93%; padding: 0px 3.5%;}
.block-cases .moreblog {margin:23px auto; margin-bottom:0;}
.block-cases .moreblog a, .block-portfolio .ajaxloadportfolio span {padding-left:0; padding-right:0;}
.block-cases .ulcenter {text-align:center;}
.section .box{display: none;float:left;width: 100%;}
.section .visible.box{display: block;}
.block-cases .jcarousel-wrapper li {text-align: center; padding:7px;}
.block-cases li img{display: inline-block!important;}
.block-cases .imgdiv{overflow: hidden;margin:0 auto;}
.block-cases li img {width: 100%; max-width:460px;}
.block-cases li .title-label {position: absolute;bottom: 0px;left:0px;width: 100%;height: 55px;    background: rgba(243,242,241,0.9);/*color:#777;*/font-size: 14px;line-height: 55px;}
.block-cases .imgdiv{position: relative;}
.block-cases .text-podrobnee {font-size:18px;}
.jcarousel-pagination-portf{text-align: center;margin-bottom: 20px;}
.jcarousel-wrapper li{float:left;}
.jcarousel-wrapper>div{   overflow: hidden;position: relative;}
.jcarousel-wrapper ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
.block-cases .jcarousel-control-prev-portf-all {left: 0px; /*background: url(../images/cases_nav.png) top left no-repeat;*/}
.block-cases .jcarousel-control-next-portf-all {right: 0px; /*background: url(../images/cases_nav.png) top right no-repeat;*/}




.inner-icons{position: absolute;top:50%; margin-top:-7%;width: 100%;z-index: 2;display: none;}
.inner-icons .icon-1{background: url(../../../images/portfolio-icon-1.png) left 5px center no-repeat #FE6053;padding: 5px 10px 5px 25px;color:#2a2f36;font-size: 12px;}
.inner-icons .icon-2{background: url(../../../images/portfolio-icon-2.png) left 5px center no-repeat #FE6053;padding: 5px 10px 5px 32px;color:#2a2f36;font-size: 12px;}

.inner-icons .icon-3{background: url(../../../images/portfolio-icon-3.png) left 5px center no-repeat #FE6053;padding: 5px 10px 5px 25px;color:#2a2f36;font-size: 12px;}





.block-cases .imgdiv:hover .portfolio-bg{display: block; cursor: pointer;}
/*.block-cases  .imgdiv:hover .inner-icons{display: block;}*/
.block-cases .txt-container {
    width: 59%;
	/*height: 555px;*/
  /* background: url("../images/cases_txt_bg.jpg") top left no-repeat; */
	box-sizing: border-box;
	float: left;
}
.page-cases .block-cases .txt-container {padding-top:0;}
.block-cases .txt-container .txt {
	text-align: left;
	/* width: 560px; */
	margin: 0 auto;
	font-size: 14px;
	line-height:1.5em;
	
}
.block-cases.wbg .txt-container .txt {
	color: #000;
}
/* .block-cases .txt-container .txt * {

} */
.block-cases .txt-container .txt p {
	margin-bottom: 20px; line-height:1.5em;
}

.block-cases .txt-container .txt h2 {
	font-size: 30px;
	margin: 0;
	font-weight: normal;
}
.block-cases .cases-phone {
	/*height: 555px;*/
	width:39%;
	padding-left:2%;
	/*max-height:400px;*/ 
	overflow:hidden;
	float: right;
	position: relative;
	/*background: url("../images/cases_phone.png") top left no-repeat;*/
}

.block-cases .cases-phone img {
	/*width: 282px;
	height: auto;*/
}
.cases-list {
	list-style: none;
	width: 100%;
	margin: 0;
	padding-top: 30px;
}
.cases-list .imgdiv {
	margin: 0 auto;
	border-bottom: solid 2px #FE6053;
	padding-bottom: 30px;
}
.cases-list li {
	/*background: url(../images/cases_bg.jpg) top center no-repeat;
	max-height: 615px;*/
	padding: 0px 0 30px;
	box-sizing: border-box;
	/*margin-bottom: 30px;*/
	
}
.cases-list li:last-child {
	margin-bottom: 0;
}
.container.cases-contaoner {
	margin: 0;
}
.text-center {
	text-align: center;
}
@media screen and (max-width: 1200px) {
	.block-cases .txt-container {
		/* background: #fff; */
	}
	.block-cases {
		height: auto;
		max-height: none;
	}
}
@media screen and (max-width: 1024px) {
	.block-cases .txt-container {
		
	}

}
@media screen and (max-width: 768px) {
	.block-cases .cases-phone {
		float: none;
    margin: 0 auto 20px;
    display: none;
	}
	.block-cases .txt-container {
		float: none;
		width: 100%;
		/* background: #fff; */
		padding-bottom: 10px;
	}
	.block-cases .txt-container .txt {
		margin-left:0;
		width: 100%;
		box-sizing: border-box;
	}
	.block-cases .txt-container .txt p {
		margin-bottom: 10px;
	}
	.block-cases .txt-container .txt h2 {
		font-size: 26px;
	}
	.block-cases {
		max-height: none;
	}
	.cases-list .imgdiv {
		width: 100%;
		margin: 0 auto;
	}
	.ntc { display: block;}
	.ntc .item {
    width: 100%;}
	
	.shapka2-zagolovok {
    font-size: 32px;
    line-height: 40px;
	margin-top: 130px;
}
.shapka2-text {
    font-size: 16px;}
	
	.knopki-v-shapke {
    margin-bottom: 40px;
}

.shapka2-zagolovok-text .header-dark .icon.i1 {display:none;}
.shapka2-zagolovok-text .header-dark .icon {margin-top: 15px; width: 23%;
    padding: 45px 1% 0 1%;}
.shapka2-zagolovok-text .header-dark {
    height: 145px;
}


/*.shapka2-wrap-right, .shapka2-zagolovok-text .header-dark, .index-cats.view2 {display:none;}*/
	
}
.block-cases .btn{display: block;background-color: #FE6053;
  border-radius: 10em;
  color: #ffffff;
  display: block;
  margin: 20px auto;
  max-width: 200px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
transition: .2s;}
  .block-cases .btn:hover{text-decoration: none;opacity: 0.9;}
/*-------------------------/cases-----------------------------*/