.container-fluid {
    max-width: 1244px;
}

.no-float {
	float: none;
}
.breadcrumbs {
	box-sizing:content-box;
}

.pricetable .pricemodule {
    border: 0;
}
.top-bg, .block-portfolio, .top_form, .zayavka, .block-reviews, .index-block-4, .inner {
    box-sizing: content-box;
}
.index-cats.view2, .portfolio-cats.list {
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0;
}
.page-services .container, .page-stoimost-landing-page .container, .page-portfolio .container, .page-contacts .container, .page-reviews .container, .page-blog .container {
    max-width: 100%;
}


/*-------------------------Продвижение аккаунта-----------------------------*/
.seo-account{float: left; width: 100%;}
.seo-account__item{display: flex; align-items: center; margin: 25px 0;}
.seo-account__item img{margin-right: 15px; width: 65px; min-width: 35px;}
.seo-account__item .item-img{width: 99px;}
.seo-account__content{font-size: 24px; line-height: 27px;}


.prozrachniy .button {
    display: block;
    border: 2px solid #fff;
    background: none;
    border-radius: 10em;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 25px;
    font-weight: bold;
}

.block-text .prozrachniy .button{color: #fff; font-size: 14px; /*border: 1px solid #c389d3;*/        background: #FE6053;}
.block-text .prozrachniy {
    margin: 60px auto 40px auto;
}
.prozrachniy {
    margin: 0;
    width: 200px;
    margin-bottom: 220px;
}

/*-------------------------SEO-----------------------------*/
.block-seo {
    width: 100%;
    float: left;
}
.block-seo{padding: 80px 0; background: url('/images/pbg.jpg') no-repeat center; background-size: cover;}
.block-seo .title{margin: 0px;}
.insta-item{padding-left: 20px; margin-top: 40px;}
.insta-item img{display: block; margin: 0 auto 50px auto; height: 100px; max-width: 100%; width: auto;}
.insta-title{font-size: 24px; font-weight: bold; text-align: left; text-transform: uppercase; margin-bottom: 25px; line-height: 1.4em;}
.insta-item ol, .insta-item ul {margin-left: 20px; text-align: left;}
.insta-item ol li, .insta-item ul li{font-size: 16px; line-height: 1.6em;}

.settings {
    background: #fff;
}

/*-------------------------settings-----------------------------*/
.advert{width: 100%; float: left; background: url('../images/bg-advert.jpg') no-repeat center bottom; background-size: cover; padding: 0 0 50px 0;}

/* .advert__item:first-child{margin-top: 0;} */
.advert__item {display: flex; align-items: center; color:#fff; margin-top: -40px;}
.advert__item__content {margin-left: 90px;}
.advert__item__content__title{text-transform: uppercase; font-size: 24px; margin-bottom: 35px; line-height: 1.3em;}
.advert__item__content__txt{font-size: 16px; line-height: 1.2em;}

.advert__item img{max-width: 24%; height: auto;}

.advert__item.right{justify-content: flex-end;}
.advert__item.right .advert__item__content{margin-left: 0px; margin-right: 90px; text-align: right;}

.block-text .action-text{text-align: center; color:#484848; font-size: 24px; text-transform: uppercase; line-height: 36px;}

.block-text .prozrachniy{margin: 60px auto 40px auto;}

/*-------------------------Тарифы-----------------------------*/
.tarif{background: url('/images/pbg.jpg') no-repeat center; background-size: cover; padding: 100px 0 90px;}
.tarif .title{margin-bottom: 60px;}


/*конструктор цен2*/
.pricetable {width:100%; text-align:center; margin-top:-10px;}
.pricetable .pricemodule {vertical-align:top; line-height:18px; width:32.33%; display:inline-block; margin:10px 0%; background:#fff; /*box-shadow: 0px 0px 0px 1px #ddd;*/ border:0px solid #d7d7d7; box-sizing: border-box; border-radius: 15px; /*background:#F3FCF9*/}
.pricetable .pricemodule.premium {/*background:#F7F7F7*/}



.pricetable .pricemodule .head {font-size:18px; text-align:center; padding:10px 0; color:#fff; font-weight:bold; border-radius: 15px 15px 0 0;}
.pricetable .pricemodule.standart .head {background: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%);}
.pricetable .pricemodule.premium .head {background: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%);}
.pricetable .pricemodule.premiumfull .head {background: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%);}

.pricetable .pricemodule .center {padding:10px; text-align:left}
.pricetable .pricemodule .center .vhodit {font-weight:bold;}
.pricetable .pricemodule .center .vhodit .smallhead {background: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%); padding:0 5px; color:#fff; border-radius:5px;}
.pricetable .pricemodule.premium .center .vhodit .smallhead {background: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%);}
.pricetable .pricemodule .center ul {margin-left:15px; list-style:disc;}

.pricetable .pricemodule .foot {text-align:center; border-top: 1px solid #ddd;}
.pricetable .pricemodule .foot .ftop {padding:10px 0 0 0; font-weight:bold; font-size:14px;}
/*.pricetable .pricemodule.standart .foot .ftop {color:#888}
.pricetable .pricemodule.premium .ftop {color:#31b380;}
.pricetable .pricemodule.premiumfull .ftop {color:#5988BD;}*/
.pricetable .pricemodule .foot .ftop {color:#666;}


.pricetable .pricemodule .foot .fbottom {padding:5px 0 10px 0;}


.pricetable .pricemodule .foot .left {padding:0 15px;}
/*.pricetable .pricemodule .foot .left.sites {display:none;}*/
.pricetable .pricemodule .foot .right {padding:0 15px;}
.pricetable .pricemodule .foot .number {font-size:120%;}
.pricetable .pricemodule .foot .divbutton {width: 52%; margin: 0px auto;}
.pricetable .pricemodule .foot .button {padding: 7px 0; font-size: 14px; font-weight:bold; color:#fff; border-radius:15px;}


.pricetable .moreblog {margin-top:15px; width:240px;}
.pricetable .moreblog a {background:#5988BD; font-weight:bold; padding:15px; font-size:16px;}
.pricetable .center p.watchall {margin-top: 6px; margin-bottom:8px; cursor:pointer; color:#5988BD; font-weight:bold;}
.pricetable .center p.watchall:hover {opacity:0.8;}
.pricetable .center p.watchall span {border-bottom: 1px dashed #5988BD; padding-bottom:3px;}


/*-------------------------Преимущества-----------------------------*/
.advantages{background: #fff;}
.advantages p{font-size: 14px; line-height:1.3; color: #484848;}


/*-------------------------Команда-----------------------------*/
.team{float: left; width: 100%;     background: url(/images/pbg.jpg) no-repeat center; background-size: cover; text-align: center;}
.team .title{margin-top: 100px;}
.team__item{color: #fff; margin: 20px auto;}
.team__item__title{margin: 35px 0; text-transform: uppercase; font-size: 24px; font-weight: bold; line-height: 1.3em;}
.team__item__txt{font-size: 16px; line-height: 1.3em;}
.txt-bottom-block{text-transform: uppercase; color: #fff; font-size: 24px; line-height: 36px; margin: 60px auto 130px;}





/*-------------------------Как работаем-----------------------------*/
.how-to-works{float: left; width: 100%; background: url('../images/bg-how-work.jpg') no-repeat center; background-size: cover; padding: 90px 0;}

.timeline .container{margin: 25px auto; float: none;}

.timeline {
	padding: 40px 0; }
	.timeline-item {
		padding: 10px 0;
		position: relative; }
		.timeline-item::before {
			content: '●';
			position: absolute;
			width: 1px;
			height: 100%;
			background-color: #fff;
			color: #fff;
			font-size: 27px;
			line-height: 230%;
			text-indent: -8px; }
		.timeline-item-title {
			font-size: 24px;
			line-height: 1.2em;
			text-transform: uppercase;
			margin-bottom: 35px;
			font-weight: bold;
		}
		.timeline-item p {
			line-height: 1.4;
			margin: 4px 0 0 0;
			font-size: 14px;
		}
			.timeline-item p span {
				display: block;
				font-size: 12px;
				color: red;
				margin-top: 5px; }
		.timeline-item:nth-child(2n+1) {
			text-align: right;
			padding-right: 90px; }
			.timeline-item:nth-child(2n+1) .timeline-item-title {
				right: 20px; }
			.timeline-item:nth-child(2n+1)::before {
				right: 0; }
		.timeline-item:nth-child(2n) {
			padding-left: 90px;
			text-align: left; }
			.timeline-item:nth-child(2n) .timeline-item-title {
				left: 20px; }
			.timeline-item:nth-child(2n)::before {
				left: -1px; }

@media only screen and (max-width : 768px){
	.how-to-works{
		padding: 40px 0;
	}
	.timeline {
    padding: 0;
	}
	.timeline-item:nth-child(2n+1) {
    padding-right: 50px;
	}
	.timeline-item:nth-child(2n) {
    padding-left: 50px;
	}
}

@media only screen and (max-width : 576px){
	.timeline {
		padding-left: 10px;
		padding-right: 10px;
	}
	.timeline .timeline-item{
		padding-bottom: 30px;
	}
	.timeline .timeline-item:nth-child(2n+1) {
		text-align: left;
		padding-left: 50px;
		padding-right: 0;
	}
	.timeline .timeline-item:nth-child(2n+1) .timeline-item-title {
		left: 20px;
		margin-bottom: 10px;
	}
	.timeline-item:nth-child(2n) .timeline-item-title {
		margin-bottom: 10px;
	}
	.timeline .timeline-item:nth-child(2n+1)::before {
		left: -1px;
	}
}






/*-------------------------cases-----------------------------*/

.block-cases { float: left;
    width: 100%;
    background: url(../images/slide-calc.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
    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 { max-width:400px;width: 100%;}
.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/portfolio-left.png) center left no-repeat !important;
}
.block-cases .jcarousel-control-next-portf-all {
	right: 0px; background: url(../../../images/portfolio-right.png) center right no-repeat !important;
}




.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 #FFECB9;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 #FFECB9;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 #FFECB9;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: 800px;
	/*height: 555px;*/
	padding: 30px 0;
	background: url("../images/cases_txt_bg.jpg") top left no-repeat;
	box-sizing: border-box;
	float: left;
}
.block-cases .txt-container .txt {
	text-align: left;
	width: 560px;
	margin: 0 auto;
	font-size: 14px;
	line-height:1.5em;
}
.block-cases .txt-container .txt * {

}
.block-cases .txt-container .txt p {
	margin-bottom: 20px; line-height:1.5em;
}
.block-cases .txt-container .txt b, .block-cases .txt-container .txt strong {
	font-size: 24px;
	font-weight: normal;
}
.block-cases .txt-container .txt h2 {
	font-size: 30px;
	margin: 0;
	font-weight: normal;
}
.block-cases .cases-phone {
	/*height: 555px;*/
	width: 282px;
	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;
}
.cases-list .imgdiv {
	width: 1140px;
	margin: 0 auto;
}
.cases-list li {
	/*background: url(../images/cases_bg.jpg) top center no-repeat;
	max-height: 615px;*/
	padding: 30px 0;
	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) {
	.cases-list .imgdiv {
		width: 960px;
	}
	.block-cases .txt-container {
        width: calc(100% - 332px);
		background: #fff;
	}
	.block-cases .txt-container .txt {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.block-cases {
		height: auto;
		max-height: none;
	}
}
@media screen and (max-width: 1024px) {
	.cases-list .imgdiv {
		width: 760px;
	}
	.block-cases .txt-container {
		width: calc(100% - 332px);
	}

}
@media screen and (max-width: 768px) {
	.block-cases .cases-phone {
		float: none;
		margin: 0 auto 20px;
	}
	.block-cases .txt-container {
		float: none;
		width: 100%;
		background: #fff;
		padding-bottom: 10px;
	}
	.block-cases .txt-container .txt {
		margin-left:0;
		padding: 0px 20px;
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
	}
	.block-cases .txt-container .txt p {
		margin-bottom: 10px;
	}
	.block-cases .txt-container .txt b, .block-cases .txt-container .txt strong {
		font-size: 18px;
	}
	.block-cases .txt-container .txt h2 {
		font-size: 26px;
	}
	.block-cases {
		max-height: none;
	}
	.cases-list .imgdiv {
		width: 98%;
		margin: 0 auto;
	}
}

/*-------------------------/cases-----------------------------*/














@media screen and (max-width: 992px) {

	.people__wrap{display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 40px;}
	.man{margin-left: 0;}
	.seo-account__content{font-size: 20px;}

}

@media screen and (max-width: 768px) {
	.header .logo{min-width: 50%;}
  .header .headcontacts{min-width: 50%;}
	.header .text-header {display:none;}.header .text-header div {font-size:12px;}
	.page-blog .block-map-form .zayavka .send-order.button{width:100%;}
	#cf{width:100% !important;}
	.cause li {width:48%;  min-width:200px;}
	.header {padding-bottom:0px;}
  .block-map-form .zayavka input[type=text], .block-map-form .zayavka textarea, .block-map-form .zayavka .send-order.button {width:90%;}
  .block-map-form .zayavka .send-order.button{width: 94%;}
	.title img {visibility: hidden;display: none;}
	.footer .fleft {width:50%;}
	.footer .fcenter {display:none; visibility:hidden;}
	.footer .fright {width:50%;}
	.container #slider_reviews ul li {width:98% !important; padding:1% !important; min-height:inherit !important; margin-bottom:30px;}
  .head-navigation{display: none;}
  .index-slider .jcarousel-wrapper{padding-left: 0px;padding-right: 0px;}
 	/* .jcarousel-control-prev-index{opacity: 1!important;}
    .jcarousel-control-next-index{opacity: 1!important;}*/
    .slide-image{display: none;}
	.index-slider {padding-top: 20px;}
	
	/*#slider_reviews li {padding:30px;}*/
	.top-bg .title { font-size:35px; line-height:40px;}
	.top-bg .small_desc { font-size:18px; line-height:22px;}

	.schemstalk {display:none;}

	/*.pricetable .pricemodule {width:50% !important;}*/

	.title {font-size:24px; line-height:30px;}

	.pagetext.context img {width:100%;}
	.pagetext.yellowblock ul li {width:44%; padding:2%;}
	table.support { width:100%; float:left; margin:0px 0;}

	.contatstext, .contatsformright {float:none; width:100%;}
	.contatsformright .contatsform {margin:20px auto;}

	.floatleft {width:97%;}

	.actionspiss li {width:96%; margin-top:15px;}
	.actionspiss li.dark {background:#F2F1F0;}

	.icons4 {width:46%;}

	#slide-banner { display:none !important;}

	.block-blog {display:none;}

	.index-slider .string-3 {display:none;}
	.index-slider .jcarousel-wrapper li {height:auto;}
	.index-slider .dop_string {margin-top:25px;}

	.serviceblock2 .left, .serviceblock2 .right {width:100%; padding:0;}

	.block-service2 .parent1 {width:49%;}

	.block-seo{padding-top: 35px;}
	.block-seo .title {margin-bottom: 20px;}
	.insta-title{font-size: 20px;}
	.advert__item__content {margin-left: 30px;}
	.advert__item.right .advert__item__content { margin-right: 30px;}
	.insta-item img{margin: 0 auto 20px auto;}
	.team__item{margin-bottom: 40px;}
.block-cases .cases-phone {
    display: none;
}
}

@media screen and (max-width: 576px) {

	.advert{padding-bottom: 85px;}
	.advert__item{margin-top: 40px;}
	.advert__item__content__title{margin-bottom: 15px; font-size: 14px;}
	.advert__item:last-child{margin-bottom: 80px;}

	/* .team .title{margin-top: 60px;} */
	.team__item{margin-bottom: 60px;}
	.team__item__title{font-size: 20px;}
	/*.txt-bottom-block { margin: 8px auto 180px;}*/
	.insta-item ol, .insta-item ul{/*text-align: center;*/ margin-left: 0;}
	/*.seo-account{margin-top: -105px;}*/
	/* .advert{background-size: contain;} */
	.footer .fright .backcall a{font-size: 11px;}
}

@media screen and (max-width: 480px) {

.header .logo{min-width: 40%; width: 40%;}
.header .headcontacts{min-width: 60%; width: 60%;}

.actionspiss .title {font-size:16px; line-height:20px;}


	.inner {padding:0 3px;}

	.block-map-form .zayavka .input-file.sendorder {width:95%;}

	.top-bg {min-height:160px;}
	.top-bg .title, .page-services .top-bg .inner.mag .title { font-size:30px; line-height:35px; margin-top:20px;}
	.top-bg .small_desc { font-size:14px; line-height:18px;}

	.footer .fleft {display:none; visibility:hidden;}
	.footer .fcenter {display:none; visibility:hidden;}
	.footer .fright {width:100%;}

	.cause li {width:90%;}
	/*.pricetable .pricemodule {width:97% !important;}*/
	.list1 li {width:100%; padding-left:0; margin:0; background:none !important;}
	.title {font-size:22px; line-height:28px;}
	.block-map-form .formname span {font-size:22px; line-height:26px;}
	.pagetext.yellowblock ul li {width:90%; padding:4%;}

	.gallery-portfolio .info-img .info-left, .gallery-portfolio .info-img a {font-size:11px;}


.support-title ul {width:100%; list-style:disc;}
.support-title ul li { line-height:16px; padding:5px 0; font-size:13px; background:none;}
	.PopUp h3 {font-size:20px;}
	.PopUp .inner, .ajax-loader-inner {padding:15px;}
	.gallery-portfolio .inner {padding: 26px 0 0 0;}

	.top-bg>.inner, .schemstalk>.inner, .index-block-3>.inner, .index-block-4>.inner{overflow: hidden;}



	.audit {width:100%; margin:2.5% 0;}


	.breadcrumbs {display: none;}
	h2 {font-size: 18px; line-height: 22px;}

	.block-map-form .zayavka input[type=text], .block-map-form .zayavka textarea {width:88%;}

	.adaptive2 {width:100%;}


	.services-order a, .services-orderim a {font-size:12px; padding:7px 12px;}

	.blog-all .blog-item{ width:100%;}

	.icons4 {width:96%;}
		

	h3 {    font-size: 15px;
			line-height: 19px;}

	.watchpresentation {font-size:20px; line-height:24px;}
	.shopdemotitle {font-size: 16px; line-height: 20px;}

	.index-slider .string-1 {font-size: 16px; line-height: 26px;}
	.index-slider .dop_string {font-size: 13px; line-height: 18px;}

	.header .headcontacts .dropdown-info {width:170%;}
	.block-service2 .parent1 {width:99%;}
	.top_form {width:95%;}

	.header .logo a img{padding-top: 7px;}
	
	.timeline .timeline-item .timeline-item-title{font-size: 17px;}
	.txt-bottom-block { font-size: 16px; line-height: 28px;}

}
	
@media screen and (max-width: 320px) {
	.header .headcontacts .phone {font-size:16px;}
	.header .headcontacts>.phone>i {font-size:0.7em; margin-left:-3px;}
	.header .headcontacts>.email>i {display:none;}
	}