BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.2;
}
.trigger1, .spacer {
	height: 50px;
}
/* headers */
.h1 {
		margin: 0 0 35px;
		font-weight: 700;
		font-family: 'PT Sans', sans-serif;
		font-size: 2rem;
	}
.h3 {
	margin: 0 0 15px;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
	font-size: 2.5rem;
}
.h2 {
	font-size: 27px;
	font-weight: normal;
}

.h4 {
	margin: 20px 0 15px;
	font-size: 24px;
}

.page {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 2;
}

.layout {
	max-width: 1280px;
	min-width: 980px;
	margin-right: 280px;
	position: relative;
	-webkit-box-shadow: 0 0 11px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 11px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 11px rgba(0,0,0,.3);
    -ms-box-shadow: 0 0 11px rgba(0,0,0,.3);
    box-shadow: 0 0 11px rgba(0,0,0,.3);
}

	.logo {
		display: inline-block;
		margin-top: 25px;
		vertical-align: bottom;
		height: 67px;
	}
	
.text {
	margin-bottom: 14px;
	line-height: 20px;
	padding-right: 200px;
}

.video-frame {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
	.video-frame IFRAME {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

.zr-header {
    width:100%;
    text-align:center;
    background-image: url(https://www.zr.ru/rev-10bufl/f/media/head-pattern.png);
    background-position: bottom;
    padding: 1rem 0 .5rem 0;
}

#brand_banner {
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-width: 980px;
    max-width: 1280px;
    z-index: 1;
    margin-right: 280px;
}

#brand_banner .link {
    position: absolute;
    width: 100%;
    left: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    /*background-color: red;*/
}
/* main section */
.section {
	box-sizing: border-box;
	padding: 0 40px 0 100px;
	margin: 40px 0;
}
.section P {
	padding-right: 200px;
	margin-bottom: 14px;
	line-height: 20px;
}
.section--head {
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-bottom: 120px;
}
	.bread {
		margin: 0 0 50px;
		font-size: 17px;
	}
	.bread-title,
	.delimeter {
		color: #000;
		display: inline-block;
		vertical-align: middle;
	}
	.delimeter {
		padding: 0 10px;
	}
.author {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 50px;
}
	.author-name {
		display: block;
		padding: 0 0 5px;
	}


/* intro */
.section-intro {
	margin: 60px 0 75px;
}

/* route widget */
.route {
	width: 100%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 80px;
}

.route-frame {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 40.25%;
}

.route-line {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #7d7d7d;
	-webkit-transition: width .3s ease;
			transition: width .3s ease;
}
	
.route-image {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	height: auto;
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}
.stuck {
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}

/* carousel */
.c {
	/*margin-top: 100px;*/
	margin-bottom: 0;
}
.c .h1 {
	padding: 0 100px;
	margin: 0;
}


.c-container {
	position: relative;
	overflow: hidden;
}

.c-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.c-item {
	position: relative;
}
	.item-head {
		z-index: 1;
		position: relative;
		padding: 25px 225px 25px 100px;
		line-height: 1.3;
		background-color: #FFF;
		box-sizing: border-box;
		box-shadow: 0px 5px 8px -5px #000;
	}
	.item-body {
		height: 641px;
    	max-width: 1280px;
	}
.c-item:last-child .item-head {
	box-shadow: none;
}

/* gallery slides */
.gallery-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.gallery-link:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,transparent 60%,rgba(0,0,0,.8) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(100%,rgba(0,0,0,.8)));
    background: -webkit-linear-gradient(top,transparent 60%,rgba(0,0,0,.8) 100%);
    background: -o-linear-gradient(top,transparent 60%,rgba(0,0,0,.8) 100%);
    background: -ms-linear-gradient(top,transparent 60%,rgba(0,0,0,.8) 100%);
    background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%);
}
.slider-widget {
	position: relative;
}
.slider-widget .item-body {
	position: relative;
    height: 0;
    padding-top: 56.25%;
}

.image-descr {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 100px;
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	font-size: 15px;
	color: #FFF;
}

.full .image-descr {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 32px;
	color: #FFF;
	font-family: 'PT Sans';
	font-size: 18px;
	font-style: italic;
	box-sizing: border-box;
}

.popup-link {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	font-weight: bold;
	border-bottom: 1px dotted #808080;
	cursor: pointer;
	color: #000000;
}
	.popup-link:hover {
		border-bottom: 1px dotted transparent;
	}
.bottom-descr {
	margin-top: 12px;
	margin-bottom: 12px;
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	font-size: 13px;
}

.phone-number {
	display: block;
	padding: 6px 0;
}

.puzzle-image {
	max-width: 100%;
}


