<br />
<b>Warning</b>:  include(../../../styles/core/reset.css): failed to open stream: No such file or directory in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '../../../styles/core/reset.css' for inclusion (include_path='.:/opt/php74') in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  include(../../../styles/core/responsive.css): failed to open stream: No such file or directory in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>11</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '../../../styles/core/responsive.css' for inclusion (include_path='.:/opt/php74') in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>11</b><br />
<br />
<b>Warning</b>:  include(../../../styles/plugins/aos.css): failed to open stream: No such file or directory in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>12</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '../../../styles/plugins/aos.css' for inclusion (include_path='.:/opt/php74') in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>12</b><br />
<br />
<b>Warning</b>:  include(../../../styles/plugins/popover.css): failed to open stream: No such file or directory in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>13</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '../../../styles/plugins/popover.css' for inclusion (include_path='.:/opt/php74') in <b>/var/www/rvland/data/www/rvland.ru/wp-content/themes/rvl/specials/gid33/styles/load.php</b> on line <b>13</b><br />
/*//////////////////////////////////////////*/
/* Loading */
/*//////////////////////////////////////////*/

@-webkit-keyframes loading {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes loading {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@keyframes loading {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*//////////////////////////////////////////*/
/* Scroll mouse */
/*//////////////////////////////////////////*/

@-webkit-keyframes scrollmouse {
    0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); }
    10% { opacity: 1; -webkit-transform: scale(1); }
    100% { opacity: 0; -webkit-transform: translateY(30px) scale(0.5); }
}
@-moz-keyframes scrollmouse {
    0% { opacity: 0; -moz-transform: translateY(0) scale(0.5); }
    10% { opacity: 1; -moz-transform: scale(1); }
    100% { opacity: 0; -moz-transform: translateY(30px) scale(0.5); }
}
@keyframes scrollmouse {
    0% { opacity: 0; transform: translateY(0) scale(0.5); }
    10% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: translateY(30px) scale(0.5); }
}
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	display: flex;
	pointer-events: none;
	position: absolute;
}

.tooltipster-box {
	flex: 1 1 auto;
}

