@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,900&subset=cyrillic-ext");

.top_wrapper h3 {
	font-size:1.5rem;
	margin:0.9375rem 0;
}

#page_header {
	padding-bottom:30.9375rem;
}

#page_header.inner {
	padding-bottom:15.9375rem;
}

@media screen and (max-width:39.9375em) {
	#page_header.inner {
		padding-bottom:0;
	}
	table.case_data {width:100%!important}
}

#page_header.inner .page_header {
	line-height:1;
	margin:1.875rem 0 2.8125rem;
	font-size:3.5rem;
}

@media screen and (max-width:39.9375em) {
	#page_header.inner .page_header {
		font-size:1.7rem;
	}
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
	#page_header.inner .page_header {
		font-size:2.5rem;
	}
}

@media screen and (min-width:64em) {
	#page_header.inner .case_data {
		width:100%
	}
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
	#page_header.inner .case_data {
		width:100%;
	}
}

@media screen and (max-width:39.9375em) {
	#page_header.inner .case_data {
		width:100%;
	}
}

#page_header.inner .case_num {
	margin-top:1.875rem;
	font-size:.85rem;
}

@media screen and (max-width:39.9375em) {
	#page_header .page_header {
		font-size:2.1rem;
		line-height:1;
		margin:1.875rem 0;
	}
}

.top_bar .index_btn {
	transition:margin .2s 0s ease;
}

.top_bar .hamburger {
	padding-bottom:0;
	padding-top:0;
	margin:15px 0;
	transition:margin .2s 0s ease;
}

.top_bar.is-stuck {
	background:rgba(0, 0, 0, 0.6);
}

.top_bar.is-stuck .index_btn, .top_bar.is-stuck .hamburger {
	margin-top:15px;
}

.tiles_row {
	margin-top:-28rem;
}

.tiles_row .tile {
	color:#fff;
	border:6px solid #00AABA;
	margin-bottom:2.8125rem;
	position:relative;
	text-transform:uppercase;
	background:#000;
	transition:background .2s 0s ease, border-color .2s 0s ease;
}

.tiles_row .tile:hover {
	background:#00AABA;
	transition:background .2s 0s ease, border-color .2s 0s ease;
}

.tiles_row .tile:hover img {
	transition:margin .2s 0s ease, padding .2s 0s ease;
	margin:0;
	padding:0;
}

.tiles_row .tile img, .tiles_row .tile a {
	display:block;
	width:100%;
}

