/* CSS Document */
@import "class.css";
@import "page-nav.css";
@import "forms.css";
@import "modules.css";

@font-face {
	font-family: 'PT Sans'; 
	src: local('PT Sans'), url(fonts/PTSansRegular.ttf) format('truetype');
}

@font-face {
	font-family: 'PT Sans'; 
	font-style: italic;
	src: local('PT Sans'), url(fonts/PTSansItalic.ttf) format('truetype');
}

@font-face {
	font-family: 'PT Sans'; 
	font-weight: bold; 
	src: local('PT Sans'), url(fonts/PTSansBold.ttf) format('truetype');
}

@font-face {
	font-family: 'PT Sans'; 
	font-style: italic;
	font-weight: bold; 
	src: local('PT Sans'), url(fonts/PTSansBoldItalic.ttf) format('truetype');
}

body, .mceContentBody{ font-family:PT Sans; font-size:13px; line-height:normal; color:#333738;}
body.mceContentBody{ width:auto; height:auto !important; }
@media screen and (max-width: 819px) {
	body {
		/*layout*/
		padding-top: 40px;
	}
}
#wrapper, .mceContentBody{}

.pagecontent, .mceContentBody{}
.pagecontent ul, .mceContentBody ul,
.pagecontent ol, .mceContentBody ol{ margin:15px 0; padding-left:40px; list-style:disc; }
.pagecontent table, .mceContentBody table{ border:1px solid #333; border-collapse:collapse; }
.pagecontent td, .mceContentBody td,
.pagecontent th, .mceContentBody th{ border:1px solid #333; padding:3px; }
#uslugi_inner .pagecontent.cf {background: #F9F9F9;padding: 15px;border: 1px #eee solid;}

*{ margin:0; padding:0; }

table, img, div, a { border:0; }
table, td, th, div, img{
	border:none 0; border-spacing:0px; padding:0; margin:0;
	outline:none;
}
h1, h2, h3, h4{
	padding:0; margin:10px 0;
	font-size:24px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
h1{ font-size:22px; font-weight:bold; }
h2{ font-size:18px; text-transform:uppercase; font-weight:bold; }
h3{ font-size:16px; }
h4{ font-size:14px; }

p{ margin:0 0 20px 0; }
a{ border:none;	}
a:hover{ }
a{ color:#008fbc; text-decoration:underline; }
hr{ border:none; background:#dbdbdb; height:1px; margin:10px 0; }
.button-red {
	/*layout*/
	display: block; 
	width: 100%;
	max-width: 215px;
	height: 45px;
	margin: auto;
	padding-top: 1em;
	
	/*style*/
	background: #d30202;
	color: white;
	font-family: "PT Sans", Arial, sans-serif;
	font-size: 14px; 
	text-align: center;
	text-decoration: none;
	cursor: pointer; 
}
.button.big{
	position:absolute;
	z-index:3;
	right:0;
	bottom: 2px;
	display:block;
	width:215px;
	height: 27px;
	background:#d30202; 
	text-align:center; 
	color:#FFF; 
	font-size:14px;
	cursor:pointer;
	padding-top: 7px;
	font-family: PT Sans;
}
.button.blue{
	display:inline-block;
	width:180px;
	background:#008fbc; 
	text-align:center; 
	color:#FFF; 
	font-size:15px;
	font-weight:bold;
	text-decoration: none;
	line-height:40px;
	cursor:pointer;
}
.button-red, .button.big, .button.blue {
	transition: 0.4s;
}
a.button-red:hover, a.button-red:active, a.button-red:focus,
a.button.big:hover, a.button.big:active, a.button.big:focus,
a.button.blue:hover, a.button.blue:active, a.button.blue:focus {
	color: white;
	text-decoration: none;
	text-shadow: white 0 0 5px;
}
.warning h3{
	padding-bottom: 12px !important;
}
.warning p{
	font-weight: bold;
	margin-bottom: 5px;
	font-size:15px;
}
/* ymaps{ float:right; } */
#seo .usluga .carusel-wrapper {
	/*layout*/
	width: 100%;
	margin: auto;
	margin-top: 30px;
	height: 322px;
}
@media screen and (max-width: 469px) {
	#seo .usluga .carusel-wrapper {
		overflow-x: scroll;
	}
}
#seo .usluga .carusel {
	/*layout*/
	width: 100%;
	min-width: 420px;
	height: 100%;
	overflow: hidden;
}
#seo .usluga .carusel .title_row, #seo .usluga .carusel .carusel-row {
	/*layout*/
	width: 100%;
}
#seo .usluga .carusel .carusel-row .carusel-cell {
	/*layout*/
	position: relative;
	z-index: 1; 
}
#seo .usluga .carusel .title_row .carusel-cell {
	/*layout*/
	position: relative;
	height: 40px;
	vertical-align: middle;
	z-index: 2;
	
	/*style*/
	background-color: #ededed;
	border: 1px solid #e2e2e2;
	text-align: center;
	font-size: 14px;
}
#seo .usluga .carusel .carusel-row .carusel-cell:first-of-type,
#seo .usluga .carusel .title_row .carusel-cell:first-of-type {
	/*layout*/
	padding-left: 25px;
	
	/*style*/
	text-align: left; 
}
#seo .usluga .carusel .carusel-cell a {
	/*layout*/
	display: block; 
}
#seo .usluga .carusel .carusel-cell {
	/*layout*/
	float: left;
	width: 33.333333%;
	height: 54px;
	vertical-align: middle;
	
	/*style*/
	background-color: #fcfcfc;
	border: 1px solid #e2e2e2;
	text-align: center;
	font-size: 14px;
}
form a.personal_accept {
	font-size: 10px; 
	width: 400px;
	color: whitesmoke;
}
#seo form a.personal_accept {
	
	color: #fff;
}
#header form a.personal_accept{ 
display:none;
}
#wrapper form a.personal_accept{ color:#FFF; }