.tooltipster-content {
	box-sizing: border-box;
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #ffffff;
	border: 0;
	border-radius: 0;
	text-align: center;

	-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
	-moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color:#6b7475;
	font-size: 14px;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #ffffff;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #ffffff;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #ffffff;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #ffffff;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: transparent;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: transparent;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: transparent;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: transparent;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}
/*//////////////////////////////////////////*/
/* Core elements */
/*//////////////////////////////////////////*/

html{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-overflow-scrolling:touch;
}
body{
	color:#6b7475;
	font-size:16px;
	font-family: 'Manrope', sans-serif !important;
	font-weight:400;
	background:#ffffff;
	min-width:360px;
	overflow-x:hidden;
	position:relative;
}
body:before{
	content:'';
	position:fixed;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	width:50px;
	height:50px;
	z-index:0;
	border-radius:50%;
	background-image:url('/wp-content/themes/rvl/specials/gid33/graphics/images/loading.svg');

	-webkit-animation: loading 600ms linear infinite;
	-moz-animation: loading 600ms linear infinite;
	animation: loading 600ms linear infinite;
}

/*//////////////////////////////////////////*/
/* Common elements */
/*//////////////////////////////////////////*/

a{
	color:inherit;
	text-decoration:none;
	transition:all 200ms linear;
}
a:hover{
	color:inherit;
	text-decoration:none;
}
.txt_bllt{
    font-family: 'Bellota', cursive;
}
.txt_ac{
    text-align: center;
}
.txt_ar{
    text-align: right;
}
.txt_al{
    text-align: left;
}
.txt_20_28{
	font-size: 20px;
    line-height: 28px;
}
.txt_24_32{
	font-size: 24px;
    line-height: 32px;
}
.rds_50{
    border-radius: 50%;
}
.shdw_box_1{
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.shdw_txt_1{
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
    -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
}
.hide_me{
	display: none;
}
.clear_after:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}
.divider{
    position: absolute;
    left: -20%;
    width:140%;
    height:120px;
    background: #000000;

    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.img_cover{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.img_contain{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.ttl .s{
    display:inline-block;
    padding:4px 6px;
    font-size:12px;
    text-transform: uppercase;
    font-weight: 700;
    background: #40b0c3;
    color:#ffffff;
    letter-spacing: 1px;
}
.ttl .t{
    display:block;
    font-size:50px;
    line-height: 58px;
    font-weight: 700;
    padding:5px 0 15px;
}
@media (max-width:599px) {
    .ttl .t{
        font-size:40px;
        line-height: 48px;
    }
}
.ttl .d{
    display:block;
}

/*//////////////////////////////////////////*/
/* iCheck */
/*//////////////////////////////////////////*/

.icheck{
	display:block;
	position:relative;
	min-height:20px;
	line-height:20px;
	cursor:pointer;
	padding-left:40px;
}
.icheck input{
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	left:5px;
	top:5px;
	z-index:5;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
}
.icheck span{
	display:block;
	text-align:left;
	transition:all 200ms linear;
}
.icheck:hover span{
	color:#40b0c3;
}
.icheck span:before,
.icheck span:after{
	content:'';
	display:block;
	cursor:pointer;
	position:absolute;
}
.icheck span:before{
	width:30px;
	height:20px;
	left:0;
	top:0;
	z-index:10;
	background: #ffffff;
	border:2px solid #b3d4e4;
	border-radius: 10px;
	transition:all 200ms linear;
}
.icheck input:checked + span:before{
	border:2px solid #40b0c3;
	background: #40b0c3;
}
.icheck span:after{
	content:'';
	display:block;
	width: 12px;
	height: 12px;
	position: absolute;
	background: #40b0c3;
	top: 4px;
	left: 4px;
	border-radius: 6px;
	z-index:15;
	transition:all 200ms linear;
}
.icheck input:checked + span:after{
	left:14px;
	background: #ffffff;
}

/*//////////////////////////////////////////*/
/* Container */
/*//////////////////////////////////////////*/

#container{
    position: relative;
    overflow: hidden;
	transition:all 200ms linear;
	background: #ffffff url('/wp-content/themes/rvl/specials/gid33/graphics/images/container_bg.jpg') repeat-y top center;
}
#container.loading{
	opacity: 0;
}

/*//////////////////////////////////////////*/
/* Intro */
/*//////////////////////////////////////////*/

#intro {
    background-position:top right;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/intro_bg.jpg');
    position:relative;
    height:calc(100vh + 120px);
    min-height: 600px;
    padding-bottom:120px;
    position: relative;
}
/* #intro:after {
    content:'';
    width:100%;
    height:120px;
    position: absolute;
    left:0;
    bottom:0;
    background: rgba(38, 43, 62, 1);
    background: linear-gradient(0deg, rgba(38, 43, 62, 1) 0%, rgba(38, 43, 62, 0) 100%);
} */
@media (max-width:799px) {
    #intro {
        background-position:top center;
        min-height: auto;
    }
}
#intro .container{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Logos */

#intro .logos {
    display: inline-block;
    font-size: 0;
    margin: 30px 0;
    padding:10px 0;
    color:#ffffff;
    position: relative;
}
#intro .logos:before {
    content:'';
    width:3000px;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    background: #40b0c3;
    z-index: 5;
}
#intro .logos *{
    position: relative;
    z-index: 10;
}
#intro .logos a {
    display:inline-block;
    vertical-align: top;
}
#intro .logos img {
    display: block;
    width: auto;
	transition:all 200ms linear;
}
#intro .logos a.rvland img {
    height: 50px;
}
@media (max-width:799px) {
    #intro .logos a.rvland img {
        height: 46px;
        margin:3px 0;
    }
}
#intro .logos a.partner{
    opacity:0.7;
}
#intro .logos a.partner:hover{
    opacity:1;
}
#intro .logos a.ocig{
    margin: 14px 0 10px 20px;
}
#intro .logos a.ocig img{
    height: 26px;
}
@media (max-width:799px) {
    #intro .logos a.ocig{
        margin: 18px 0 14px 15px;
    }
    #intro .logos a.ocig img{
        height: 18px;
    }
}
#intro .logos a.league{
    margin: 6px 20px;
}
#intro .logos a.league img{
    height: 38px;
}
@media (max-width:799px) {
    #intro .logos a.league{
        margin: 11px 15px;
    }
    #intro .logos a.league img{
        height: 28px;
    }
}
#intro .logos span{
    padding: 10px 0 10px 30px;
    display:inline-block;
    font-size:11px;
    line-height:15px;
    vertical-align: top;
    text-transform: uppercase;
    text-align: right;
    font-weight:300;
}
@media (max-width:599px) {
    #intro .logos span{
        display: none;
    }
}
#intro a.show_popover {
    display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	margin:45px 0;
    font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	color: #40b0c3;
    background: rgba(64, 176, 195, 0.2);
}
#intro a.show_popover:hover {
	background: rgba(64, 176, 195, 0.3);
}