.tiles_row .column:nth-child(2n) .tile {border-color:#fff}
.tiles_row .column:nth-child(4n+1) .tile:hover {background:#00aaba; border-color:#00aaba}
.tiles_row .column:nth-child(4n+2) .tile:hover {background:#2d3038; border-color:#2d3038}
.tiles_row .column:nth-child(4n+3) .tile:hover {background:#006e7d; border-color:#006e7d}
.tiles_row .column:nth-child(4n+4) .tile:hover {background:#67cbde; border-color:#67cbde}

@media screen and (min-width:64em) {
	.tiles_row .tile img {
		margin:-0.9375rem 0 0 -0.9375rem;
		padding-bottom:0.9375rem;
		transition:margin .2s 0s ease, padding .2s 0s ease;
	}
}

.tiles_row .tile a {
	position:absolute;
	left:0;
	top:0;
	height:100%;
}

.tiles_row .tile .wrapper {
	padding:0.9375rem;
}

.tiles_row .tile h2 {
	font-size:1.1rem;
	font-weight:600;
	line-height:1.3;
	margin:1.875rem 0;
	height:90px;
	overflow:hidden;
}

.hamburger {
	padding:15px 15px;
	display:inline-block;
	cursor:pointer;
	transition-property:opacity, filter;
	transition-duration:0.15s;
	transition-timing-function:linear;
	font:inherit;
	color:inherit;
	text-transform:none;
	background-color:transparent;
	border:0;
	margin:0;
	overflow:visible;
	float:right;
}

@media screen and (min-width:64em) {
	.hamburger {
		padding:15px 0;
	}
}

.hamburger:hover {
	opacity:0.7;
}

.hamburger-box {
	width:40px;
	height:24px;
	display:inline-block;
	position:relative;
}

.hamburger-inner {
	display:block;
	top:50%;
	margin-top:-2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width:40px;
	height:4px;
	background-color:#fff;
	position:absolute;
	transition-property:transform;
	transition-duration:0.15s;
	transition-timing-function:ease;
}

.hamburger-inner::before, .hamburger-inner::after {
	content:"";
	display:block;
}

.hamburger-inner::before {
	top:-10px;
}

.hamburger-inner::after {
	bottom:-10px;
}

.hamburger--squeeze .hamburger-inner {
	transition-duration:0.075s;
	transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
	transition:top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
	transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
	transform:rotate(45deg);
	transition-delay:0.12s;
	transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
	top:0;
	opacity:0;
	transition:top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom:0;
	transform:rotate(-90deg);
	transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index_btn {
	height:24px;
	width:40px;
	background:#fff;
	display:inline-block;
	position:relative;
	margin:0.9375rem;
	display:inline-block;
	float:right;
}

@media screen and (max-width:39.9375em) {
	.index_btn {
		margin:0.9375rem 0.23438rem;
	}
}

.index_btn:before, .index_btn:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	content:"";
}

.index_btn:before {
	height:100%;
	background:linear-gradient(to right, #ffffff 0%, #ffffff 13px, #000000 13px, #ffffff 14px, #ffffff 26px, #000000 27px, #ffffff 27px);
}

.index_btn:after {
	height:50%;
	border-bottom:1px solid #000;
}

.content_wrapper {
	background:#fff;
	color:#333;
	font-family:Roboto, sans-serif;
}

@media screen and (max-width:39.9375em) {
	.content_wrapper {
		padding:0 0.9375rem;
	}
}

.content_wrapper .img_wrapper {
	margin-top:-20rem;
	margin-bottom:1.875rem;
}

.content_wrapper .img_wrapper img {
	display:block;
	width:100%;
}

@media screen and (max-width:39.9375em) {
	.content_wrapper .img_wrapper {
		margin-top:0.9375rem;
		margin-bottom:0.9375rem;
	}
}

.content_wrapper h3 {
	text-transform:uppercase;
	color:#00AABA;
	font-weight:900;
	font-size:1.2rem;
	margin:1.875rem 0 0;
}

@media screen and (max-width:39.9375em) {
	.content_wrapper h3 {
		font-size:1.1rem;
	}
}

.content_wrapper p {
	font-size:.9rem;
}

.content_wrapper .case {
	padding:0.9375rem;
	margin:0 0.9375rem 0.9375rem 0.9375rem;
	border:2px solid #00AABA;
	width:25%;
	clear:both;
}

@media screen and (max-width:39.9375em) {
	.content_wrapper .case {
		width:100%;
	}
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
	.content_wrapper .case {
		width:50%;
	}
}

.content_wrapper .case header {
	color:#00AABA;
	text-transform:uppercase;
	font-size:.8rem;
	font-weight:900;
	margin-bottom:0.46875rem;
}

.content_wrapper .case p {
	font-size:.8rem;
	color:#000;
	line-height:1.1;
	margin-bottom:0;
}

.content_wrapper .case.right {
	float:right;
	margin-right:0;
}

.content_wrapper .case.left {
	float:left;
	margin-left:0;
}

.content_wrapper .case + .content_wrapper .case {
	margin-top:0.9375rem;
}

.content_wrapper .opinion {
	border-top:3px solid #00AABA;
	padding-top:2.8125rem;
	position:relative;
	margin:1.875rem 0;
	color:#333;
	font-weight:600;
	background:url(../img/icon_quotes.svg) no-repeat left 2.8125rem /68px;
	padding-left:83px;
}

.content_wrapper .opinion:before {
	position:absolute;
	top:10px;
	left:0;
	content:"Комментарий юриста";
	text-transform:uppercase;
	color:#00AABA;
	font-size:.7rem;
	letter-spacing:.5px;
	font-weight:600;
}

.content_wrapper .opinion p {
	font-size:1.05rem;
}

@media screen and (max-width:39.9375em) {
	.content_wrapper .opinion p {
		font-size:1rem;
	}
}

.lead {
	font-weight:900;
	letter-spacing:-.5px;
	font-size:1rem;
}

.lead p {
	font-size:1rem;
}

.pager {
	margin:4.6875rem auto 2.8125rem;
}

.pager .arr {
	border:4px solid #fff;
	display:block;
	padding:0.9375rem 1.875rem;
	color:#fff;
	transition:border-color .2s 0s ease;
	position:relative;
}

@media screen and (max-width:39.9375em) {
	.pager .arr {
		padding:0.9375rem; margin-bottom:.9375rem;
	}
}

.pager .arr img {
	width:30%;
}

@media screen and (min-width:64em) {
	.pager .arr img {
		display:block;
		transition:margin .2s 0s ease;
	}
}

.pager .arr.l {
	padding-left:0;
}

.pager .arr.l img {
	float:left;
	margin:-1.875rem 0 0 -0.9375rem;
}

.pager .arr.r {
	padding-right:0;
}

.pager .arr.r img {
	float:right;
	margin:-1.875rem -0.9375rem 0 0;
}


@media screen and (max-width:39.9375em) {
	.pager .arr.l img {
		margin:-0.9375rem 0;
	}

	.pager .arr.r img {
		margin:-0.9375rem 0;
	}
}

.pager .arr:hover {
	border-color:#00AABA;
	transition:border-color .2s 0s ease;
}

.pager .arr:hover img {
	margin:-0.9375rem 0;
}

.pager h2 {
	font-size:1.1rem;
	margin:0;
	text-transform:uppercase;
	font-weight:600;
}

@media screen and (max-width:39.9375em) {
	.pager h2 {
		font-size:.75rem;
	}
}

html, body {
	font-family:Roboto, sans-serif;
	overflow-x:hidden;
}

body {
	background:#000 url("../img/bg_opt.jpg") no-repeat top center/cover;
	background-attachment:fixed;
	color:#fff;
}

.bordered {
	border:0.46875rem solid #00AABA; /*max-width:75rem + $space * 2;*/
	padding:0.9375rem 0.9375rem 0;
}

.social-likes {display:inline-block}

.btn,
.social-likes__widget {
	margin:0.9375rem 0.9375rem 0.9375rem 0;
	position:relative;
	background-color:#000;
	font-weight:600;
	color:#fff;
	display:inline-block;
	height:42px;
	width:42px;
}

.social-likes__widget svg {display:none}

.btn span,
.social-likes__widget > div {
	cursor:pointer;
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	background-position:center center;
	background-repeat:no-repeat;
	transition:background-color .2s 0s ease;
	position:relative;
	z-index:2;
	padding:.2rem 1.2rem;
	border:2px solid #fff;
	text-indent:-9999px;
}

.btn:after,
.social-likes__widget:after {
	content:"";
	position:absolute;
	top:.3rem;
	left:.3rem;
	width:105%;
	height:105%;
	border:2px solid #fff;
	background:transparent;
	transition:top .2s 0s ease, left .2s 0s ease;
}

.btn:hover span,
.social-likes__widget:hover div {
	background-color:#00AABA;
	transition:background-color .2s 0s ease;
}

.btn:hover:after,
.social-likes__widget:hover:after {
	top:-1px;
	left:-1px;
	transition:top .2s 0s ease, left .2s 0s ease;
}

.btn.pdf_btn > span {background-image:url('../img/icon_pdf.svg'); background-size:65%;}
.social-likes__widget_vkontakte > div {background-image:url('../img/icon_vk.svg'); background-size:65%;}
.social-likes__widget_facebook > div {background-image:url('../img/icon_fb.svg'); background-size:65%;}
.social-likes__widget_twitter > div {background-image:url('../img/icon_twitter.svg'); background-size:65%;}
.social-likes__widget_vkontakte:hover > div {background-color:#45668e}
.social-likes__widget_facebook:hover > div {background-color:#3b5998;}
.social-likes__widget_twitter:hover > div {background-color:#55acee;}

h1, h2, h3, h4, h5 {
	font-family:Roboto, sans-serif;
}

.page_header {
	font-size:4.5rem;
	font-weight:600;
}

.case_num {
	font-size:.7rem;
	font-weight:600;
	letter-spacing:1px;
	color:#fff;
}

table.case_data {
	font-size:.6rem;
	font-weight:600;
	letter-spacing:.5px;
	width:60%;
	margin:0.9375rem 0;
	text-transform:uppercase;
}

table.case_data tbody {
	background:transparent;
	border:2px solid #fff;
}

table.case_data tr, table.case_data td {
	background:transparent !important;
}

table.case_data tr {
	border-bottom:2px solid #fff;
}

.skv_logo {
	background:url("../img/skv18_logo.png") no-repeat center center/100%;
	text-indent:-99999px;
	display:inline-block;
	width:190px;
	height:60px;
	margin-right:2.8125rem;
	float:left;
	transition:height .2s 0s ease;
	margin-left:0.9375rem;
}

@media screen and (max-width:39.9375em) {
	.skv_logo {
		margin-right:0.9375rem;
		width:100px;
		height:58px;
	}
}

@media screen and (min-width:64em) {
	.skv_logo {
		margin-left:0;
	}
}

.pravo_logo {
	background:url("../img/pravo_logo.png") no-repeat center bottom/100%;
	text-indent:-99999px;
	display:inline-block;
	width:160px;
	height:42px;
	float:left;
	transition:height .2s 0s ease;
}

@media screen and (max-width:39.9375em) {
	.pravo_logo {
		margin-right:0.9375rem;
		width:100px;
		height:36px;
	}
}

#offCanvas {
	width:500px;
	transform:translateX(500px);
	background:#00AABA;
	padding:1.875rem;
}

#offCanvas a {
	color:#fff;
}

#offCanvas .close-button {
	font-size:3rem;
	right:1.875rem;
	top:0.9375rem;
}

#offCanvas .close-button span {
	color:#fff;
}

@media screen and (max-width:39.9375em) {
	#offCanvas {
		width:100%;
		transform:translateX(100%);
	}
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
	#offCanvas {
		width:300px;
		transform:translateX(300px);
	}
}

#offCanvas .menu {
	padding:0;
	margin:0;
	list-style:none;
}

#offCanvas .menu li {
	border-top:2px solid #fff;
}

#offCanvas .menu li:first-child {
	margin-top:1.875rem;
}

