*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}
html, body {
	height:auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body {
	overflow: auto; /* добавить полосу прокрутки */
        background-color: white;
}
main {
	min-height: 100%;
}

a {
	color: #003867;
	text-decoration: none;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	border:red 3px solid
}
body input:required:valid,
body textarea:required:valid {
	border: green 3px solid
}
body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
}
.header_topline {
	background-color: white;
	padding: 15px 0px 0px 0px;
	color: #0d0809;
}
.header_topline a {
	/*color: #fff;*/
}
.top_links {
	display: inline-block;
	vertical-align: middle;
	z-index: 10;
}
.top_links a {
	text-decoration: underline;
}
.top_links a:hover {
	text-decoration: none;
}
.soc_buttons {
	float: right;
}
.soc_buttons > a {
	font-size: 26px;
	margin-left: 8px;
}
.auth_buttons,
.main_mnu_button {
	background-color: transparent;
	border: medium none;
	font-size: 26px;
}
.main_mnu_button {
	color:black;
	padding: 8px 15px 0;
}
.logo {
	color: #fff;
	display: block;
	font-family: "NautilusPompiliusRegular";
	font-size: 42px;
	text-align: left;
}
.logo img {
	height: 52px;
}
.skype {
	color: rgb(59, 215, 255);
	border-bottom: 1px dotted rgb(59, 215, 255);
	font-size: 12px;
	display: inline-block;
}
.skype_img {
	display: inline-block;
}

.phone span {
	font-weight: bold;
}
.phone {
	font-size: 15px;
}

.desc {
	color: rgb(119, 119, 119);
	text-transform: uppercase;
	padding: 15px 15px;
	font-size: 13px;
	font-weight: bold;
}
.top_header {
	/*background-color: #4AAAD2;*/
}
.header_bg {
	/*background-image: url("/images/fon.png");
	height: 500px;*/
}
.maian_mnu {
	/*border-top: 1px solid lightgrey;*/
	float: right;
}
.maian_mnu a {
	color: black;
	padding: 80px 11px 35px 11px;
	display: block;
	transition: all .25s;
	font-size: 16px;
	font-weight: bold;
	font-family: 'OpenSansSemibold', sans-serif;

}
.maian_mnu a.active {
	color:#97d2c9;
}
.last_cat {
	padding: 80px 0px 35px 15px !important;
}
.no_left {
	padding-left: 0px;
}
.no_right {
	padding-right: 0px;
}
.maian_mnu a:hover {
	color:#97d2c9;
	text-decoration: none;
}
.categories_name_new {
	text-transform: uppercase;
	font-size: 16px;
	color: #003867;
	margin-top: 25%;
	font-weight: bold;
	font-family: 'OpenSansSemibold', sans-serif;
	padding: 8px 15px;
	margin-top: 19px;
	display: inline-block;
	margin-bottom: 54px;
}

.price_list {
	background-color: #97d2c9;
	padding: 8px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 24px;
	font-family: 'OpenSansLight', sans-serif;
	font-weight: normal;
	margin-top: 62px;
	display: inline-block;
}

.categories_name_new:hover {
	/*color:white;
	background-color: #003867;*/
}




.maian_mnu ul {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	float: left;
	text-transform: uppercase;
}
.top_contacts {
	float: right;
	font-size: 20px;
	line-height: 53px;
	padding: 0 15px;
}
.maian_mnu ul li {
	display: inline-block;
}
.maian_mnu ul {
	z-index: 12;
}
h1 {
	 color: #fff;
	 text-transform: uppercase;
	 text-align: center;
	 font-family: "Arial";
	 font-size:45px;

 }
h2 {
	color: black;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	font-family:"Times New Roman";
}
h3 {
	color: black;
	font-size: 25px;
	font-weight: normal;
	/*text-transform: uppercase;*/
}

.artic {
	color: black;
	font-size: 13px;
	font-weight: normal;
	font-family:"Times New Roman";
}
.carousel2 img {
	width: 100%;
}
.header_1 {
	color: #789e1d;
	border-bottom: 2px solid #789e1d;
	font-size: 29px;
	font-weight: bold;
}

.header_lp1 {
	color: #314758;
	font-size: 29px;
	font-weight: bold;
}
.header_corp1 {
	color:white;
	font-size: 26px;
	font-weight: bold;
}

.header_2 {
	color: white;
	font-size: 29px;
}
.header_more {
	color: white;
	border: 1px solid white;
	border-radius: 14px;
	padding: 8px 25px;
	margin-top: 25px;
	display: inline-block;
}
.header_more:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.center {
	text-align: center;
}
.sider_container img {
	max-width: 100%;
	width: 100%;
}