/* Title */

#intro .title {
    height:calc(100% - 130px);
}
@media (max-width:599px) {
    #intro .title .wrapper{
        text-align: center;
        align-items: center;
    }
}
#intro .title .wrapper{
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    color:#ffffff;
    padding-bottom: 90px;
}
#intro .title .wrapper h1{
    display:block;
    margin-bottom:30px;
    font-weight: 700;
    font-size: 60px;
    line-height: 68px;
}
@media (max-width:599px) {
    #intro .title .wrapper h1{
        font-size: 40px;
        line-height: 48px;
    }
}
#intro .title .wrapper p{
    display:block;
    font-size: 40px;
    line-height: 48px;
    padding-bottom: 60px;
}
@media (max-width:599px) {
    #intro .title .wrapper p{
        display:block;
        font-size: 20px;
        line-height: 28px;
    }
}
#intro .title .wrapper .scroll_down{
    display: inline-block;
}
#intro .title .wrapper .scroll_down{
    width: 40px;
    height: 70px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 25px;
    cursor: pointer;
    position: relative;
}
#intro .title .wrapper .scroll_down:before {
    content: '';
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.6);
    margin-left: -4px;
    top: 15px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    -webkit-animation: 1.5s scrollmouse cubic-bezier(0.65, -0.55, 0.25, 1.5) infinite;
    -moz-animation: 1.5s scrollmouse cubic-bezier(0.65, -0.55, 0.25, 1.5) infinite;
    animation: 1.5s scrollmouse cubic-bezier(0.65, -0.55, 0.25, 1.5) infinite;
}

/* Divider */

#intro .divider {
    bottom:-60px;
    background: #262b3e;
}

/*//////////////////////////////////////////*/
/* Nav */
/*//////////////////////////////////////////*/

#nav{
    background: #262b3e;
    padding:120px 0 240px;
    position: relative;
    z-index: 10;
}
#nav .items{
    display:flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 1200px;
    width:calc(100% - 30px);
    margin:0 auto;
}
@media (max-width:799px) {
    #nav .items{
        flex-direction: column;
    }
}
#nav .item{
    display:flex;
    flex-direction: row;
    flex: 1;
    color: #ffffff;
    background: #40b0c3;
    height:400px;
}
@media (max-width:799px) {
    #nav .item{
        flex-direction: row-reverse !important;
        height:150px;
    }
}
#nav .item.odd{
    flex-direction: column;
}
#nav .item.even{
    flex-direction: column-reverse;
}
#nav .item div{
    height:50%;
}
@media (max-width:799px) {
    #nav .item div{
        width:50%;
        height:100%;
    }
}
#nav .item .img{
    position: relative;
    overflow: hidden;
}
#nav .item .img:before{
    content:'';
    position: absolute;
    left:20px;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 10;
}
#nav .item.odd .img:before{
    bottom:0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #40b0c3 transparent;
}
#nav .item.even .img:before{
    top:0;
    border-width: 10px 10px 0 10px;
    border-color: #40b0c3 transparent transparent transparent;
}
#nav .item .img div{
    transition:all 200ms linear;
    width:100%;
    height:100%;
    position: relative;
    z-index: 5;
}
#nav .item:hover .img div{
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg) scale(1.05);
}
#nav .item.item_1 .img div{
	background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_1.jpg');
}
#nav .item.item_2 .img div{
	background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_2.jpg');
}
#nav .item.item_3 .img div{
	background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_3.jpg');
}
#nav .item.item_4 .img div{
	background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_4.jpg');
}
#nav .item.item_5 .img div{
	background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_5.jpg');
}
#nav .item .name{
    padding:16px 20px;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
}
#nav .item:hover .name strong{
    text-decoration: underline;
}
#nav .road{
    width: 140%;
    height: 240px;
    position: absolute;
    left: -20%;
    bottom: -60px;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_sep.png');

    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
#nav .road .vehicle{
    width: 60%;
    height: 240px;
    position: absolute;
    bottom: 80px;
    left: -100%;
	transition:all 50ms linear;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/nav_vehicles.png');
}

/*//////////////////////////////////////////*/
/* About */
/*//////////////////////////////////////////*/

