.container-fluid {
    max-width: 1264px;
}
.prof-test {
    float: left;
    width: 100%;

    background-position: top center;
    background-size: cover;
    color: #fff;
    padding: 40px 0;
}
.result {
    float: left;
    width: 100%;
    padding: 50px 0 80px;
    position: relative;
    background: url(../images/mac.png) no-repeat 100% 150px/800px, url(../images/block-text-bg2.png) no-repeat;
}

/*------------------------- Как это работает -----------------------------*/
.how-this-works-section{float:left;width:100%;padding-bottom:50px;}
.how-this-works-section__item{margin-top:40px;text-align: center;}
.how-this-works-section__text{font-size:16px;line-height: 1.5em;margin-top: 20px;}
@media only screen and (max-width: 768px) {
  .how-this-works-section__text{font-size:14px;}
  .how-this-works-section__text br{display: none;}
}
/*------------------------- /Как это работает -----------------------------*/



/*------------------------- Преимущества ретаргетинга и ремаркетинга -----------------------------*/
.prof-test.advantages-retarget{background:url('../images/page-retarget/advantages-retarget.jpg') no-repeat center;background-size:cover;}
.prof-test.advantages-retarget .prof-test__item{margin-bottom:30px;margin-top:45px;}
.prof-test.advantages-retarget .prof-test__text{margin-top:20px;font-size:16px;line-height: 1.4em;}
@media only screen and (max-width: 768px) {
  .prof-test.advantages-retarget .prof-test__text{font-size: 13px;}
  .result .timeline-item p{font-size: 13px;}
  .time .timeline-item p{font-size: 13px;}
  .time .timeline-item-title{font-size: 15px;}
}
/*------------------------- Преимущества ретаргетинга и ремаркетинга -----------------------------*/

.tac {
    text-align: center;
}
.how-this-works-section__text {
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 20px;
}


/*------------------------- Чем будет полезен ремаркетинг -----------------------------*/
.result.use{
  background:
  url('../images/page-retarget/mac.png') no-repeat 100% 150px/730px,
  url('../images/block-text-bg2.png') no-repeat center;
}
@media only screen and (max-width: 1600px) {
  .result.use{
    background:
    url('../images/page-retarget/mac.png') no-repeat 100% 150px/480px,
    url('../images/block-text-bg2.png') no-repeat center;
  }
}
@media only screen and (max-width: 1200px) {
  .result{background:url('../images/block-text-bg2.png') no-repeat center;}
  .result.use{background:url('../images/block-text-bg2.png') no-repeat center;}
}
.result.use .timeline-item::before {
  background-color: #FE6053;
  color: #FE6053;
}

@media only screen and (min-width: 1200px) {
  .result.use .title{margin-bottom:40px;}
}
/*------------------------- /Чем будет полезен ремаркетинг -----------------------------*/




/*------------------------- Сроки и результаты - РЕМАРКЕТИНГ -----------------------------*/
.time-remarketing{background:url('../images/page-retarget/ocean.jpg') no-repeat center;background-size: cover;}
.time-remarketing .timeline-item::after{color:rgba(255,255,255,.5);}
/*------------------------- /Сроки и результаты - РЕМАРКЕТИНГ -----------------------------*/


@media only screen and (min-width: 1200px) {
  body.page-services .top-bg{min-height:380px;}
}


/*------------------------- Сколько стоит запустить ремаркетинг -----------------------------*/
.start-remarketing{float:left;width:100%;padding:50px 0;background:url('../images/page-retarget/bg-start.jpg') no-repeat center; background-size:cover;}
.start-remarketing .title, .start-remarketing .text{color:#fff}
.start-remarketing div.title{font-size:24px;text-transform: uppercase;text-align: left;}
.start-remarketing > .container-fluid > h2.title {margin-bottom: 70px;}
@media only screen and (max-width: 768px) {
  .start-remarketing div.title{font-size: 13px;}
  .start-remarketing > .container-fluid > h2.title {margin-bottom:30px;}
}
/*------------------------- /Сколько стоит запустить ремаркетинг -----------------------------*/

.title.p-s{margin-top: 70px;float: left;width: 100%;}

.time {
    float: left;
    width: 100%;
    background: url(../images/bg-time.png) no-repeat center;
    background-size: cover;
    padding: 50px 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: 600;
		}
		.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;
	}
}

/*------------------------- Сроки и результаты - РЕМАРКЕТИНГ -----------------------------*/
.time-remarketing{background:url('../images/page-retarget/ocean.jpg') no-repeat center;background-size: cover;}
.time-remarketing .timeline-item::after{color:rgba(255,255,255,.5);}
/*------------------------- /Сроки и результаты - РЕМАРКЕТИНГ -----------------------------*/



.breadcrumbs .page-navigator {
    height: 20px;
}

body {
	overflow-x: hidden;
}

.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%;
}

.pagetext.construktor {background: url(../images/pbg.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0 50px;
    background-attachment: fixed; margin-bottom:0;}
	
	
.prof-test{float: left;width: 100%; background-image: url('/images/slider-instagram.jpg'); background-position: top center; background-size: cover;color: #fff;padding: 40px 0;}
.prof-test .text{color:#fff;}
.prof-test__item {margin-top: 80px;text-align: center;}
.prof-test__img {margin: auto;display: block;}
.prof-test__title {font-size: 16px;font-weight: 600;margin: 20px 0;}
.prof-test__text{font-size: 14px;}
.prof-test .services-order{margin:50px 0 20px;}
@media only screen and (max-width: 768px) {
  .prof-test__item{margin-top:60px;}
  .prof-test .text{font-size: 15px;}
}