#offCanvas .menu li a {
	display:block;
	padding:0.9375rem 0;
}

#offCanvas .menu li h2 {
	font-size:1.2rem;
	line-height:1;
	font-weight:600;
}

#offCanvas .menu li h3 {
	font-weight:400;
	text-transform:uppercase;
}

#offCanvas.is-open {
	transform:translate(0, 0);
}

.has-tip {cursor:pointer; border-bottom:none}

.content_wrapper .b {font-weight:bold}

.content_wrapper .sticky {z-index:2!important; opacity:0; transition:opacity .2s 0s ease}
.content_wrapper .sticky.is-anchored {overflow:hidden; opacity:1; transition:opacity .2s 0s ease}
.floating_arrows .is-stuck {overflow:hidden; pointer-events:none; opacity:1; transition:opacity .2s 0s ease}
.floating_arrows .arr {width:40%; position:relative; display:inline-block; pointer-events:all; background:#000; border:2px solid #00AABA; z-index:1}
.floating_arrows .arr h2 {font-size:1rem; line-height:1.2; font-weight:600; text-transform:uppercase}
.floating_arrows .arr a {color:#fff; display:block; width:100%; height:100%; padding:.9375rem 1.875rem;}
.floating_arrows .arr.prev {margin-left:-40%; transition:margin .3s 0s ease; border-left:none}
.floating_arrows .arr.prev img {float:left; width:30%; margin:-.9375rem .9375rem -.9375rem -1.847rem;}
.floating_arrows .arr.prev:hover {margin-left:0; transition:margin .3s 0s ease}
.floating_arrows .arr.prev:after {content:""; position:absolute; top:50%; transform:translateY(-50%); left:100%; height:36px; width:36px; background:#00AABA url("../img/left-arrow.svg") no-repeat center center/20px; border-radius:0 3px 3px 0; transition:width .3s .2s ease;}
.floating_arrows .arr.prev:hover:after {width:0; transition:width .3s 0s ease;}

.floating_arrows .arr.next {float:right; margin-right:-40%; transition:margin .3s 0s ease; border-right:none;}
.floating_arrows .arr.next img {float:right; width:30%; margin:-.9375rem -1.847rem -.9375rem .9375rem;}
.floating_arrows .arr.next:hover {margin-right:0; transition:margin .3s 0s ease}
.floating_arrows .arr.next:before {content:""; position:absolute; top:50%; transform:translateY(-50%); right:100%; height:36px; width:36px; background:#00AABA url("../img/right-arrow.svg") no-repeat center center/20px; border-radius:3px 0 0 3px; transition:width .3s .2s ease;}
.floating_arrows .arr.next:hover:before {width:0; transition:width .3s 0s ease;}