.header_h1 {
	margin-top: -35%;
}
.sider_container {
	position: relative;
}
.next_button, .prev_button {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	border-radius: 10em;
	color: #fff;
	cursor: pointer;
	font-size: 46px;
	padding: 0 25px;
	position: absolute;
	top: 40%;
	z-index: 10;
}
.next_button {
	right: 20px;
}
.prev_button {
	left: 20px;
}
section.order  {
	background-color: #eee;
	padding: 25px 0;
}
.sell_descr {
    font-size: 22px;
    padding-top: 5px;
}
.button {
	background-color: #a0d424;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	display: block;
	padding: 14px 15px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.button:hover {
	background-color: #789e1d;
}
.button:active {
	background-color: #789e1d;
}
.sell_right .button {
	float: right;
}
.hidden {
	display: none;
}
.pop_form input[type="text"] {
    display: block;
    line-height: 24px;
    margin: 0 auto 12px;
    width: 90%;
    border: #999 3px solid;
}
.pop_form .button {
	margin: 20px auto 0;
}
.pop_form h3 {
    margin: 10px auto 15px;
    text-align: center;
    font-weight: normal;
    font-family: "RobotoCondensedBold";
    text-transform: uppercase;
}
.blog_item img {
	max-width: 100%;
	margin-bottom: 20px;
}
.blog_item h3 {
	text-transform: uppercase;
	font-family: "RobotoCondensedRegular";
	margin-bottom: 10px;
}
.blog_item h3 a {
	text-decoration: underline;
}
.blog_item p {
	margin-top: 0;
}
.right_aside {
	padding: 15px 20px;
	border-radius: 5px;
	background-color: #EEEEEE;
	margin-top: 30px;
}

.services {
	margin-top: 54px;
}
.gray {
	margin-top: 80px;
}

.gray img {
	margin: 0 auto !important;
	display: inline-block;
	text-align: center;
	width: 100%;
	border-bottom: 10px solid #97d2c9;
}
.gray {
	background-color: #29506d;
	padding-top: 30px;
}
.contacts_style {
	color:#003867;
	margin-bottom: 15px;
	font-size: 16px;
}

.cats {
	margin-bottom: 30px;
}
.contacts img {
	width: 100%;
}
.bold {
	font-weight: bold;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 16px;
}
.gray img {
 	margin-bottom: 46px;
	/*border-bottom:14px solid #97d2c9;*/
 }
.cat1 {
	background-image: url("/images/children1.png");
}
.cat_name {
	position: relative;
	text-transform: uppercase;
	font-size: 30px;
	color: #003867;
	margin-top: 25%;
	font-weight: bold;
	font-family: 'OpenSansSemibold', sans-serif;

}

.categories_name {
	text-transform: uppercase;
	font-size: 16px;
	color: #003867;
	margin-top: 25%;
	font-weight: bold;
	font-family: 'OpenSansSemibold', sans-serif;
	border: 1px solid #003867;
	padding: 8px 15px;
	margin-top: 25px;
	display: inline-block;
	margin-bottom: 70px;
}
.cat_footer img {
	/*width: 100% !important;*/
}
.footer_block {
	text-transform: uppercase;
	font-size: 24px;
	color: #003867;
	padding-bottom: 50px;
	display: inline-block;
	font-family: 'OpenSansSemibold', sans-serif;
	margin-top: 55px;
}
.footer_about {
	width: 84%;
}
#wpapper {
	padding-bottom: 80px !important;

}



.cat_left {
	float: left;
}
.cat_right {
	float: right;
}
.border_blue {
	border:2px solid #97d2c9;
}
.absolute {
	position: absolute;
}
.cat_more {
	font-size: 16px;
	text-transform: uppercase;
	color: #264d74;
	background-color: white;
	padding: 8px 15px;
	font-family: 'OpenSansSemibold', sans-serif;
	margin-top: 10px;
	display: inline-block;
}
.logo_new{
	margin-top: 60px;
}
.about {
	margin-top: 0px;
	font-size: 14px;
	color: gray;
}
.about2 {
	margin-top: 0px;
	font-size: 13px;
	color: gray;
	float: left;
}
.service {
	/*width: 291px;*/
}
.categories img {
	border-bottom: 10px solid #97d2c9;
	width: 100%;
	margin-bottom: 15px;
}
.category_link img {
	width: 100%;
}
.categories img:hover {
	opacity: 0.8;
}