/*    CRM    */
.crm_main {
	width: 1000px;
	margin-left:auto;
	margin-right: auto;
	/*border: 1px solid black;*/
}
.sec1 {
	position:relative;
}
.sec1 img {
width: 47%;
margin-top: 0px;
margin-bottom:0px;
}
.buttons_s .but1 {
	padding: 0.7em 3.7em !important;
	margin-left:19%;
}
.buttons_s .but2 {
	margin-left: 32%;
}
.plan img {
	width: 100%;
}
.zagolovok {
	/*position:absolute;
	top: -2%;
	right: -3%;*/
	font-size: 64px;
	width: 1000px;
	color: #CC5D5D;
    /*text-shadow: 1px 1px 3px #000000;*/
	text-align: center;
	margin-bottom: 40px;
}
.predl {
	position:absolute;
	bottom: 12%;
	right: 27%;
	font-size: 38px;
}
.crm_main a.but1 {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: 0.7em 2.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  font-size: 17px;
} 
.crm_main a.but1:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */


.crm_main a.but2 {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  
  background: rgb(39, 81, 155); /* фон кнопки */
  padding: 0.7em 3.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  font-size: 17px;
} 
.crm_main a.but2:hover { background: rgb(21, 50, 112); } /* при наведении курсора мышки */
.but1 {
	margin-left:14%;
}
.but2 {
	margin-left: 19%;
}
.sec2 {
	margin-top: 100px;
}
.priim {
	width: 200px;
	height: 280px;
	/*border: 1px solid red;*/
	float:left;
	margin-left: 9%;
	text-align: center;
	padding: 5px;
	border-radius:15px;
}
.priim p, .polza p {
	text-align:left;
	font-size:15px;
	margin-top: 20px;
}
.polza p {
	text-align:left;
	font-size:14px;
	margin-top: 20px;
}
.sec3 {
	margin-top:50px;
	/*background: url(/assets/images/1704/shutterstock_584181011111.jpg) no-repeat;*/
	height:678px;
	position:relative;
}
.sec3 .zag {
	font-size:44px;
	padding-top:50px;
	padding-left:30px;
	margin-left: 52px;
	color: #DB7575;
	/*text-shadow: 1px 2px 2px #000000;*/
}
.sec3 ul {
	list-style-image: url(/assets/images/1704/check40.png);
	position:absolute;
	top:24%;
	right:11%;
		color: #DB7575;
	/*text-shadow: 1px 2px 2px #000000;*/
}
.sec3 ul li {
	font-size:30px;
}
.polza {
	width: 375px;
	height: 265px;
	/*border: 1px solid red;*/
	background:#F3F5F6;
	border-radius:20px;
	float:left;
	margin-left: 8%;
	margin-top: 2%;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	border-radius:15px;
	margin-bottom: 40px;
}


.sec4 {
	margin-top:50px;
	/*background: url(/assets/images/1704/boss.jpg);*/
	height: 678px;
	position:relative;
	/*background:#334455;*/
}
.sec4 .zag {
	font-size:44px;
	padding-top:24px;
	padding-left:30px;
	color: #DB7575;
	text-align:center;
	/*text-shadow: 1px 1px 2px #000000;*/
}
.sec4 ul {
	list-style-image: url(/assets/images/1704/check40.png);
	position:absolute;
	top:23%;
	left:13%;
	color: #DB7575;
	/*text-shadow: 1px 1px 1px #000000;*/
}
.sec4 ul li {
	font-size:30px;
}
.rekl {
	/*border: 1px solid black;*/
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	margin-top:70px;
	font-size: 16px;
	background: #F5DEDE;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
}
/* End Crm */

.c{
	display:none;
}

/* Callback modal Form */

.bottom-form-btn {
	    color: #fff;
    width: 180px;
    height: 34px;
    background: #008fbc;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    margin: 50px 0px
}
.form-control-modalform {
	padding: 7px;
	margin:7px;
	width: 250px;
}

.modal_message {
    display: none;
	margin:15% auto;
	max-width:40%;
	background: white;
	text-align: center;
    padding: 70px;
	position: relative;
	border-radius: 15px;
}
.modal_background {
    display: none;
	top:0;
	left:0;
    height: 100%;
    width: 100%;
	position: fixed;
	background-color: rgba(160, 190, 193, 0.7);
}
.message_exit{
    text-align: center;
    border: 1px double black;
cursor: pointer;
	position: absolute;
	top: -10px;
    right: -12px;
    width: 25px;
    height: 25px;
    background: #e8dfdf;
	border-radius: 50px;
	line-height:0.84em;
	font-size:2em;
}
.modal_message button {
	    font-size: 18px;
}
.messahe_Clouse {
color:#fff;
	width: 160px;
    height: 34px;
    background: #7093b2;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;

}

.modalCallback {

    position: relative;
	top: 15%;
	    margin: 0 auto;
    background: #fff;
    height: 400px;
    width: 500px;
	top: 15%;
    position: relative;
	border-radius: 15px;
}
.FormCallback {
    text-align: center;
}
.styled {
	margin:7px;
	width: 250px;	
	padding: 7px;
}
.form-group h2 {
	padding:20px;
}