/*------------------------- Контекстная реклама -----------------------------*/
.top-contekst-block{float: left;width: 100%;}
.top-contekst-block .top-contekst-left{margin-top: 120px;position: relative;}
.top-contekst-block .top-contekst-left__title{font-size: 24px;font-weight: 600;line-height: 1.4em;margin-bottom: 40px;}
.top-contekst-block .top-contekst-left__img{position: absolute;top: -11px;right:0;}
.top-contekst-block .top-contekst-left__text{font-size:16px;line-height: 1.55em;margin-bottom: 85px;}
.top-contekst-block .perple-text{font-size: 24px;font-style: italic;font-weight: 600;color:#540151;line-height: 1.3em;}
.top-contekst-block .top-contekst-right__img{max-width: none;margin-top: -30px;}
@media only screen and (max-width: 1400px) {
  .top-contekst-block .top-contekst-right__img{max-width:880px;}
  /*.top-contekst-block .title{margin-top:10px;}*/
  .top-contekst-block .top-contekst-left{margin-top:20px;}
}
@media only screen and (max-width:1200px) {
  .top-contekst-block .top-contekst-right__img{max-width:100%;margin-top: 0;}
  .top-contekst-block .top-contekst-left{margin-top: 20px;}
  .top-contekst-block .top-contekst-left__text{margin-bottom: 50px;}
  .top-contekst-block .top-contekst-left__title{margin-bottom: 20px;}
}
@media only screen and (max-width: 768px) {
  .top-contekst-block .top-contekst-left__title{font-size: 17px;}
  .top-contekst-block .top-contekst-left__text{font-size: 14px;}
  .top-contekst-block .top-contekst-left__img{top: -21px;right:0;}
  .top-contekst-block .perple-text{line-height: 1.2em;}
}
@media only screen and (max-width: 410px) {
  .top-contekst-block .top-contekst-left__img{display: none;}
}
/*------------------------- /Контекстная реклама -----------------------------*/


.container-fluid {
    max-width: 1264px;
    margin: auto;
}


.page-kontekstnaya_reklama .pagetext.construktor{background: url('/images/pbg.jpg') no-repeat center;padding: 40px 0;background-size: cover;margin: 0;}



/*конструктор цен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:1px solid #d7d7d7;*/ box-sizing: border-box; border-radius:15px 15px 2px 2px;}
.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;text-transform: uppercase;padding-left: 15px;}
.pricetable .pricemodule .center .vhodit .smallhead {background:#31b380; padding:0 5px; color:#fff; border-radius:5px;}
.pricetable .pricemodule.premium .center .vhodit .smallhead {background:#5FD3A5;}
.pricetable .pricemodule .center ul {margin-left:15px; list-style:disc;font-size: 13px;}
.pricetable .pricemodule .center ul li{line-height: 1.4em;}

.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: 20px auto;}
/*.pricetable .pricemodule .foot .button {padding: 7px 0; font-size: 18px; font-weight:bold; color:#fff; border:2px solid;border-image: linear-gradient(to right, #d78592, #8cbedc);border-image-slice: 1;border-radius: 10em!important;}

.pricetable .pricemodule.standart .foot .fbottom .button {background:transparent;color:#9e87a2;}
.pricetable .pricemodule.premium .fbottom .button {background:transparent;color:#9e87a2;}
.pricetable .pricemodule.premiumfull .fbottom .button {background:transparent;color:#9e87a2;}
*/
.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;}