img.service{
	width: 100%;
	height: auto !important;
	max-width: 100%;
}


.categories_name:hover {
	color:white;
	background-color: #003867;
}


.cat_more:hover {
	color:white;
	background-color: #003867;
}

.logo_new img {
	/*width: 80%;*/
}

.service_me {
	display: none;
}

.border_gray {
	border: 1px solid lightgray;
	padding: 10px 0px 0px 0px;
	margin-bottom: 40px;
}

.header_more a {
	color:white;
}

.green_line {
	text-align: left;
	display: inherit;
	font-weight: bold;
	color: #454a53;
	text-transform: uppercase;
	border-left: 5px solid #a0d424;
	margin-bottom: 20px;
	padding-left: 15px;
	font-size: 17px;
}

.project_name {
	color: #a0d424;
	font-size: 13px;
	line-height: 12px;
	float: right;
	text-align: left;
	padding: 0px 15px 0px 15px;
}
.project_name  img {
	display: inline-block;
}

.project_desc {
	text-align: left;
	display: inherit;
	padding: 0px 15px;
}
.project_desc  p {
	color: #a8a8a8;
	font-size: 13px;
	padding-top: 5px;
	display: inline-block;
	text-align: left;
}
.white {
	background-color: white;
	padding: 15px;
	margin-bottom: 25px;
}

.container {
	margin: 0 auto;
}

.clients {
	margin-top: 50px;
}

.first_number {
	margin-left: 50px;
}

.first_cols {
	margin-left: 30px;
}

.left_desc  {
	margin-left: 15px;
}

.numer {
	color: lightgrey;
	font-size: 71px;
	font-weight: bold;
	left: 173px;
	position: absolute;
	top: 48px;
	opacity: 0.3;
	font-family: inherit;
	color: lightgrey;
	font-size: 71px;
	font-weight: bold;
	font-family: inherit;
}