#about{
    padding:120px 0 60px;
    position: relative;
    z-index: 15;
}
#about:before{
	content: '';
	width:100%;
	height:600px;
    position: absolute;
	left:0;
	top:0;
    z-index: 5;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
#about .images{
    margin-bottom: 60px;
    position: relative;
    height: calc(100% - 60px);
    min-height: 400px;
}
#about .images div{
    background-color: #666666;
    position: absolute;
}
#about .images div:nth-child(1){
    width:calc(65% - 5px);
    height:calc(50% - 5px);
    top:0;
    left:0;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/about_1.jpg');
}
#about .images div:nth-child(2){
    width:calc(35% - 5px);
    height:calc(50% - 5px);
    top:0;
    left:calc(65% + 5px);
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/about_2.jpg');
}
#about .images div:nth-child(3){
    width:calc(35% - 5px);
    height:calc(50% - 5px);
    bottom:0;
    left:0;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/about_4.jpg');
}
#about .images div:nth-child(4){
    width:calc(65% - 5px);
    height:calc(50% - 5px);
    bottom:0;
    left:calc(35% + 5px);
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/about_3.jpg');
}
#about .ttl{
    margin-bottom: 60px;
}

/*//////////////////////////////////////////*/
/* Icons */
/*//////////////////////////////////////////*/

#icons{
    padding:30px 0 0 0;
    position: relative;
    z-index: 15;
}
#icons .icon{
    position: relative;
    z-index: 5;
}
#icons .icon:hover{
    z-index: 10;
}
#icons .icon .inner{
	display: block;
    padding:20px;
    margin-bottom: 30px;
    position: relative;
    background: #ffffff;
    overflow: hidden;
	transition:all 200ms linear;
}
#icons .icon:hover .inner{
    overflow: visible;

    -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
	-moz-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
}
#icons .icon .inner svg{
    display: block;
    height:80px;
    width:auto;
    margin:0 auto 20px;
    fill:#40b0c3;
}
#icons .icon .inner svg g{
    fill:#40b0c3;
}
#icons .icon .inner strong{
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
#icons .icon .inner p{
    display: block;
    position: absolute;
    top:100%;
    left:0;
    padding: 0 20px 20px;
    background: #ffffff;
    line-height: 22px;
}

/*//////////////////////////////////////////*/
/* POI */
/*//////////////////////////////////////////*/