/*-------------- Результаты наших клиентов ----------------*/
.results-our-clients {float: left;width: 100%;padding: 40px 0;background-color: #fafafa;text-align: center;}
.results-our-clients .results-our-clients__item{background-color: #fff;padding: 30px;border:1px solid #f0f0f0;cursor: default;transition: .25s; margin: 20px 0;max-width:380px;text-align:left;}
.results-our-clients .results-our-clients__item:hover{box-shadow:0 0 10px #d3e4ee;}

.results-our-clients .results-our-clients__item__title{font-size: 18px;color:#484848;font-weight: bold;line-height: 1.4em;margin-bottom: 7px;}
.results-our-clients p{font-size: 14px;color:#000;line-height: 1.7em;margin: 0;}
.results-our-clients .results-our-clients__item__pink, .results-our-clients span{color:#d6828f;text-transform: uppercase;}

@media only screen and (min-width : 576px) and (max-width : 992px){
	.results-our-clients .results-our-clients__item.one{margin-left: auto;}
}
@media only screen and (max-width : 576px){
	.results-our-clients .results-our-clients__item{margin: 10px auto;}
}


/*-------------- У ВАС УЖЕ ЕСТЬ РЕКЛАМНАЯ КОМПАНИЯ ----------------*/
.you-have-direct{float: left;width: 100%;padding: 40px 0;background: url('../images/have-direct.png') no-repeat center; background-size: cover;background-color: #fafafa;position: relative;}

.you-have-direct .abs{display: block;position: absolute;top: 50%;left: 0;transform:translateY(-50%);max-width: 100%;height: auto;}

@media only screen and (min-width : 1200px){
	.you-have-direct .abs{width: 699px;max-width:699px;left: -78%;}
}

@media only screen and (max-width : 1200px){
	.you-have-direct .abs{max-width: 300px;z-index: 2;margin-top: 70px;margin-left: 40px;}
	/* .you-have-direct .you-have-direct__content{padding-top: 130px!important;} */
}

@media only screen and (max-width : 1400px) and (min-width : 1200px){
	.you-have-direct .abs { width: 464px; max-width: 499px;left: -11%;}
}

@media only screen and (max-width : 768px){
	.you-have-direct .abs{position: static;transform: none;margin: 10px auto;}
	.you-have-direct .container-fluid .you-have-direct__content{margin: 20px 0;padding: 20px;text-align: center;}
	.you-have-direct .you-have-direct__content::after{display: none!important;}
	.you-have-direct .prozrachniy.black{margin-right: auto;}
}

.you-have-direct .you-have-direct__content{text-align: right;background-color: #fff;padding: 40px 0 40px 40px;box-shadow: 0 0 15px rgba(0,0,0,.2);position: relative;margin: 60px 0;}
.you-have-direct .you-have-direct__content::after{display: block;content:'';height: 100%;width: 100%;background-color: #fff;position: absolute;top: 0;right: -100%;}

.you-have-direct .you-have-direct__title{font-size: 18px;font-weight: bold;color:#000;line-height: 1.3em;margin-bottom: 26px;}
.you-have-direct  .you-have-direct__text{font-size: 14px;color:#000;line-height: 1.4em;margin-bottom: 26px;}

.you-have-direct .prozrachniy{width: 250px;margin-right:0;}
.you-have-direct .prozrachniy.black .button{border: 1px solid #3a90c3; color:#3a90c3;background-color: transparent;padding: 9px 15px;font-size: 18px;}













/*-------------------------Слайдер акций-----------------------------*/
.action-slider {width:100%; float:left;padding-bottom: 40px;}
.action-slider  .jcarousel-wrapper { float: left; position: relative; width: 92%; padding: 0px 4%;}
.action-slider .jcarousel-wrapper li { height:200px; border:1px solid #333; margin:9px;}
.action-slider  .jcarousel-control-prev-portf-all, .action-slider  .jcarousel-control-next-portf-all {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 25px;
  height: 85px;
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
	opacity:0.5;
}
.action-slider  .jcarousel-control-prev-portf-all:hover, .action-slider  .jcarousel-control-next-portf-all:hover {opacity:1;}
.action-slider  .jcarousel-control-prev-portf-all { background-position:left;}
.action-slider  .jcarousel-control-next-portf-all { background-position:right;}
.action_popup {width: 390px;}
.action_popup .inner {width: 315px; max-width:300px;}
/*.form_popup_slider { width:100%; background:none; height:auto; float:none; padding:0; margin:0;}
.form_popup_slider .spt1 {color:#b64cea; margin-top:0;}
.form_popup_slider input[type="text"] {margin-bottom:7px;}
.form_popup_slider .button {background: linear-gradient(to right,  #b64cea 0%,#06eeb4 100%); color:#fff; margin-top:7px;}
.form_popup_slider .sendorder.input-file .fileInputText {background-image: url(../images/skrepka-black.png); color:#555;}*/
.top_form .button {box-sizing: border-box;}
.action-slider .jcarousel-wrapper li {height: auto !important;}
.action-slider li {border: solid 1px;}
.as-title {
  font-size: 15px;
  color: #fff;
	font-weight:bold;
  text-align: center;
  height: 30px;
  line-height: 30px;
	background:#333;
	text-shadow: 0px 1px 0px #000;
}
.as-img {text-align: center;padding: 15px;padding-bottom:0px;height:100px;overflow:hidden;}
.as-img img{ max-height:100px;}
.as-text {margin: 0 15px 0 15px;position: relative;padding-right: 30px;	height:33px; overflow:hidden;}
.as-text a {
    border: solid 1px #aaaaaa;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    font-size: 24px;
    color: #000;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.as-text a:hover {text-decoration: none;}
.as-text a:hover + .tooltip {display: block;}
.as-text .tooltip {
    position: absolute;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 999;
    border: solid 1px #aaaaaa;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
    bottom: 0;
    /*right: 0;*/
    left: 100%;
    display: none;
}
.as-check {margin: 15px 10px 5px 10px;text-align:center;}
.as-check label {
  position: relative;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #000;
	font-weight:bold;
  vertical-align: middle;
  display: inline-block;
  padding: 0 20px;
  cursor: pointer;
	text-align: center;
	background: #ddd;
	opacity:0.6;
	border-radius: 22px;
	max-width: 220px;
}
.as-check label:hover {opacity:0.8;}
.as-check label:before {
  content: '';
  width: 18px;
  height: 18px;
  border: solid 1px #bbbbbb;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  margin-right: 10px;
	margin-top:-3px;
}
.as-check input[type=checkbox] {display: none;}
.as-check input[type=checkbox]:checked + label {opacity:1;}
.as-check input[type=checkbox]:disabled + label {opacity:.3;}
.as-check input[type=checkbox]:checked + label:before {background: #fff url("/images/checkbox-1.png") center center no-repeat;}
.zakaz-btn-container {clear: both;padding-top: 30px;}
.zakaz-btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3D90C2+0,06eeb4+100 */
    background: #3D90C2; /* Old browsers */
    background: -moz-linear-gradient(left,  #3D90C2 0%, #FE6053 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #3D90C2 0%,#FE6053 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #3D90C2 0%,#FE6053 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D90C2', endColorstr='#FE6053',GradientType=1 ); /* IE6-9 */
    width: 290px;
    height: 60px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 22px;
    padding-top: 10px;
    box-sizing: border-box;
}
.zakaz-btn:hover {text-decoration: none;color:#fff;}
.zakaz-btn span {font-size: 14px; font-weight:bold;}
.as-price {text-align:center; margin-bottom:5px; opacity:0.8; display:none;}	
.as-price span {text-decoration:line-through; font-weight:bold;}
/*-------------------------/Слайдер акций-----------------------------*/



/*-------------------------Как строится работа-----------------------------*/
.how-build-work{float: left;width: 100%;padding: 40px 0;background: url('../images/how-build-work.jpg') no-repeat center;}

.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: 26px;
			line-height: 61px;
			text-indent: -7px;
			z-index: 2;
		}
		.timeline-item::after {
			content: '●';
			position: absolute;
			top: -4.5px;
			color: rgba(255,255,255,.5);;
			font-size: 44px;
			line-height: 196%;
			text-indent: 77px;
			z-index: 1;
		}
		.timeline-item p {
			line-height: 1.4;
			margin: 20px 0 0 0;
			font-size: 18px;
			color:#fff;
		}
			.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)::before {
				right: 0; }
		.timeline-item:nth-child(2n) {
			padding-left: 90px;
			text-align: left; }
			.timeline-item:nth-child(2n)::before {
				left: -1px; }
			.timeline-item:nth-child(2n)::after {
				left: -90px; }
@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;
	}
	.timeline-item::after{
		right: -13.5px;
	}
}
@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)::before {
		left: -1px;
	}
	.timeline-item::after{
		left: -90px;
	}

	.how-build-work{background-position: left center;background-size: cover;}
	
}
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%;
}