/* required snapPuzzle styles */
.snappuzzle-wrap { position: relative; display: block; }
.snappuzzle-pile { position: relative; }
.snappuzzle-piece { cursor: move; }
.snappuzzle-slot { position: absolute; background: #fff; opacity: .8; }
.snappuzzle-slot-hover { background: #eee; }



/* table */
.table {
    padding: 15px 20px 5px;
    width: 100%;
    border: 1px solid #dadadc;
    background-color: #fff;
    border-radius: 4px;
    font-size: 13px;
    border-spacing: 0;
}
.table td {
    border-top: 1px solid #dadadc;
}
.table td, .table th {
    line-height: 17px;
    padding: 10px 6px;
}

.table tr:first-child td, .table tr:first-child th {
    border-top: none;
}

/* slider */

/* footer */
.zr-footer {
            width: 100%;
            text-align: center;
            background-color: #272525;
            -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .75);
            -moz-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .75);
            -o-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .75);
            -ms-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .75);
            box-shadow: inset 0 4px 5px rgba(0, 0, 0, .75);
            padding: 1rem 0;
        }

        .zr-share-buttons {
            padding: 1rem 0;
        }

        .zr-share-button {
            display: inline-block;
            width: 33px;
            height: 32px;
            margin-right: 7px;
            text-indent: 200%;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
        }

        .zr-share-button.vk {
            background-image: url(https://www.zr.ru/rev-23f4954/f/media/sprites.png?v=3957915b1b);
            background-position: 0px -1111px;
            background-repeat: no-repeat;
        }

        .zr-share-button.facebook {
            background-image: url(https://www.zr.ru/rev-23f4954/f/media/sprites.png?v=3957915b1b);
            background-position: 0 -1041px;
            background-repeat: no-repeat;
        }

        .zr-share-button.twitter {
            background-image: url(https://www.zr.ru/rev-23f4954/f/media/sprites.png?v=3957915b1b);
            background-position: 0 -1076px;
            background-repeat: no-repeat;
        }

        .zr-footer-links a {
            font-size: 15px;
            color: #999 !important;
            border-bottom-color: rgba(153, 153, 153, 0.3);
            cursor: pointer;
            text-decoration: none;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            font-family: Arial, sans-serif;
            margin: 0 4px;
            line-height: 1.5rem;
        }


/* fullscreen button */
.gallery-link {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.slider-widget .galery-link {
	position: absolute;
}
.loop {
	position: absolute;
	bottom: 13px;
	right: 40px;
	width: 38px;
	height: 30px;
	cursor: pointer;
	content: "";
	z-index: 10;
	background: url(../images/magnifier.svg) 0 0 no-repeat;
	background-size: cover;
}


/* popup */
.popup-placeholder {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
}
.popup {
	width: 545px;
	z-index: 1300;
	position: absolute;
	left: 0;
	top: 30px;
   	display: none;
   	border-radius: 8px;
   	box-shadow: 4px 4px 33px rgba(37,39,52,.3);
   	background-color: #fff;
}
.popup-inner {
	position: relative;
    white-space: nowrap;
    -moz-outline: 0;
    outline: 0;
    padding: 15px 15px 15px;
}
.popup.active {
	display: block;
}

.popup::before {
    content: "";
    background-color: #FFF;
    box-shadow: -6px 1px 11px rgba(37,39,52,.3);
    position: absolute;
    top: -5px;
    left: 16px;
    height: 11px;
    width: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.popup.aside-position::before {
	left: auto;
	right: 26px;
}
.popup.center-position {
	left: 20px;
	right: 20px;
}
.popup.center-position::before {
	display: none;
}

.popup-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #fff;
    border-radius: 8px;
    z-index: 2;
}

.popup-content {
	overflow: hidden;
	position: relative;
	min-height: 200px;
}

.popup-map {
	position: relative;
	width: 285px;
	height: 200px;
}
	.popup-map::after {
		z-index: 1;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 32px;
		height: 32px;
		margin-top: -16px;
		margin-left: -16px;
		content: "";
		background: url('../images/loader@2x.gif') 0 0 no-repeat;
		background-size: cover;
	}
	.popup-map IFRAME {
		position: relative;
		z-index: 2;
	}
.popup-card {
	float: right;
	margin-left: 285px;
	width: 210px;
	padding-left: 20px;
}
	.popup-card-image {
		display: block;
		max-width: 100%;
	}
	.popup-card-link {
		margin-top: 12px;
		display: inline-block;
		color: #000000;
		font-weight: bold;
		text-decoration: underline;
		white-space: normal;
	}
	.popup-card-link:hover {
		text-decoration: none;
	}

#fullscreenSlideshowContainer {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.full .loop {
	display: none;
}
.full.without-slides #fs-prev,
.full.without-slides #fs-next {
	display: none;
}
/*.full .c-item .gallery-image {
	background-size: contain;
}*/