#poi{
    padding:120px 0;
    position: relative;
    z-index: 15;
}
#poi .ttl{
    margin-bottom: 60px;
}
#poi .cities ul.tabs{
    display: block;
	font-size: 0;
}
#poi .cities ul.tabs li{
    display: inline-block;
	padding:0 7.5px 15px;
}
#poi .cities ul.tabs li a{
    display: block;
	font-size:16px;
	font-weight: 700;
	padding:15px 20px;
	border-radius: 30px;
	color:#40b0c3;
	background: #ffffff;
	border:1px solid #40b0c3;
}
#poi .cities ul.tabs li a:hover{
	background: rgba(64, 176, 195, 0.2);
}
#poi .cities ul.tabs li.active a{
	color:#ffffff;
	background: #40b0c3;
}
#poi .cities .city{
	margin:0 -7.5px;
	font-size: 0;
	position: relative;
}
#poi .cities .poi{
	display: inline-flex;
    vertical-align: middle;
    background: #000000;
    width: calc(33.333333% - 15px);
    height: 500px;
    margin: 15px 7.5px 0;
	border-radius: 5px;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
	position: relative;
	z-index: 5;
}
#poi .cities .poi:before,
#poi .cities .poi:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 100%;
	height: 200px;
	z-index: 10;
}
#poi .cities .poi:before{
	top: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
}
#poi .cities .poi:after{
	bottom: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%);
}
@media (max-width:899px) {
	#poi .cities .poi{
		width:calc(50% - 15px);
	}
}
@media (max-width:599px) {
	#poi .cities .poi{
		width:calc(100% - 15px);
	}
}
#poi .cities .poi .text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width:100%;
	height:100%;
	position: absolute;
	padding:45px;
	z-index: 15;
	color:#ffffff;
	transition:all 200ms linear;
}
@media (max-width:799px) {
	#poi .cities .poi .text{
		padding:30px;
	}
}
#poi .cities .poi .text b{
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	opacity: 0.8;
}
#poi .cities .poi .text strong{
	display: block;
	margin-bottom: auto;
}
#poi .cities .poi .text span{
	display: block;
	padding-top: 15px;
	font-size: 14px;
	line-height: 18px;
}
#poi .cities .poi .text span svg{
	display: inline-block;
	width:auto;
	height:18px;
	vertical-align: bottom;
	margin-right: 4px;
}
#poi .cities .poi img{
	display: block;
	width:auto;
	height:100%;
	position: relative;
	z-index: 5;
	opacity: 0.8;
	transition:all 200ms linear;
}
#poi .cities .poi:hover img{
	opacity: 0.6;
}
#poi .cities .details {
	display: none;
}
#poi .cities .details_open {
	width:calc(100% - 15px);
	margin:15px 7.5px 0;
	position: relative;
	z-index: 10;
	border-top: 5px solid #40b0c3;
	border-radius: 5px;
}
#poi .cities .details_arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 13px 26px 13px;
	border-color: transparent transparent #40b0c3 transparent;
    top: -26px;
    position: absolute;
}
#poi .cities .details_content{
	display: flex;
	flex-direction: row;
	font-size:20px;
	text-align:left;
	padding:30px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width:899px) {
	#poi .cities .details_content{
		flex-direction:column-reverse;
	}
}
#poi .cities .details_content .img{
	width:40%;
	margin-right:30px;
	border-radius: 5px;
}
@media (max-width:899px) {
	#poi .cities .details_content .img{
		width:100%;
		height:300px;
		margin:30px 0 0 0;
	}
}
#poi .cities .details_content .text{
	width:60%;
}
@media (max-width:899px) {
	#poi .cities .details_content .text{
		width:100%;
	}
}
#poi .cities .details_content strong{
	display: block;
	font-weight: 700;
}
#poi .cities .details_content span{
	display: block;
	font-size:16px;
	line-height: 18px;
	padding-top:5px;
}
#poi .cities .details_content span svg{
	display: inline-block;
	width:auto;
	height:18px;
	vertical-align: bottom;
	margin-right: 4px;
	fill:#6b7475;
}
#poi .cities .details_content span svg path{
	fill:#6b7475;
}
#poi .cities .details_content p{
	display: block;
	padding-top:30px;
}
#poi .cities .details_content em{
	display: block;
	font-size:16px;
	line-height: 20px;
	padding:30px 0 0 40px;
	position: relative;
}
#poi .cities .details_content em b{
	display: block;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 4px;
	text-transform: uppercase;
}
#poi .cities .details_content em svg{
	display: block;
	width:30px;
	height:30px;
	position: absolute;
	left:0;
	top:30px;
	fill:#40b0c3;
}
#poi .cities .details_content em svg path{
	fill:#40b0c3;
}
#poi .cities .details_close {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872 c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872 c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052 L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116 c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952 c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116 c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-color: #40b0c3;
	border: 5px solid #40b0c3;
	border-radius: 15px;
	cursor: pointer;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-indent: -9999px;
	z-index: 99;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
#poi .cities .details_close:hover {
	transform: rotate(180deg);
}

/*//////////////////////////////////////////*/
/* Map */
/*//////////////////////////////////////////*/

#map{
    padding:120px 0;
    position: relative;
    z-index: 15;
}
#map .options {
	padding:30px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #e4e4e4;
}
#map .options h4{
	display: block;
	width:100%;
	font-weight: 700;
	font-size: 18px;
}
#map .options h4 .icheck{
	display: inline-block;
	vertical-align: bottom;
	margin-left: 5px;
}
#map .options .group{
	width:50%;
}
@media (max-width:699px) {
	#map .options .group{
		width:100%;
	}
}
#map .options .group strong{
	display: block;
	margin-top:15px;
	opacity: 0.6;
}
#map .options .group .icheck{
	margin:15px 15px 0 0;
}
#map .options .group .empty{
	margin:15px 15px 0 0;
	line-height: 20px;
}
#map .c2a{
	padding:30px 0;
	border-bottom: 1px solid #e4e4e4;
}
#map .c2a .arrow{
	height:100%;
	line-height: 20px;
	font-weight: 700;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/arrow.png');
	background-position: right;
}
#map .c2a .icheck{
	display: inline-block;
}
#map .rvmap {
	width: 100%;
	height: 600px;
	margin-top:60px;
}
.map_baloon{
	max-width:280px;
	font-family: 'Manrope', sans-serif !important;
}
.map_baloon strong{
	display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}
