

/* Start:/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/style.css?170529584114370*/
.bg_logo-atom{
		background-color: #f8f8f8;
		background-image: url(bg_logo-atom.jpg)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/bg_logo-atom.jpg*/;
		background-position-y: 85%;
		background-size: contain;
		background-repeat: no-repeat;
	}
		.bg_logo-atom h2{
			margin-top: 26px;
		}
		.bg_logo-atom img{
			pointer-events: none;
		}
		.bg_logo-atom .bg_logo-atom_screen{
			display: inline-block;
			margin-top: -260px;
		}
		
		.bg_logo-atom .bg_logo-atom_video{
			width: 932px;
			height: 552px;
			padding: 32px 112px;
			margin: 0 auto -70px;
			background-position: center;
			background-repeat: no-repeat;
			background-image: url(notebook.png)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/notebook.png*/;
			/*width: 711px;
			height: 448px;*/

		}
			.bg_logo-atom .bg_logo-atom_video .bg_logo-atom_video_item{
			}

	.block-search{
		padding: 130px 0 60px;
		background-color: #fff;
	}
		.block-search .block-search_title{
			text-align: center;
			font-size: 20px;
			font-weight: 500;
		}
		.block-search .block-search_input-block{
			width: 100%;
			max-width: 700px;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    margin: 0 auto;
		    margin-top: 20px;
		}
			.block-search .block-search_input-block .block-search_input-block_cont{
				width: calc(100% - 79px);
			    display: inline-block;
			    height: 40px;
			    margin-left: 14px;
			}
				.block-search .block-search_input-block .block-search_input-block_cont .block-search_input-block_input{
					width: 100%;
					height: 100%;
				    font-size: 18px;
				    text-overflow: clip;
		   			border: 2px solid #fc0;
		   			padding: 0 11px;
		   			border-radius: 2px;
				}
	
			.block-search .block-search_input-block .block-search_input-block_button{
			    text-align: center;
				font: 16px/40px arial,sans-serif;
			    height: 40px;
			    display: inline-block;
			    -moz-box-sizing: border-box;
			    box-sizing: border-box;
			    width: 79px;
				padding-left: 9px;
			    margin-left: -2px;
			    margin-right: 9px;
			    color: #000;
	   			background-color: #fc0;
			    cursor: not-allowed;
			    position: relative;
			}
				.block-search .block-search_input-block .block-search_input-block_button:after{
					top: 0;
				    right: -13px;
				    width: 13px;
				    height: 40px;
					background-image: url(search_flag-right.svg)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/search_flag-right.svg*/;
					background-position: center;
					position: absolute;
					content: "";
					display: block;
				}

	.how-iscreat{
		padding: 90px 0;
		background-color: #6acfe8;
	}
		.how-iscreat_item{
			height: auto;
			min-height: 120px;
			padding: 40px 20px;
			margin: 15px 0;
			position: relative;
			justify-content: space-between;
			background-color: #fff;
			display: block;
			color: #333;
			text-decoration: none;
		}
			.how-iscreat_item:hover{
				text-decoration: none;
				color: #333;
			}
			.how-iscreat_item> span{
				display: block;
			}
			.how-iscreat_item .how-iscreat_item_img{
				width: 100%;
				height: 35px;
				background-repeat: no-repeat;
				background-position: center;
			}
			.how-iscreat_item .how-iscreat_item_text{
				text-align: center;
				font-size: 16px;
				font-weight: 600;
				line-height: 1;
				margin-top: 16px;
			}
			.how-iscreat_item .how-iscreat_item_desc{
				text-align: center;
				position: absolute;
				top: 0%;
				left: 0;
				height: 100%;
				width: 100%;
				font-size: 14px;
				transition: 0.2s;
				display: flex;
				align-items: center;
				color: white;
				background-color: #000000bf;
				padding: 15px;
				opacity: 0;
			}
				.how-iscreat_item:hover .how-iscreat_item_desc{
					opacity: 1;
				}
	
	.why-atom{
		padding: 50px 0;
		background-color: #f8f8f8;
	}
		.why-atom .why-atom_item{
			margin-top: 30px;
			margin-bottom: 20px;
			padding-left: 50px;
			background-position: left top;
			background-repeat: no-repeat;
			background-size: auto;
		}
			.why-atom .why-atom_item p{
				font-size: 16px;
				font-weight: 100;
			}


	.img-stage{
	}
		.cont-stage{
			width: 631px;
			height: 631px;
			padding: 60px;
			margin-top: 54px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			background-color: #fff;
			float: right;
		}
			.cont-stage h2{
				line-height: 1.2;
			}
			.cont-stage .cont-stage_step{
				padding-left: 70px;
				min-height: 63px;
				font-weight: 500;
				font-size: 14px;
				background-position: top left;
				background-repeat: no-repeat;
			}
			.cont-stage .cont-stage_result{
				padding: 7px;
				background-image: url(cont-stage_step.png)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/cont-stage_step.png*/;
			}	
				.cont-stage .cont-stage_result .cont-stage_result_text{
					padding: 30px;
					background-color: #fff;
					font-weight: 300;
					font-size: 14px;
				}
					.cont-stage .cont-stage_result .cont-stage_result_text strong{
						font-weight: 700;
						font-size: 20px;
					}
				.cont-stage .cont-stage_notice{
					font-weight: 100;
					font-size: 12px;
					color: #797979;
					margin-top: 12px;
				}

		.img_logo-services{
			width: 100%;
			height: 35px;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
		}
			.img_logo-services.img_logo-services__yandex{
				background-image: url(logo_yadirect.png)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/logo_yadirect.png*/;
			}

			.img_logo-services.img_logo-services__google{
				background-image: url(logo_gadwords.png)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/logo_gadwords.png*/;
			}

		.rate{
			padding: 50px 0;
		}
			.rate .rate_item{
				background-color: white;
				margin-top: 30px;
			}
				.rate .rate_item .rate_item_header{
					text-align: center;
					padding: 25px 15px;
					font-weight: 700;
					font-size: 22px;
					color: white;
					text-transform: uppercase;
				}
					.rate .rate_item .rate_item_header.rate_item_header__yandex{
						background-image: -moz-linear-gradient( 180deg, rgb(245,202,68) 0%, rgb(211,79,67) 100%);
						background-image: -webkit-linear-gradient( 180deg, rgb(245,202,68) 0%, rgb(211,79,67) 100%);
						background-image: -ms-linear-gradient( 180deg, rgb(245,202,68) 0%, rgb(211,79,67) 100%);
					}
					.rate .rate_item .rate_item_header.rate_item_header__google{
						background-image: -moz-linear-gradient( 0deg, rgb(77,123,190) 0%, rgb(18,165,100) 100%);
						background-image: -webkit-linear-gradient( 0deg, rgb(77,123,190) 0%, rgb(18,165,100) 100%);
						background-image: -ms-linear-gradient( 0deg, rgb(77,123,190) 0%, rgb(18,165,100) 100%);
					}
					.rate .rate_item .rate_item_header.rate_item_header__yandex-google{
						background-image: -moz-linear-gradient( 180deg, rgb(77,123,190) 0%, rgb(211,79,67) 100%);
						background-image: -webkit-linear-gradient( 180deg, rgb(77,123,190) 0%, rgb(211,79,67) 100%);
						background-image: -ms-linear-gradient( 180deg, rgb(77,123,190) 0%, rgb(211,79,67) 100%);
					}
				.rate .rate_item .rate_item_cont{
					padding: 0 35px;
				}

					.rate .rate_item .rate_item_cont .rate_item_cont_block{
						padding: 25px 0;
						border-bottom: 1px dotted #8d8d8d;
					}
						.rate .rate_item .rate_item_cont .rate_item_cont_block.double_logo{
							display: flex;
							justify-content: space-between;
						}

						.rate .rate_item .rate_item_cont .rate_item_cont_block.rate_item_cont_block__noborder{
							border-bottom: 0px dotted #8d8d8d;
						}

					.rate .rate_item .rate_item_cont .rate_item_cont_block .rate_item_cont_block_text{
						font-weight: 500;
						font-size: 16px;
					}
					.rate .rate_item .rate_item_cont .rate_item_cont_block .rate_item_cont_block_price{
						font-weight: 700;
						font-size: 24px;
						margin-top: 16px;
					}
					.rate .rate_item .rate_item_cont .rate_item_cont_block .btn{
						width: 190px;
						height: 55px;
						line-height: 42px;
						font-size: 20px;
					}


	.condition{
		padding: 40px 0;
		background-color: #fff;
	}
		.condition .condition_subtitile{
			font-weight: 500;
			margin-bottom: 12px;
		}

		.condition .condition_item{
			line-height: 1.2;
			font-weight: 100;
			padding-left: 30px;
			margin-top: 30px;
			background-image: url(atom_flag-left.png)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/atom_flag-left.png*/;
			background-repeat: no-repeat;
		}
			.condition .condition_item .condition_item_title{
				padding-top: 8px;
				font-weight: 500;
				padding-bottom: 20px;
			}

	.bg_block{
		margin-top: -375px;
		height: 400px;
		background-image: url(bg_block.jpg)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/bg_block.jpg*/;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.experience{
		padding: 40px 0;
	}
		.experience .experience_item{
			margin-top: 20px;
		}
			.experience .experience_item .experience_item_img{
				height: 60px;
			}
			.experience .experience_item .experience_item_link{
				color: #333;
				font-weight: 500;
				text-decoration: underline;
				transition: 0.2s;
				margin-top: 10px;
				display: block;
			}
				.experience .experience_item .experience_item_link:hover{
					text-decoration: none;
				}

	.form-block{
		color: #fff;
		padding: 75px 0 90px;
		background-image: url(bg-form.jpg)/*tpa=http://atomagency.ru/uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/img/bg-form.jpg*/;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}	
		.form-block .form-block_title{
			font-size: 50px;
			font-weight: 700;
			line-height: 1.2;
			margin: 0;
		}
		.form-block .form-block_subtitle{
			font-size: 38px;
			font-weight: 700;
			line-height: 1.2;
			margin: 0;
		}
		.form-block .form-block_desc{
			font-size: 20px;
			font-weight: 300;
			margin-top: 12px;
		}


		.form-block	.form-block_form{
			margin-top: 45px;
		}
			.form-block	.form-block_form .check{
				font-size: 12px;
			}
			.form-block	.form-block_form select,
			.form-block	.form-block_form input{
				color: white;
				font-weight: 100;
				line-height: 40px;
				border-radius: 0;
				border: 1px solid #808080;
				background-color: #fff2;
			}
				.form-block	.form-block_form select.form-control:not([size]):not([multiple]){
					height: 54px;
				}
				.form-block	.form-block_form select option{
					color: #333;
				}
				.form-block	.form-block_form .form-control::placeholder,
				.form-block	.form-block_form .form-control::placeholder{
					color: #808080;
				}

			.form-block	.form-block_form .btn{
				width: 100%;
				line-height: 40px;
				margin-top: 40px;
			}


                    .bg_logo-atom_img-link{
                        width: 35px;
                        height: 35px;
                        display: block;
                        margin-right: 12px;
                        background-position: left;
                        background-repeat: no-repeat;
                        background-size: auto; 
                    }
                    .bg_logo-atom_link {
                        font-size: 24px;
                        font-weight: 600;
                    }


    .experience{
        padding: 40px 0 120px;
        background-color: #f8f8f8;
    }
        .experience .experience_item{
            width: 33.3333%;
            height: 300px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 20px;
        }
        @media (max-width: 768px) {
            .experience .experience_item{
                width: 100%;
            }
        }
            .experience_item .experience_item-cont{
                width: 100%;
                height: 100%;
                background-color: #1c75bc;
                display: block;
                padding: 30px 20px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                opacity: 0;
                transition: 0.2s;
            }
            .experience_item .experience_item-cont:hover{
                opacity: 1;
            }
                .experience_item .experience_item-cont .experience_item-cont_title{
                    font-size: 18px;
                    font-weight: bold;
                    color: white;
                }
                .experience_item .experience_item-cont .experience_item-cont_subtitle{
                    color: #ffffff99;
                    font-size: 10px;
                    line-height: 1;
                    font-weight: 500;
                    margin-top: 20px;
                    display: block;
                }


@media(max-width: 1024px){
	.bg_logo-atom h2{
		font-size: 20px;
		margin-top: 50px;
	}
	.bg_logo-atom .bg_logo-atom_text{
		font-size: 14px;
	}
	.bg_logo-atom .bg_logo-atom_screen{
		margin-top: -160px;
	}
}
@media(max-width: 768px){
	.bg_logo-atom h2 br{
		display: none;
	}
	.bg_logo-atom .bg_logo-atom_video{
		width: 100%;
    	height: auto;
		background-size: contain;
	}
	.bg_logo-atom .bg_logo-atom_video .bg_logo-atom_video_item .atom_video_item_frame{
		max-height: 312px;
	}
	.img-stage{
		max-width: 100%;
		margin-top: 60px;
	}
	.cont-stage{
		width: 660px; 
		height: 660px;
		float: none;
		margin: -320px auto 0;
	}
}
@media(max-width: 425px){
	.bg_logo-atom h2{
		margin-top: 0px;
	}
	.bg_logo-atom .bg_logo-atom_video{
		padding: 0;
		background-image: none;
		margin-top: 10px;
	}
	.bg_logo-atom .bg_logo-atom_video .bg_logo-atom_video_item .atom_video_item_frame{
		max-height: 220px;
	}
	.block-search{
		padding: 80px 0 60px;
	}
	.block-search .block-search_title{
		font-size: 18px;
	}
	.block-search .block-search_input-block{
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 30px;
	}
		.block-search .block-search_input-block svg{
			margin-bottom: 8px;
		}
		.block-search .block-search_input-block .block-search_input-block_cont{
			width: calc(100% - 100px);
		}
	.how-iscreat{
		padding: 60px 0;
	}
		.how-iscreat .how-iscreat_item{
			margin-top: 30px;
		}
	.condition .condition_item{
		margin-top: 40px;
	}
	.condition .condition_item .condition_item_title{
		padding-bottom: 10px;
	}
	.cont-stage{
		width: 100%;
		height: auto;
		padding: 25px;
		margin-top: 20px;
	}
		.cont-stage .cont-stage_step{
			margin-top: 12px;
		}
			.cont-stage .cont-stage_step br{
				display: none;
			}
		.cont-stage .cont-stage_result{
			margin-top: 30px;
		}
			.cont-stage .cont-stage_result .cont-stage_result_text{
				padding: 20px;
				font-size: 12px;
			}
				.cont-stage .cont-stage_result .cont-stage_result_text strong{
					font-size: 14px;
				}
				.cont-stage .cont-stage_notice{
					    font-size: 10px;
				}
	.form-block .form-block_title{
		font-size: 24px;
	}
		.form-block .form-block_subtitle{
			font-size: 20px;
		}
		.form-block .form-block_desc{
			font-size: 16px;
		}
	.bg_logo-atom .img_logo-services{
		margin-bottom: 50px;
	}
}
/* End */
/* /uslugi/kontekstnaya-reklama/nastroyka-kontekstnoy-reklamy/style.css?170529584114370 */
