body {
	margin:0;
	padding:0;
	font-family: 'roboto';
	font-size:14px;
	line-height:1.2;
	color:black;
	min-width:1000px;
	background:white;
	text-align:center;
}

html,body{height: 100%;margin: 0;padding: 0;}

p,h1,h2,h3,h4,ul{margin-top:0;padding:0;}
ul{padding-left:20px;}
a img{border:0;}
*{outline:none;}
a{color:black;}
a:visited {color: #77B030}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
div {
  display: block;
  position: relative;
}

.clear{clear:both;}

img {height: auto; vertical-align: middle;}

.center{
	margin:0 auto;
	width:1000px;
	text-align:left;
}

/*font*/

@font-face {
	font-family: 'roboto';
	src: url('../fonts/roboto-light-webfont.eot');
	src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto-light-webfont.woff2') format('woff2'),
		url('../fonts/roboto-light-webfont.woff') format('woff'),
		url('../fonts/roboto-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/gi4ic0ee-webfont.eot');
    src: url('../fonts/gi4ic0ee-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gi4ic0ee-webfont.woff2') format('woff2'),
         url('../fonts/gi4ic0ee-webfont.woff') format('woff'),
         url('../fonts/gi4ic0ee-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

/*header*/

.header{
	background: url(../img/fon.png) 0px 0px repeat;
	padding-top: 27px;
	height: 81px;
}



.header .phone{
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

.header .phone p{margin-bottom: 0px;}
.header .phone b{font-size: 20px;color: #DE282C;display: block;}
.header .phone i{text-transform: uppercase;	color: #DE282C; font-style: normal;}

.logo {
    display: inline-block;
    width: 410px;
}

.logo img {
    width: 100%;
}

/*allcity*/

.allcity{
	position: absolute;
	left: 435px;
	top: 13px;
	background: #77B030 url(../img/arrowmin.png) 13px 15px no-repeat;
	color: white;
	font-size: 16px;
	cursor:pointer;
	z-index: 11;
}

.allcity:after{
	content: '';
	position: absolute;
	left: 43px;
	top: 0px;	
	width: 2px;
	height: 41px;
	background: #80B435;	
	border-left: 1px solid #6DA12C;
}

.allcity .toggle{display:none;text-align:center;}

.toggle div{cursor: pointer; margin-bottom: 17px;}
.toggle div:hover {color: black;}

.toggle div:first-child{margin-top:17px;}



.allcity .active{
	display:block;
	text-align:center;
	padding: 11px 5px 11px 40px;
	width: 160px;
	border-bottom: 1px solid white;
}

.allcity .active:hover {color: black;}

.allcity b {font-weight: normal;}


.city-phones {
    position: absolute;
    right: 167px;
    top: 20px;
    padding-right: 16px;
    border-right: 1px solid black;
    font-weight: bold;
}

.city-phones:after{
	content: 'Наши телефоны:';
	position: absolute;
	top: -20px;
	color: #DE282C;
}


.city-phones div:first-child{display:block;}

.city-phones div{
	font-size: 16px;
	display:none;
}

.city-phones div a{
	display: block;
	text-decoration: none;
	margin-bottom: 5x;
}

.alexin i{font-size: 11px;display: block;}

/*feedback*/

.feedback{
	position: absolute;
    top: 81px;
    right: 0;
    font-size: 20px;
    background: #5d5d5d;
    color: white;
    padding: 16px 18px;
    cursor: pointer;
    z-index: 1;
    text-transform: uppercase;
}

.feedback:hover {background: #BF0A11;}

/*====feedback-form====*/

#feedback-form{
	display: none;
    position: absolute;
    right: 0;
    top: 136px;
    margin-left: -143px;
    background: #e8e8e8;
    z-index: 10;
    padding: 20px;
    border: 1px solid #5d5d5d;
}


#feedback-form input[type="text"]{
	display: block;
	width:200px;
	padding: 10px;
	margin-bottom: 10px;
}

#feedback-form textarea{
	font-family: 'roboto';
	display: block;
	width:200px;
	padding: 10px;
	margin-bottom: 10px;
	resize:none;
}


#feedback-form input[type="submit"]{
	display: block;	
	font-size: 16px;
	background: #DF2128;
	color: white;
	padding: 11px 26px;
	cursor: pointer;
	border: none;
}
#feedback-form input[type="submit"]:hover {background: #77B030;}

#feedback-form .close{
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

#feedback-form h2 {
	text-transform: uppercase;
	font-weight: normal;
}


.thank-tpl {
	background: white;
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -271px;
	width: 500px;
	padding: 20px;
	border: 1px solid black;
	z-index: 10;
}


/*=========menu=========*/

.menuline{
	background: #5d5d5d;
}

.menu{
	display: block;
	height: 56px;
	margin: 0px;
	padding: 0px;
}

.menu li{
	display: block;
	float: left;		
}

.menu li a{
	position: relative;
	display: block;
	line-height: 56px;
	color: white;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0px 20px;	
}

.menu li:first-child a{padding: 0px 22px;}

.menu li a:hover,
.menu .active a{background: #BF0A11;}

.menu li ul a:hover, .menu .active ul a{background:none;}


.menu ul{
	display: none;
	position: absolute;
	width: 292px;
	margin: 0px;
	padding: 15px 20px;
	z-index: 10;
	background: url(/template/img/black_div.png);
	background: rgba(223,33,40,0.9)
}

.menu ul li{float: none;margin-bottom: 10px;}

.menu ul a{
	font-size: 18px;
	line-height: 26px;
	text-transform: none;
	font-weight: normal;
	border-bottom: 1px dotted rgba(223,33,40,0.9);
}

.menu ul a:hover{background: none;border-bottom: 1px dotted white;}

.menu li:hover ul{display: block;}


/*gallery*/

.gallery{
	height: 320px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 26px;
}

.gallery ul{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left:-100%;
	display: block;
	width: 9999px;
}

.gallery ul li{
	position: relative;
	width: 1000px;
	height: 320px;
	display: block;
	float: left;
	background: white;
}

.gallery ul li img{opacity: 0.4}

.gallery li:nth-child(2n) div{display: block;}
.gallery li:nth-child(2n) img{opacity:1;}

.gallery li div{
	display: none;
	position: absolute;
	top: 65px;
	background: #77B030;
	width: 333px;
	height: 156px;
	padding: 25px 15px 15px 80px;
	color: white;
}

.gallery li div a{
	display: block;
	float: right;
	padding: 10px 15px;
	color: white;
	background: black;
	text-decoration: none;
}

.gallery li div a:hover {color: #DF2128;}

.gallery li div h4{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.gallery .next,
.gallery .prev{
	position: absolute;
	top: 135px;
	width: 65px;
	height: 65px;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.gallery .next{right: 0px;background-position: -62px 0px;}
.gallery .prev{left: 0px;background-position: 0px 0px;}


.gallery .next:hover{background-position: -62px -65px;}
.gallery .prev:hover{background-position: 0px -65px;}

/*==========Template==========*/

.content{
	margin-bottom: 20px;
	overflow: hidden;
	font-size:16px;
	text-align: justify;
}

.content h1{
	text-align: center;
	text-transform: uppercase;
}

/*=====Breadcrumbs=====*/

span.B_crumbBox {display: block;text-align: center; margin: 21px;}

span.B_crumbBox a{text-decoration: none;}

.B_lastCrumb{color:#a31218;}


/*content news*/

.content .news{
	float: left;
	width: 600px;
	display: block;
	text-decoration: none;
	margin: 0px 5px 64px;
	position: relative;
	padding: 0px 40px 0px 28px;
	background: url(../img/buble.png) 0px 0px no-repeat;
}

.content .news:after{
	display:block;
	position: absolute;
	content:'Подробнее';
	background:#77B030;
	padding:15px 20px;
	color:white;
	text-transform: uppercase;
}

.content .news:hover:after{/*display:block;*/ background: #DF2128;}


.content .news .date{
	color:#89ae3f;	
}

/*==========Index==========*/

/*serviceblock*/

.serviceblock{
	overflow: hidden;
	margin-bottom:30px; 
}

.serviceblock .service{
	position: relative;
	width: 313px;
	height: 220px;
	float: left;
	display: block;
	margin-left: 30px;
	text-decoration: none;
}

.serviceblock .service:first-child{margin-left:0px;}

.serviceblock .service span{
	position: absolute;
	left: 0px;
	top: 10px;
	width: 100%;
	font-size: 16px;
	line-height: 44px;
	color: white;
	text-align: center;
	display: block;
	background: url(/template/img/black_div.png);
	background: rgba(36,36,36,0.8);
}

.serviceblock .service:hover span{background: rgba(223,22,40,0.8);}


.serviceblock .service b{
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -33px;
	display: block;
	width: 65px;
	height: 55px;
	background: url(../img/arrow.png) 0px -130px no-repeat;
}


.serviceblock .service:hover b{background: url(../img/arrow.png) -65px -130px no-repeat;}


/*calcul*/

.calcul{
	position: relative;
	text-decoration: none;
	display: block;
	float: left;
	width: 480px;
	height: 210px;	
	overflow: hidden;
	margin-bottom: 45px;
}


.calcul.c1{
	background: url(../img/calc3.jpg) 0px 0px no-repeat;
	margin-right: 40px;
}

.calcul.c2{
	background: url(../img/calc2.jpg) 0px 0px no-repeat;
}

.calcul span{
	display: table-cell;
	vertical-align: middle;
	width: 480px;
	height: 80px;
	padding-top: 10px;
	font-size: 18px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	background: url(/template/img/black_div.png);
	background: rgba(36,36,36,0.8);
	-webkit-transition: top 0.8s;
	-moz-transition: top 0.8s;
	-ms-transition: top 0.8s;
	-o-transition: top 0.8s;
	transition: top 0.8s;
}

.calcul:hover span{
	height: 220px;	
	background: rgba(223,22,40,0.8);
}

h2.title{
	text-transform: uppercase;
	font-size: 44px;
	text-align: center;
	clear: both;
}

/*advantage*/

.advantage{
	height: 390px;
	background: url(../img/advantage_new.jpg) center 0px no-repeat;
	background-size: cover;
	margin-bottom: 60px;
	clear: both;
}

.advantage a {position: absolute;}
.advantage a.f1 {height: 200px; width: 227px; left: 475px; top: 90px;}
.advantage a.f2 {height: 200px; width: 227px; left: 765px; top: 75px;}
.advantage a.f3 {height: 250px; width: 227px; left: 1005px; top: 100px;}
.advantage a.f4 {height: 200px; width: 200px; left: 265px; top: 145px;}
.advantage a.f5 {height: 200px; width: 175px; left: 90px; top: 40px;}

/*newsblock*/

.newsblock h3,
.about h3,
.pertners h3{
	text-align: center;
	font-size: 44px;
	text-transform: uppercase;
	color: #3f3f3f;
}

.newsblock{
	width: 446px;
	float: right;
}

.newsblock .news{
	position: relative;	
	color: white;
	padding: 20px 20px 15px 60px;
	display: block;
	text-decoration: none;
	background: #5d5d5d url(../img/buble.png) 25px -25px no-repeat;
}

.newsblock .news:after{	
	content: '';
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	top: 32px;
	right: -20px;
	z-index: 1;
	border-width: 20px 0px 20px 20px;
	border-style: solid;
	border-color: transparent transparent transparent #DF2128;
}

.newsblock .news .date{color: #89ae3f; font-size: 16px; display: block;}
.newsblock .news:hover{background: #DF2128 url(../img/buble.png) 25px -25px no-repeat;}
.newsblock .news:hover:after{display: block;}
.newsblock .link{background: #5d5d5d; padding: 25px 0px 0px; overflow: hidden;}

.newsblock .link .more,
.about a{
	background: #77B030;
	color: white;
	padding: 15px 20px;
	float: right;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}

.newsblock .link .more:hover,
.about a:hover {background: #DF2128;}

/*about*/

.about{
	width: 454px;
	float: left;
	text-align: justify;
	font-size: 16px;
	margin-bottom: 60px;
}

/*pertners*/

.pertners{
	padding-top: 40px;	
	clear: both;
	height: 240px;
	background: url(../img/fon.png) 0px 0px repeat;
}

/*hfooter*/
.main {min-height: 100%;}
.hfooter{clear:both;height: 265px;}


/*footer*/

.footer{
	padding-top: 25px;
	height: 190px;
	margin-top:-265px;
	background: #505050; 
	/*background: url(../img/footer.png) 0px 0px repeat;*/
}

.footer ul{
	display: block;
	margin: 0px;
	padding: 0px 17px 0px 0px;
	float: left;
}

.footer ul ul{
	float: none;
	padding-left: 10px;
}

.footer ul li{
	display: block;
}

.footer ul li a{text-transform: uppercase;font-size: 17px;text-decoration: none;color: white;}
.footer ul li ul a{text-transform: none;font-size: 15px;}

.footer ul li a:hover {color: #D61C24;}

.contact{
	float: right;
	color: white;
}

/*down*/

.down{
	color: white;
	clear: both;
	padding-top: 20px;
	height: 50px;
	/*background: url(../img/down.png) 0px 0px repeat;*/
	background: #5d5d5d;
}

/*dial*/

#dial {
	top: 0px;
	right: 0px;
	position: absolute;
}

#dial a {
	color: white;
	text-decoration: none;
}

#dial img {
	vertical-align: middle;
}


/*====error 404===*/

.error404{
	text-align: center;
	width: 100%;
	height: 500px;
	background: url(../img/404error.png) center center no-repeat;
}


.error404 h2{
	color: #DF2128;
	font-size: 120px;
}

.error404 p{
	font-size: 27px;
	background: url(/template/img/black_div.png);
	background: rgba(0, 0, 0, 0.5);
	color: white;
}

/*------------------content--------------------*/

.ya_map {height: 500px; background: #FFFEF4;}
/*ymaps.ymaps-controls-pane, ymaps.ymaps-copyrights-pane {display: none;}*/

hr {border: none; border-top: 1px solid #848484;}

::selection {background: #B3E772;}
::-moz-selection {background: #B3E772;}
::-webkit-selection {background: #B3E772;}

/*------------------contacts--------------------*/
table.contacts {border-collapse: collapse; width: 100%; margin: 15px 0px;}
table.contacts tr td {padding: 10px; font-size: 18px;}
table.contacts tr:first-child td {font-weight: bold; color: #DF2128;}
table.contacts.adress tr:nth-child(2n) {background: #EBEFEE;}

/*calculator*/

.calculator .calblock{
	float: left;
	width: 280px;
	height: 110px;
	background: #E0E0E0;
	text-align: center;
	padding: 17px 0px;
	margin: 0px 40px 15px 0px;
}

.calblock .period{
	font-size:24px;
	display:block;
	margin-bottom:15px;
}

.calblock .summ{
	background: none;	
	border: none;	
	font-size: 24px;
	display: block;	
	width: 200px;
	margin: 15px auto;	
	text-align: center;
}

.date.calblock b{margin-bottom:35px;}

.calculator b{
	display:block;
	color:#383838;
	font-size:18px;
	margin: 0px 7px 15px;
}

.ui-corner-all{
	position:relative;
	width:190px;
	height:13px;
	background: #AAAAAA;
	border-radius: 10px;
	cursor: pointer;
	margin: 0px auto;
}

.ui-slider .ui-slider-range {
	position: absolute;
	top: 0;
	left: 0;
	height: 13px;
	background: url(../img/ui-slider-range.png) 0px 0px repeat;
	z-index: 1;
	border-radius: 10px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	top: -4px;
	margin-left: -5px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #626262;	
	z-index: 2;
	outline: none;
}

input#datepicker {
	position: absolute;
	left: 55px;
	top: 140px;
	display: block;
}

.calculator span.rate,
.calculator span.result{margin-top: 30px;}

.calculator span{
	font-size: 25px;
	display: block;	
}

.calculator label {
	display: block;
	text-align: center;
	font-size: 20px;
	padding: 5px 0px;
}

div#ui-datepicker-div {background: none;}

.calculate {
	display: block;
	clear: both;
	width: 200px;
	text-align: center;
	padding: 15px 0px;
	background: #77B030;
	color: white;
	font-size: 16px;
	cursor: pointer;
	z-index: 11;
	margin-bottom: 15px;
}

.calculate:hover {  background: #DF2128;}

/*-------------------documents---------------------*/

a.lb {
	border: 1px solid #888888;
	width: 185px;
	height: 260px;
	margin: 5px;
	overflow: hidden;
	display: block;
	float: left;
}

a.lb img {width: 190px;}
a.lb:hover {opacity: 0.7;}

/*-------------------programm---------------------*/

.programm {height: 240px; width: 100%;}
.programm h2 {background: #E7E7E7; padding: 5px; margin: 15px 0px;}
.programm div img {height: 180px;}
.programm a {text-decoration: none;}

.programm div {
	float: left;
	width: 170px;
	height: 170px;
	border: 6px solid #FFFFFF;
	margin: 5px;
	margin-right: 20px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0px 0px 5px #444444;
}

.programm a.more {position: absolute; bottom: 0; right: 0; text-decoration: none;}
.programm a.more:before {content: '✓'; color: #ffffff; background: #313131; margin-right: 5px; padding: 1px 5px; border-radius: 12px;}
.programm a.more:hover:before {color:#313131; background: #ffffff;}


/*preliminarilytable*/

table.preliminarily {
	display:none;
	clear: both;
	width: 500px;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.preliminarily tr:nth-child(2n){background: #EEEEEE;}

.preliminarily tr:first-child,
.tableend tr:first-child
{background: #D7F4B4;}


/*tableend*/

.tableend{
	display:none;
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid black;
}

.tableend td{padding:5px;}

.tableend tr:nth-child(2n){background: #EEEEEE;}

.tableend tr.last {
	background: rgb(244, 182, 182);
	font-weight: bold;
	font-size: 16px;
}

/*-------------feedback-page-------------*/

#feedback-form-q input[type=text] {
	display: inline-block;
	height: 35px;
	width: 470px;
	margin: 0;
	margin-bottom: 5px;
	padding: 4px;
	border: 1px solid #ccc;
}

#feedback-form-q textarea {
	display: inline-block;
	height: 90px;
	width: 470px;
	margin: 0px;
	margin-bottom: 5px;
	padding: 4px;
	overflow: auto;
	vertical-align: top;
	border: 1px solid #ccc;
}

#feedback-form-q input#submit {
	display: inline-block;
	width: 135px;
	height: auto;
	padding: 13px 26px;
	margin: 0px;
	border: none;
	border-radius: 0;
	font-size: 16px;
	background: #DF2128;
	color: white;
	text-shadow: none;
	cursor: pointer;
}

a[href$=pdf] {background: url(/template/img/pdf.png) no-repeat; padding: 5px 0px 5px 35px; line-height: 35px!important;} 

.counter {
    position: absolute;
    top: 65px;
    right: 0;
}

/*--------ipoteka-page--------*/

.ipoteka_block {
    background: url(../img/ipoteka_bg.jpg) center top no-repeat;
    padding-top: 27px;
}

.ipoteka_title {
    text-align: center;
    font-size: 21px;
    text-transform: uppercase;
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
}

.ipoteka_title h3 {margin: 0; font-weight: normal}
.ipoteka_title b {color: #BF0A11; font-size: 32px; margin-bottom: 22px; display: inline-block;}
.ipoteka_title span {font-size: 18px; line-height: 36px;}

.ipoteka_scheme {
    height: 671px;
	margin-top: 84px;
    background: url(../img/ipoteka_scheme.png) 29px 0px no-repeat;
}

.ipoteka_scheme .img_text {
    position: absolute;
    text-transform: uppercase;
}

.ipoteka_scheme .img_text.left {top: 201px; left: 192px;}
.ipoteka_scheme .img_text.right {right: 37px; top: 179px; color: #BE0A10;}
.ipoteka_scheme .img_text.right b {background: rgba(190, 10, 16, 0.7);}

.ipoteka_scheme .img_text b {
    display: block;
    width: 131px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 12px 28px;
    font-size: 24px;
    margin-bottom: 3px;
    font-weight: normal;
}

.ipoteka_scheme .scheme_text {
    position: absolute;
    top: 316px;
    font-size: 13px;
    text-align: center;
}

.ipoteka_scheme .scheme_text.left {left: 150px;}
.ipoteka_scheme .scheme_text.right {right: 212px;}

.ipoteka_scheme .scheme_number {
    position: absolute;
    left: 338px;
    bottom: 72px;
    letter-spacing: 37px;
    font-size: 80px;
    text-shadow: 1px 0px 0px;
    color: #fff;
}

.ipoteka_house {background: url(../img/ipoteka_house.png) 223px 150px no-repeat; height: 760px; margin: 38px 0px 26px 0px;}
.ipoteka_house h3 {text-align: center; font-size: 24px;margin-bottom: 30px; text-transform: uppercase;}
.ipoteka_house_text {width: 340px; text-align: left; font-size: 14px; line-height: 18px;}
.ipoteka_house_text.left {float: left;}
.ipoteka_house_text.right {float: right; padding-right: 88px;}

.ipoteka_block h4 {
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #BE0A10;
    margin-bottom: 10px;
}

.ipoteka_house_text ul {margin-top: 0px;}
.ipoteka_house_text ul li {list-style-type: square; margin-bottom: 5px;}

.ipoteka_docs {
    position: absolute;
    right: 3px;
    top: 275px;
    width: 261px;
    background: rgba(190, 10, 16, 0.7);
    color: #fff;
    padding: 10px;
}

.ipoteka_docs h5 {text-transform: uppercase; margin: 0 0 6px 0;}
.ipoteka_docs ul li {list-style-type: square; font-size: 14px; margin: 7px 0px;}
.ipoteka_docs p {font-size: 11px}

.ipoteka_house_procent {
    word-spacing: 110px;
    position: absolute;
    bottom: 61px;
    left: 260px;
    color: #BF0A10;
    font-weight: bold;
}

.ipoteka_house_desc {
    position: absolute;
    bottom: 14px;
    width: 130px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

.ipoteka_house_desc.left {left: 285px;}
.ipoteka_house_desc.right {left: 448px;}

.ipoteka_block .ipoteka_bottom_text h4 {
    display: block;
    font-size: 24px;
    text-align: center;
    height: 123px;
    background: url(../img/ipoteka_key.jpg) 581px 0px no-repeat;
}

p.slide-hint {
    font-size: 12px;
    font-style: italic;
    color: gray;
}

/*re-design*/

.hidden {
	display: none;
}

.slider {
    background: url(../img/slider-item1.jpg);
    height: 279px;
    background-size: cover;
    padding-top: 57px;
}

.slider-item {
    display: inline-block;
    width: 328px;
    height: 250px;
    margin: 0 4px 20px 0;
    -webkit-perspective: 4000px;
    -moz-perspective: 4000px;
    -ms-perspective: 4000px;
    -o-perspective: 4000px;
    perspective: 4000px;
    color: #fff;
}

.slider-item:last-child {
    margin-right: 0;
}

.slider-item__wrapper {
    height: 215px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -ms-transition: -ms-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s;
}

.slider-item__wrapper:hover {
    -webkit-transform: translateZ(-50px) rotateX(90deg);
    -moz-transform: translateZ(-50px) rotateX(90deg);
    -ms-transform: translateZ(-50px) rotateX(90deg);
    -o-transform: translateZ(-50px) rotateX(90deg);
    transform: translateZ(-50px) rotateX(90deg);
}

.slider-item__side {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 213px;
	width: 320px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}

.slider-item__side._top {
    -webkit-transform: translateZ(106px);
    -moz-transform: translateZ(106px);
    -ms-transform: translateZ(106px);
    -o-transform: translateZ(106px);
    transform: translateZ(106px);
}

.slider-item__side._bottom {
    padding: 27px 19px 0px;
    box-sizing: border-box;
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    -o-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
}

.slider-item__side:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 0px;
	left: 0px;
	z-index: -1;
	border-width: 123px 160px;
	border-style: solid;
}

.slider-item__side._top._first:after {border-color: #77af30 #4c8b16 #4c8b16 #77af30;}
.slider-item__side._bottom._first:after {border-color: #4c8b16 #77af30 #77af30 #4c8b16;}
.slider-item__side._top._second:after {border-color: #7c7c7c #6c6c6c #6c6c6c  #7c7c7c;}
.slider-item__side._bottom._second:after {border-color: #6c6c6c #7c7c7c #7c7c7c #6c6c6c;}
.slider-item__side._top._third:after {border-color: #bf262b #9f1014 #9f1014 #bf262b;}
.slider-item__side._bottom._third:after {border-color: #9f1014 #bf262b #bf262b #9f1014;}

.slider-item__icon {
    display: block;
    width: 320px;
    height: 180px;
    position: absolute;
    top: 0;
}

.slider-item__icon._first {background: url(../img/slider-icon_1.png) center center no-repeat;}
.slider-item__icon._second {background: url(../img/slider-icon_2.png) center center no-repeat;}
.slider-item__icon._third {background: url(../img/slider-icon_3.png) center center no-repeat;}

.slider-item__panel {
    display: table;
    margin-top: 179px;
    width: 100%;
}

.slider-item__title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    background: rgba(0, 0, 0, 0.3);
    height: 53px;
}

.slider-item__minititle {
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 13px;
}

a.slider-item__more {
    color: #fff;
    text-decoration: none;
   background: rgba(0, 0, 0, 0.3);
    padding: 12px 29px;
    position: absolute;
    bottom: 0px;
    right: 26px;
    transition: 0.2s;
}

a.slider-item__more:hover {
    background: rgba(0, 0, 0, 0.6);
}

.advantages {
    font-size: 0;
    padding: 45px 0;
}

.advantages-item {
    display: inline-block;
    width: 495px;
    height: 153px;
    border: 1px solid #000;
    margin: 0 10px 11px 0;
    font-size: 30px;
    line-height: 30px;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    box-sizing: border-box;
    background: url(../img/icon-advantages.png) no-repeat;
	text-decoration: none;
	transition: 0.2s;
}

.advantages-item:hover {
    -webkit-transform: scale3d(0.95,0.95,1);
    transform: scale3d(0.95,0.95,1);
}

.advantages-item:nth-child(2n) {
    margin-right: 0;
}

.advantages-item._red {
    color: #df2128;
}

.advantages-item._green {
    color: #77b030;
}

.f47 {
    font-size: 47px;
    line-height: 47px;
}

.f18 {
    font-size: 18px;
    line-height: 18px;
}

.advantages-item._1 {
    background-position: 16px 14px;
    padding: 33px 0 0 112px;
}

.advantages-item._2 {
    background-position: -489px 14px;
    padding: 37px 0 0 153px;
}

.advantages-item._3 {
    background-position: 16px -150px;
    padding: 25px 0 0 142px;
}

.advantages-item._4 {
    background-position: -489px -150px;
    padding: 34px 0 0 93px;
}
   .ramkayoutube {
    background: #5D5D5D;
    color: #fff; 
	padding: 5px; 
    border-radius: 5px; 
	width: 350px;
}

/* Всплывающее окно */	
 
.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
}
.popup, .popup_click { 
  background: #fff;
    max-width: 1000px;
    width: 80%;
    margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #ddd;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
 
 
.popup h2, .popup_click h2 {
    font:28px Monotype Corsiva, Arial;
    font-weight: bold;
	text-align: center;
	color: #008000;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
.popup h3, .popup_click h3 {
    font:24px Monotype Corsiva, Arial;      
	color: #008000;
	text-align: left;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}




/* Acordeon styles */
.tab {
	font-family: 'roboto';
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #000;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
		font-family: 'roboto';
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #efefef;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #efefef;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}

/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
.cookiebanner {
	z-index: 2000;
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	width: calc(100% - 1rem);
	max-width: 35rem;
	padding: 1.5rem;
	padding-bottom: 1rem;
	font-size: 0.8rem;
	line-height: 1rem;
	border-radius: 0.3rem;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	background-color: #fff;
}
.cookiebanner img {
	position: absolute;
	height: 2.5rem;
	top: -1.5rem;
	left: -0.5rem;
}
.cookiebanner button {
	display: block;
	float: right;
	/*margin-top: 1.5rem;*/
	font-size: 0.8rem;
	border: solid 2px;
	padding: 0.2rem 0.5rem;
}