.map_baloon p{
	display: block;
    font-size: 14px;
    line-height: 20px;
	padding-top: 5px;
    font-weight: 400;
	opacity: 0.8;
}
.map_baloon span{
	display: block;
    font-size: 12px;
    line-height: 18px;
	padding-top: 5px;
	opacity: 0.6;
}

/*//////////////////////////////////////////*/
/* Routes */
/*//////////////////////////////////////////*/

#routes{
    padding:120px 0;
    margin:120px 0;
    position: relative;
    background-image: url('/wp-content/themes/rvl/specials/gid33/graphics/images/routes_bg.jpg');
}
#routes .ttl{
	padding-right:15px;
	display: flex;
	height: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
}
@media (max-width:799px) {
	#routes .ttl{
		padding-right:0;
		display: block;
	}
}
#routes .routes{
    min-height:100%;
	display: flex;
	flex-direction: column;
    align-items: baseline;
    justify-content: center;
	padding-left:15px;
}
@media (max-width:799px) {
	#routes .routes{
		padding-left:0;
	}
}
#routes .routes .route{
    width:100%;
	position: relative;
	margin:30px 0;
	transition:all 150ms linear;
}
@media (max-width:799px) {
	#routes .routes .route{
		margin:30px 0 0;
	}
}
#routes .routes .route:hover{
	color: #ffffff;
}
#routes .routes .route:before{
	content: '';
    width:calc(100% + 30px);
    height:calc(100% + 30px);
	position: absolute;
	top:-15px;
	left:-15px;
	z-index: 5;
	transition:all 200ms linear;
}
#routes .routes .route:hover:before{
	background: #40b0c3;
}
#routes .routes .route strong{
    display: block;
	position: relative;
	z-index: 10;
}
#routes .routes .route span{
    display: inline-block;
	margin:10px 10px 10px 0;
	padding:10px 15px;
	background: #40b0c3;
	color:#ffffff;
	border-radius: 20px;
	position: relative;
	z-index: 10;
	transition:all 150ms linear;
}
#routes .routes .route:hover span{
	color: #40b0c3;
	background: #ffffff;
}
#routes .routes .route p{
    display: block;
	line-height: 20px;
	position: relative;
	z-index: 10;
}

/* Empty route*/

#routes .routes .route.empty{
	opacity: 0.6;
	font-size:0;
}
#routes .routes .route.empty strong{
    display: inline-block;
	width:60%;
	height:32px;
	line-height:32px;
	background: #e4e4e4;
	border-radius: 20px;
	font-size:16px;
	padding:0 10px;
	text-transform: uppercase;
	color:#ababab;
}
#routes .routes .route.empty:hover strong{
    color: #40b0c3;
}
#routes .routes .route.empty span{
	width:80px;
	height:36px;
}
#routes .routes .route.empty p{
	display: inline-block;
	height:20px;
	background: #e4e4e4;
	border-radius: 10px;
}
#routes .routes .route.empty p:first-of-type{
	width:100%;
}
#routes .routes .route.empty p:last-of-type{
	width:70%;
	margin-top:5px;
}

/*//////////////////////////////////////////*/
/* Thanks */
/*//////////////////////////////////////////*/

#thanks{
    padding:120px 0;
    position: relative;
}
#thanks .thanks{
    padding:60px 0 0;
    line-height: 26px;
	font-size: 18px;
}
#thanks .thanks b{
	background: rgba(64, 176, 195, 0.4);
	font-weight: 400;
}

/*//////////////////////////////////////////*/
/* Footer */
/*//////////////////////////////////////////*/

#footer{
    max-width: 800px;
    padding:120px 0 30px;
    margin:0 auto;
    color:#939393;
}
#footer .rvland{
    display:inline-block;
}
#footer .rvland img{
    display:block;
    width:100px;
    height:auto;
}
#footer ul{
    display:block;
    margin-top: 15px;
}
#footer ul li{
    display:inline-block;
    padding:15px 7.5px 0;
}
#footer ul li a{
    display:block;
    padding:10px 15px;
    font-size:14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #f1f1f1;
}
#footer ul li a:hover{
    background: #40b0c3;
    color:#ffffff;
}
#footer p{
    font-size: 12px;
    line-height: 16px;
    margin-top: 30px;
}

/*//////////////////////////////////////////*/
/* Google translate */
/*//////////////////////////////////////////*/

.goog-te-banner-frame{
	display:none !important;
}
body{
	top:0 !important;
}
#goog-gt-tt{
	display:none !important;
}
.goog-text-highlight{
    background-color:transparent !important;
    box-shadow:none !important;
}