.numbs {
	display: inherit;
	color: gray;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.mb {
	margin-bottom: 21px;
}
.shema  {
	padding-bottom: 30px;
	font-size: 14px;
	color: gray;
	width: 60%;
	margin: 0 auto;
	display: inherit;
}

img.service {
	opacity: 1;
}
.gray img {
	width: 100%;
}

.img {
	display: inline-block;
}
img.service:hover {
	/*opacity:0.8;*/
}

.portfolio_sect {
	margin-top: 50px;
}

.comp {
	float:left;
	margin-top: -7px;
}

.img_previlegi {}


.img_block {
	background: #f6f6f6;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	display: block;
	overflow: hidden;
	position: relative;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	cursor: pointer;
}
.img_block .over_block {
	background-color:rgba(0, 160, 150, 0);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 9900;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.img_block:hover .over_block {
	display:block;
	background-color:rgba(0, 160, 150, 0.7);
}
.img_block span {
	background: rgba(0, 92, 44, 0.5);
	width:100%;
	height:0px;
	text-transform:uppercase;
	font-size:11px;
	line-height:60px;
	position:absolute;
	display:block;
	overflow: hidden;
	bottom:0px;
	left:0;
	z-index: 9910;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.img_block:hover span {
	bottom:0;
	height:60px;
	color: #ffffff;
}

.more_img {
	width: 250px;
	margin-top: 45px;
}

.footer {
	margin-top: 70px;
	background-color: #1a2231;

}

.mt {
	margin-top: 30px !important;
}

.subscribe {
	color: white;
	font-size: 14px;
	line-height: 13px;
	display: inline;
	text-align: left;
}

.logo_footer {
	float: left;
}

#sender-subscribe .bx-input-group {
	float: left;
	width: 70%;
}

.bx-subscribe .bx-input-group .bx-form-control {
	position: relative;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	border: 1px solid #d5dadc;
	outline: 0;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.bx-form-control {
	height: 40px;
	margin: 0px;
	padding: 0px 58px;
	font-size: 12px;
	padding-left: 25px;
	background-color: #f0f4f8;
	border: none;
	color: gray !important;
}
button, input, optgroup, select, textarea {
	 margin: 0;
	 font: inherit;
	 color: inherit;
 }

.btn-subscribe {
	cursor: pointer;
	text-align: center;
	border: 0;
	color: #fff;
	font-size: 13px;
	position: relative;
	text-transform: uppercase;

	line-height: 30px;
	height: 40px;
	padding: 5px 60px 5px 20px;
	vertical-align: middle;
	outline: 0;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-ms-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}
.btn-subscribe {
	background: #a0d424;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}



.btn-subscribe span {
	display: block;
}

.more {
	color: #c9c9c9;
}


.bx-input-group {
	float: left;
}


@media only screen and (min-width : 768px) {
	.bx_subscribe_submit_container {
		float: right;
	}
}


@media only screen and (max-width :960px) {
	.bx_subscribe_submit_container {
		margin-top: 7px;
	}

	.lamp {
		display: none;
	}


}

@media only screen and (max-width :960px) {
	.line1, .line2_corp, .line3, .about_lp {
		display: none !important;
	}


}

#form {
	padding-top: 8px;
	/* margin-left: 50px; */
	margin: 0 auto;
	display: inline-block;
}
.vk,.fb,.twit {
	width: 41px;
	height: 45px;
	display: inline-block;
}


.vk {
	background-image: url("/images/icons.png");
	background-position-x: 136px;
}

.fb {
	background-image: url("/images/icons.png");
	background-position-x: 225px;
}


.twit {
	background-image: url("/images/icons.png");
	background-position-x: 181px;
}

.footer-nav {
	padding-left: 45px;
	margin: 0px;
	padding-top: 0px;
}
.footer-nav li a {
	color: #9c9d9f;
	font-size: 15px;
	line-height: 25px;
}

.footer-nav li a:hover {
	color: white;

}

.menu_footer {
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 70px;
	/* border-top: 1px solid lightgrey; */
	border-top: 1px solid #3f4551;
}

.menu_footer h4 {
	color: white;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 7px;
}

.phone_footer {
	color:white;
	font-size: 16px;
	margin-top: 20px;
}

.row_phone {
   margin-top: 20px;
}

.skype_footer {
	color: #39cef5;
	font-size: 16px;
	margin-top: 6px;
	display: inline-block;
}

.header_lp {
	margin-top: -88%;
}

.header_lp {
	margin-top: -86% !important;
	padding:0px;
	margin-bottom: 0px;
}

.about_lp {
	margin-top: -12%;
	background: rgba(0,0,0,0.3);
	display: inline-block;
	width: 100%;
	position: absolute;
	color: white;
	padding-top: 1%;
}

.how_lp {
	font-size: 28px;
	font-weight: bold;
	padding-left: 28px;
}

.ico {
	width: 17px !important;
}

.lp_services {
	font-size: 16px;
}

.lp_serv {
	text-align: left;
}

.btn_orange {
	display: inline-block !important;
	background-color: #ff6633;
	width: 100%;
	border-radius: 0px;
}

.btn_orange:hover {
	background-color: #d85429 !important;
}


#open_form input {
	padding-bottom: 12px;
	width: 100%;
	font-size: 14px;
	padding-left: 35px;
	padding-top: 10px;
	/* border-radius: 5px; */
	border: bone !important;
	margin-top: 3px;
	color: black;
}

.label_form {
	position: absolute;
	top: 18%;
	width: 30px !important;
}

.w100 {
	width: 100%;
}

.form_lp {
	margin: 22px 0px;
}

.speed_lp {
	color:black;
	margin-top: 50px;
}


.speed_lp h1 {
	color: black;
	font-size: 35px;
	font-weight: 300;
	text-transform: none;
}

.lp_color {
	color: #ff6633;
}

.lp_border {
	border-top:3px solid  #ff6633;
	margin-bottom: 35px;
}

.lp_border_org {
	border-top:3px solid  #ff6633;
	margin-bottom: 35px;
}


.corp_border {
	border-top:3px solid  white;
	margin-bottom: 35px;
}


.lp_gray  {
	color: #747474;
	font-size: 15px;
	/*padding-bottom: 30px;*/
	display: inline-block;
}

.lp_bold {
	font-weight: bold;
}

.lp_normal {
	color: #6a6a6a;
	font-size: 14px;
}

.icons_lp {
   width: 50px;
	display: inline-block;
	margin-top: 25px;
}

.icons {
    margin-bottom:55px;
}

.lp_p {
	color: #6a6a6a;
	font-family: inherit;
	font-size: 14px;
	padding-bottom: 25px;
}

.lp_desc {

}

.lp_design {
	margin-top: 80px;
	font-size: 25px;
}

.corp_design {
	margin-top: 60px;
	font-size: 25px;
}


section.desc_l {
	background-color: #eee;
	margin-top: 70px;

}

section.magenta {
	background-color: #4e4564;
}


.desc_img {
	width: 100%;
	display: inherit;
}

.magenta h2 {
	color: white;
	padding-top: 80px;
}


.bilds {
	color: white;
	margin-bottom: 50px;
	display: inline-block;
	font-family: inherit;
}

@media only screen and (min-width : 768px) {
	.step1_lp {
		background-image: url("/images/img1_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
	}
	.step2_lp {
		background-image: url("/images/img2_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
	}
	.step3_lp {
		background-image: url("/images/img3_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
	}
	.step4_lp {
		background-image: url("/images/img4_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
	}
	.step5_lp {
		background-image: url("/images/img5_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
	}
	.step6_lp {
		background-image: url("/images/img6_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
	}
	.step1_corp {
		background-image: url("/images/img1_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
		background-color: white;
	}
	.step2_corp {
		background-image: url("/images/img2_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
		background-color: white;
	}
	.step3_corp {
		background-image: url("/images/img3_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
		background-color: white;
	}
	.step4_corp {
		background-image: url("/images/img4_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 100%;
		margin-bottom: 50px;
		padding: 20px 25%;
		position: relative;
		background-color: white;
	}
	.step1_magazine {
		background-image: url("/images/img1_magazine.png");
		background-repeat: no-repeat, repeat-y, space;
		/*background-size: 100% 100%;*/
		margin-bottom: 50px;
		padding: 20px 5% 20px 18%;
		position: relative;
		background-color: white;
	}
	.step2_magazine {
		background-image: url("/images/img2_magazine.png");
		background-repeat: no-repeat, repeat-y, space;
		/*background-size: 100% 100%;*/
		margin-bottom: 50px;
		padding: 20px 5% 20px 18%;
		position: relative;
		background-color: white;
	}
}

@media only screen and (max-width : 960px) {

	.row_phone {
		text-align: center !important;
	}

	.red_line , .red_line_corp{
		display: none !important;
	}
	.line_desctop {
		display: none;
	}
	.call_me {
		width: 50% !important;
	}
	.step1_lp {
		background-image: url("/images/img1_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
	}
	.step2_lp {
		background-image: url("/images/img2_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
	}
	.step3_lp {
		background-image: url("/images/img3_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
	}
	.step4_lp {
		background-image: url("/images/img4_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
	}
	.step5_lp {
		background-image: url("/images/img5_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
	}
	.step6_lp {
		background-image: url("/images/img6_lp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
	}
	.step1_corp {
		background-image: url("/images/img1_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
		background-color: white;

	}
	.step2_corp  {
		background-image: url("/images/img2_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
		background-color: white;
	}
	.step3_corp  {
		background-image: url("/images/img3_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
		background-color: white;
	}
	.step4_corp  {
		background-image: url("/images/img4_corp.png");
		background-repeat: no-repeat, repeat-y, space;
		background-size: 100% 35%;
		margin-bottom: 50px;
		padding: 20px 15% 6% 20%;
		position: relative;
		background-color: white;
	}
	.step1_magazine  {
		background-image: url("/images/img1_magazine.png");
		background-repeat: no-repeat, repeat-y, space;
		/*background-size: 100% 35%;*/
		margin-bottom: 50px;
		padding: 20px 16% 6% 15%;
		position: relative;
		background-color: white;
	}
	.step2_magazine  {
		background-image: url("/images/img2_magazine.png");
		background-repeat: no-repeat, repeat-y, space;
		/*background-size: 100% 35%;*/
		margin-bottom: 50px;
		padding: 20px 16% 6% 15%;
		position: relative;
		background-color: white;
	}

}


.step1_lp,.step2_lp,.step3_lp,.step4_lp,.step5_lp,.step6_lp, .step1_corp, .step2_corp, .step3_corp, .step4_corp,  .step1_magazine,.step2_magazine  {
	background-color: white;
	margin-bottom: 50px;
	border-radius: 15px;
	border: 1px solid #999999;
}

.analitick {
	font-weight: bold;
	text-transform: uppercase;
}

.analitick_corp {
	color: #4e4564;
	font-weight: bold;
	text-transform: uppercase;
}

.corp_step p {
	color:#777777;
	font-size: 14px;
}
.step1_lp p, .step2_lp p, .step3_lp p, .step4_lp p, .step5_lp p, .step6_lp p {
	color: #999999;
	font-size: 14px;
}

.step1_lp:before,.step2_lp:before ,.step3_lp:before ,.step4_lp:before ,.step5_lp:before ,.step6_lp:before,
.step1_corp:before,.step2_corp:before ,.step3_corp:before ,.step4_corp:before
{
	content: '';
	position: absolute;
	right: 777px;
	top: 48px;
	border: 15px solid transparent;
	border-right: 15px solid white;
}

.org {
	color:#ff6633;
	text-transform: uppercase;

}

.call_me {
	margin: 0 auto;
	margin-bottom: 45px;
	margin-top: -25px;
}

.lp_shema {
	margin-top: 50px;
}

.red_line {
	height: 1450px;
}
.red_line_corp {
	height: 1100px;
}
.line2 {
	margin-top: -38px;
}

.fon{
	background-image: url(/bitrix/templates/hatley/images/fon.png);
	background-repeat: repeat-x;
	margin-top: 50px !important;
	margin-bottom: 70px !important;
	width: 100%;
	height: 180px;
	display: inline-block;
	margin-right:0px;
}

.row .fon {
	margin: 0px;
}
.fon_corp {
	background-image: url(/images/fon_corp.png);
	background-repeat: no-repeat, repeat-y, space;
	margin-top: 70px;
	margin-bottom: 70px;
}
.form{
	background-image: url(/images/form.png);
	background-repeat: no-repeat, repeat-y, space;
	margin-top: 70px;
	padding-bottom: 50px;
}
.design {
	background-image: url(/images/design.png);
	background-repeat: no-repeat, repeat-y, space;
	padding-top: 70px;
	margin-bottom: 70px;
	background-color: #e8ecef;
}
.review {
	margin: 10px;
	border:1px solid #ebebeb;
	border-radius: 25px;

}

.maian_mnu  ul li:hover {
	text-decoration: none !important;
}

.review_avatar {
	border-bottom: 1px solid #ebebeb;
	padding: 3%;
}

.town, .review_text {
	color: #999999;
	padding: 5% !important;
	font-size: 14px;
}

.client {
	display: inline-block;
}

.town,.fio , .firms {
	font-size: 13px;
}


.price {
	background-image: url(/images/price.png);
	background-repeat: no-repeat, repeat-y, space;
	background-size: 100% 100%;
	/* padding: 20px; */
	height: 176px;
}
.white_form {
	background-color: white;
}
.price_conteiner span {
	color: #999999;
}

.price_desc {
	/*-webkit-box-shadow: 6px 31px 49px -37px rgba(0,0,0,0.3);
	box-shadow: 6px 31px 49px -37px rgba(0,0,0,0.3);*/
	background: #f8f8f8;
	padding: 2%;
	font-size: 14px;

}
.price_conteiner {
	padding: 20px;
	line-height: 33px;
	background-color: white;
	border: 1px solid #e7e7e7;
	border-top: none;
}

.why_us {
	margin-top: 50px;
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	padding-left: 25px;
}

.question {
	background-image: url(/images/coffe.png);
	background-repeat: no-repeat, repeat-y, space;
	background-position-x: 91%;
	background-position-y: 3%;
	padding-bottom: 50px;
	margin-top: 100px;
}

#faq p{
	font-size: 15px;
	color: #999999;
	font-family: cursive;
	padding-left: 61px;
}

.call_lp {
	width: 70%;
	margin: 0 auto;
	margin-top: 25px;
}

.button_lp {
	color: black;
	display: block;
	padding: 14px 15px;
	text-transform: uppercase;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-weight: bold;
	border: 2px solid #ff6633;
	border-radius: 47px;
}

.button_lp:hover {
	  background-color:  #ff6633;
	color: white;

  }

.button_lp:active {
	background-color:  #ff6633;
	color: white;

}

.container_fon {
	padding: 7% 0px 3% 0px;
}

.click {
	color: white;
	text-transform: uppercase;
	font-size: 20px;
	display: inline-block;
	margin-bottom: 20px;
}
.send_click {
	margin-bottom: 20px;
	display: inline-block;
	width: 250px;
}
.lids {
	color: white;
	text-align: left !important;
	display: inline-block;
	font-size: 15px;
	padding-left: 27px;
	margin-bottom: 20px;
	display: inline-block;
}

.line1{
	background-image: url("/images/line1.png");
	background-repeat: no-repeat, repeat-y, space;
	margin-bottom: 60px;
	height: 50px;
}
.line2_corp {
	background-image: url(/images/line2.png);
	background-repeat: no-repeat, repeat-y, space;
	margin-bottom: 60px;
	height: 50px;
}
.line3 {
	background-image: url(/images/line3.png);
	background-repeat: no-repeat, repeat-y, space;
	margin-bottom: 60px;
	height: 50px;
}

.green {
	color:#a0d424;
	font-weight: bold;
}

.shablon {
	background-color: white;
	border-left: 38px solid #f3e7d7;
	padding: 25px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 14px;
}

.shablon p {
	/*line-height: 14px;*/
	margin: 0px;
}

.blue {
  color:#504a62;
  margin: 15px 0px;
  font-weight: bold;

}

.text_shablon {
	/*text-transform: uppercase;*/
	font-weight: bold;
}

p.ok {
	text-align: right;
}


.what_new {
	padding-bottom: 50px;
}

.what_new input {
	border: 1px solid lightgray !important;
	margin-bottom: 25px;
}


/*hover*/
/*.item {
	text-align:center;
	float:left;
	margin:5px;
	position:relative;
}

.item,
.item-hover,
.item-hover .mask,
.item-img,
.item-info {
	width: 300px;
	height: 225px;
}

.item-hover,
.item-hover .mask,
.item-img {
	position:absolute;
	top:0;
	left:0;
}

.item-type-line .item-hover {
	z-index:100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	opacity:0;
	cursor:pointer;
	display:block;
	text-decoration:none;
	text-align:center;
}

.item-type-line .item-info {
	z-index:10;
	color:#ffffff;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	z-index:5;
}

.item-type-line .item-info .headline {
	font-size:20px;
}

.item-type-line .item-info .line {
	height:1px;
	width:0%;
	margin:15px auto;
	background-color:#ffffff;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;

}

.item-type-line .item-info .date {
	font-size:12px;
}

.item-type-line .item-hover .mask {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:0.5;
	z-index:0;
}

.item-type-line .item-hover:hover .line {
	width:40%;
}

.item-type-line .item-hover:hover {
	opacity:1;
}

.item-img {
	background-color:#7a548f;
	z-index:0;
}*/


div.categories_1{
	background: url("/images/category1.png") no-repeat center top;
	height: 300px;
	width: 300px;
	margin: 0 auto;
}
p.categories_more{
	opacity: 0;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Segoe UI';
	line-height: 300px;
	text-align: center;
	color: #fff;
}
div.categories_1:hover p.categories_more{
	opacity: 1;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
}

.slickhoverWrapper {
	width: 100% !important;
}


/*.category_link img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	position: relative;
	z-index: 2;
}*/


/**/
.effect {
	position: relative;
	/*width: 300px;
	height: 200px;
	overflow: hidden;*/
}

.effect img {
	width: 100%;
	height: 100%;
}

.effect .caption {
	position: absolute;
	top: -100%;
	left: 0px;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
	transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
	display: none;
}

.effect:hover .caption {
	top: 0px;
	display: block;
}

.effect .caption h4 {
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid white;
	padding-bottom: 20px;
	margin-top: 20px;
}

.effect .caption p {
	margin: 15px 0px;
	text-align: center;
	font-style: italic;
	padding: 0px 10px;
}

.effect .caption a.btn {
	width: 120px;
	text-align: center;
	display: block;
	background: white;
	color: black;
	padding: 10px 0px;
	margin: 0px auto 0px auto;
	text-transform: uppercase;
	color: #003867;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 15px;
	font-style: normal;
	border-radius: 0px;
}
.mt_big {
	margin-top: 18.5% !important;
}
.mt_small {
	margin-top: 38% !important;
}

/* Стили модального окна и содержания
-------------------------------------------------------------------------------*/

/* слой затемнения */

.dm-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.65);
	display: none;
	overflow: auto;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
/* активируем модальное окно */

.dm-overlay:target {
	display: block;
	-webkit-animation: fade .6s;
	-moz-animation: fade .6s;
	animation: fade .6s;
}
/* блочная таблица */

.dm-table {
	display: table;
	width: 100%;
	height: 100%;
}
/* ячейка блочной таблицы */

.dm-cell {
	display: table-cell;
	padding: 0 1em;
	vertical-align: middle;
	text-align: center;
}
/* модальный блок */

.dm-modal {
	display: inline-block;
	padding: 20px;
	max-width: 50em;
	background: #607d8b;
	-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	color: #cfd8dc;
	text-align: left;
}
/* изображения в модальном окне */

.dm-modal img {
	width: 100%;
	height: auto;
}
/* миниатюры изображений */

.pl-left,
.pl-right {
	width: 25%;
	height: auto;
}
/* миниатюра справа */

.pl-right {
	float: right;
	margin: 5px 0 5px 15px;
}
/* миниатюра слева */

.pl-left {
	float: left;
	margin: 5px 15px 5px 0;
}
/* встраиваемое видео в модальном окне */

.video {
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
	height: 0;
}
.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* рисуем кнопарь закрытия */

.close {
	z-index: 9999;
	float: right;
	width: 30px;
	height: 30px;
	color: #cfd8dc;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	cursor: pointer;
}
.close:after {
	display: block;
	border: 2px solid #cfd8dc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: 'X';
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
/* кнопка закрытия при наведении */

.close:hover:after {
	border-color: #fff;
	color: #fff;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* варианты фонвой заливки модального блока */

.green {
	background: #388e3c!important;
}
.cyan {
	background: #0097a7!important;
}
.teal {
	background: #00796b!important;
}
/* движуха при появлении блоков с содержанием */

@-moz-keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1
	}
}
@-webkit-keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1
	}
}
@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1
	}
}


/**/


@media (min-width: 484px) and (max-width: 575px) {
	.main_slider .main_slide_item .box_test_slide {
		width: 68%;
	}
}
@media (min-width: 481px) and (max-width: 483px) {
	.main_slider .main_slide_item .box_test_slide {
		width: 69%;
	}
}
input#nav {
	display: none;
}
@media (max-width: 1156px) {
	.modal > .next_tov {
		display: none;
	}
	.modal > .prev_tov {
		display: none;
	}
}
@media (min-width: 769px) and (max-width: 1156px) {
	.modal {
		margin-left: -290px;
	}
}


/***/
/* Базовые стили слоя затемнения и модального окна  */
.popup__overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	text-align: center;
	z-index: 1000;
}

.popup__overlay_send {
	display: none;
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100%;
	width: 100vw;
	height: 100vh;
	height:100%;
	background: rgba(0,0,0,.7);
	text-align: center;
	z-index: 1000;
}
.popup__overlay:after {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
	content: ''
}
.popup__overlay_send:after{
	display: inline-block;
	height: 100% !important;
	width: 0;
	vertical-align: middle;
	content: ''
}
.popup {
	display: inline-block;
	position: relative;
	max-width: 80%;
	/*padding: 20px;*/
	/*border: 5px solid #fff;*/
	/*border-radius: 15px;
	box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4);*/
	background: #fff;
	vertical-align: middle
}
.popup-form__row {
	margin: 1em 0;
	width: 250px;
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	margin: 0 auto;
}
label {
	display: inline-block;
	text-transform: uppercase;
	/*width: 120px;*/
	text-align: left;
	font-size: 12px;
}
input[type="text"], input[type="password"] {
	margin: 0;
	padding: 2px;
	border: 1px solid;
	border-color: #999 #ccc #ccc;
	border-radius: 2px;
	width: 100%;
}
.form_send h2 {
	color: #003867;
	font-weight: bold;
	font-size: 18px;
}
input[type="button"] {
	padding: 6px 16px;
	border: 0;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.3);
	box-shadow:         inset 0 1px 1px rgba(255,255,255,.3);
	cursor: pointer;
	background-color:#003867;
	color: #fff
}
#form-feedback .comment {
	font-size: 12px;
	color: red;
	width: 80%;
	margin: 0 auto;
	padding-top: 25px;
}
.popup__close {
	display: block;
	position: absolute;
	top: -20px;
	right: 10px;
	width: 12px;
	height: 12px;
	padding: 8px;
	border: 5px solid #fff;
	/*border-radius: 50%;
	-webkit-box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4),
	0 3px 3px     rgba(0,0,0,.4);
	box-shadow:         inset 0 2px 2px 2px rgba(0,0,0,.4),
	0 3px 3px     rgba(0,0,0,.4);*/
	cursor: pointer;
	background: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #444;
	text-decoration: none;
	font-weight: bold
}

.form_send {
	padding-bottom: 32px;
	-webkit-box-shadow: inset 0 2px 2px 2px rgba(0, 0, 0, .4), 0 3px 3px rgba(0, 0, 0, .4);
	box-shadow: inset 0 2px 2px 2px rgba(0, 0, 0, .4), 0 3px 3px rgba(0, 0, 0, .4);
	margin: 30px;
}

.form_send p{
	/*width: 50%;*/
	margin: 0 auto;
	font-size: 12px;
}

.form_send p{
	width: 80%;
	margin: 0 auto;
	font-size: 12px;
}


.r_error {
	border: 1px solid red !important;
}
.popup__close:hover {
	background: #ddd
}

.blues {
	background-color: #97d2c9;
	height: 56px;
	color: white;
	text-transform: uppercase;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 16px;
	text-align: left;
	padding: 15px 15px 15px 30px;
}


/*.slick-slide {
	margin: 0px 10px 0px 0px;
}*/