/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	                     /* размер шрифта всем одинаковый */
	
}
body{ 
overflow-x:hidden; 
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #;
	text-align: center;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
	font-family: 'Lato', sans-serif; /*font-family: 'Roboto Condensed', sans-serif;*/
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	color: #f45a40;
	text-decoration: underline;
}
a:hover {
	color: #f45a40;
	text-decoration:none;
}
a:focus, a:active {
	color: #f45a40;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
img{

	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /базовые настройки ---------*/
.wrapper {
	margin-top:10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;

}
.xpandable-block {
  height: 35px;
  overflow: hidden;
  order: 0;
   padding:0px 30px; 
}
.xpand-button {
  order: 1;
}
input[type="checkbox"] {
 display: none;
}
input[type="checkbox"]:checked + .xpandable-block {
  height: auto;
}
label {
  order: 1;
  color: blue;
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
   padding:0px 30px; 
  
}

.center-block-main{
	 	margin-top:10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}


.header-phone{
	 margin-top:10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
    .header-phone a{
			color:#000; text-decoration:none;
		}
	.logo{
		  margin:30px auto;
			 display: flex; justify-content: center;
	}

.header-bottom{
	padding:5px 0;
}
	.menu{
		float:right;clear:both; font-family:'Droid Sans', sans-serif;  margin-bottom:10px;
	}
		.menu li{
			float:left; text-transform:uppercase; margin-right:30px; font-size:0.875em;
			
		}
			.menu li a{
				color:#000; text-decoration:none;
			}
			.menu li a:hover{
				color:#2fac33;
				border:2px solid #2fac33; border-radius:10px;
				padding:5px;
			}
  .teip a {
   background:#2fac33;   
	border:2px solid #65d055; border-radius:10px;
     box-shadow: 0 0 4px #65d055; /* Параметры тени */
     padding:5px;
     
}
.italic{
	font-style: italic;line-height:2;
}
.fotoread{
	margin:20px;border:5px solid #32ad36; border-radius:10px; 
}
.big{
	font-size:1.5em; font-weight:300; line-height:1.1; margin-bottom:5px;
}

   .round {
 
    border-radius: 400px; /* Радиус скругления */
    border: 1px solid green; /* Параметры рамки */
    box-shadow: 0 0 3px #666; /* Параметры тени */
	
	float:left;
   }

		.read{
		text-align:center;
		margin:15px;font-size:1.5em;
		font-weight:600;
	}
/*
	Author: Nemets Yury
	Site: www.sitehere.ru
	Источник изображений: https://www.iconfinder.com/icons/984102/avatar_casual_male_man_person_user_icon
*/



/*Шрифты*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Light'), local('RobotoLt-Regular'),
        url(../fonts/Roboto/roboto-light.woff) format('woff'),
        url(../fonts/Roboto/roboto-light.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url(../fonts/Roboto/roboto-bold.woff) format('woff'),
        url(../fonts/Roboto/roboto-bold.ttf) format('truetype');
}

/*Стили для демо*/
/*h2*/.title {
	background-color: #503d3f;
	color:#fff;
	font-family: "Roboto", sans-serif;
	line-height: 60px;
	font-weight: 400;
	position: relative;
	text-align: center;
	font-size: 28px;
	margin-bottom: 10px;
}



/*h2*/.title:after {
	content: "";
	position: absolute;
	bottom:-35px;
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1px;
	border:20px solid transparent;
	border-top-color: #503d3f;
	z-index: 10;
}

h2.title + .owl-carousel .owl-dots .owl-dot.active span {background-color: #503d3f;}

h2.title.five {background-color: #eec643;}
h2.title.five:after {border-top-color: #eec643;}

h2.title span{
	color:#fff;
	font-family: "Roboto", sans-serif;
	line-height: 40px;
	font-weight: 700;
}

.block-one-example {
	margin:30px 0;
	position: relative;
}








/*Основные стили*/

.container {
	max-width:100%;
	margin:0 auto;
}

.inner-testimonial {
	text-align: center;
	background-color: #fff;
}

.inner-testimonial > img{
	max-width:100%;
	margin:0 auto 15px;
	opacity: 0;
	-webkit-transition:all 1.3s linear;
	transition:all 1.3s linear;
}

.owl-item.active .inner-testimonial > img{
	-webkit-transition:all 1.3s linear;
	transition:all 1.3s linear;
}

.owl-item.active .inner-testimonial > img.full-opacity {
	opacity:1;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

h3.city-name {
	padding:10px 0;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
}

/*p*/.text-testimonial {
	padding:10px 0;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	line-height: 25px;
}

.block-items {
	cursor: default;
}

/*Изменяем внешний вид элементов управления (точки) */
.owl-theme .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
}

.owl-theme .owl-dots .owl-dot.active span{
	width: 18px;
	height: 18px;
}

/*Стрелки*/
.owl-my-nav {
	position: absolute;
	width: 100%;
	height: 100%;
}

.owl-my-nav .owl-prev,
.owl-my-nav .owl-next{
	position: absolute;
	width: 60px;
	top:34%;
	font-size: 100px;
	z-index: 20;
	cursor:pointer;
	opacity: 0.5;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
}

.owl-my-nav .owl-prev:hover,
.owl-my-nav .owl-next:hover{
	opacity: 0.8;
}

.owl-my-nav .owl-prev {
	left: 50px;
}

.owl-my-nav .owl-next {
	right: 50px;
	text-align: right;
}



}

.block4-section{
	
   	margin-top:10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
	.block4-section>h2{
		font-size:2.25em; 
		font-weight:600;
		text-align:center;
		color:#414042;
		margin:30px ;
	}
	.block4-section>h3{
		font-size:1.25em; 
		font-weight:400;
		text-align:center; 
	}
		.block4-section>h4{
		font-size:1.2em;
		font-weight:400;
		text-align:center;
		margin-bottom 
	}
	.block4-section>p{
		background:
		font-size:1.2em; font-weight:400;
		text-indent: 20px;
        margin-top: 0.5em; /* Отступ сверху */
		padding:10px ;
	}
	
	.block4-main{
              margin-top:20px;
	}
		.block4-main article{
		 
		}
		.block4-main article:first-child{
			margin-left:0;
		}
		.block4-main article img{
			display:block;
			margin:0 auto;
			border:5px solid #32ad36;
			border-radius:10px;
		}
		.block4-main-content{
			padding:20px 20px 0 20px; text-align:center;
		}

		.block4-main-content p{
			font-size:0.8125em; margin-bottom:15px; line-height:1.5;
		}
		p.price-basket{
			border-top:1px solid #eee; font-size:0.875em; color:#f45a40; padding:15px 0; 
		}
		.price{
			float:left;
		}
		.basket-btn{
			float:right;
		}
		
	 iframe {
  max-width: 100%;
}

.subscribe{
	background:#414042; color:#fff; text-align:center;max-width:100%; margin:0 auto;
}
	.subscribe h2{
		font-size:3.4375em; font-weight:600;
	}
	a.download-btn-blue{
		color:#414042; display:inline-block; padding:20px 50px; border-radius:7px; font-size:15px; text-decoration:none; font-weight:600; background:#4bcaff;
	}
	a:hover.download-btn-blue{
		color:#fff;
	}

.contakt-main{
	position:relative; max-width:100%; margin:0 auto;
}
	.contakt-block{
		position:absolute;
		top :90px; max-width:100%; 
		margin-left:10px;  
		background:rgba(49,153,185,0.7);
		border-radius:5px; padding:30px 30px 10px 30px;
		box-sizing:border-box;
	}
	.contakt-block h2{
		color:#fff; font-size:2.25em; text-align:center; margin-bottom:20px; font-weight:600;
	}
	.ftrmail{
		width:100%;  font-size:0.75em; margin-bottom:15px; padding:7px 20px; border:none; box-sizing: border-box; border-radius:5px; text-align:center;
	}
	.ftrtext{
		width:100%; font-size:0.75em;  margin-bottom:15px; padding:7px 20px; border:none; box-sizing: border-box; border-radius:5px; text-align:center;
	}
	.ftrsubmit{
		font-size:0.875em; border:none; background:#414042; padding:10px 40px; color:#72b3cc; cursor:pointer; border-radius:5px; display:block; margin:0 auto;
	}
	
	
.ftr{
	background:#eee; padding:10px 0; margin:30px auto;
}
	.ftr h2{
		color:#fff; font-size:1.325em; font-family: 'Roboto Condensed', sans-serif; margin-bottom:10px; text-transform:uppercase;text-align:center;
	}
	.ftr p{
		font-size:0.875em; margin-bottom:20px;text-align:center;
	}
	.ftr h3{
		font-size:0.875em; margin-bottom:5px;text-align:center;
	}
		.ftr h3 a{
			color:#fff; text-decoration:none;text-align:center;
		}
		.ftr h3 a:hover{
			text-decoration: underline;text-align:center;
		}
	.support{
		float:left; width:47%; margin-right:3%;
	}
		.support a{
			display:block; margin-bottom:5px; text-decoration:none; color:#7e7f84;
		}
		.support a:hover{
			text-decoration:underline;
		}
	input.button4 {
	margin:auto;	
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}