@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/roboto-v20-latin_cyrillic-100.eot');
	src: local('Roboto Thin'), local('Roboto-Thin'),
	url('../fonts/roboto-v20-latin_cyrillic-100.eot?#iefix') format('embedded-opentype'),
	url('../fonts/roboto-v20-latin_cyrillic-100.woff2') format('woff2'),
	url('../fonts/roboto-v20-latin_cyrillic-100.woff') format('woff'),
	url('../fonts/roboto-v20-latin_cyrillic-100.ttf') format('truetype'),
	url('../fonts/roboto-v20-latin_cyrillic-100.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v20-latin_cyrillic-regular.eot');
	src: local('Roboto'), local('Roboto-Regular'),
	url('../fonts/roboto-v20-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'),
	url('../fonts/roboto-v20-latin_cyrillic-regular.woff') format('woff'),
	url('../fonts/roboto-v20-latin_cyrillic-regular.ttf') format('truetype'),
	url('../fonts/roboto-v20-latin_cyrillic-regular.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto-v20-latin_cyrillic-500.eot');
	src: local('Roboto Medium'), local('Roboto-Medium'),
	url('../fonts/roboto-v20-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'),
	url('../fonts/roboto-v20-latin_cyrillic-500.woff2') format('woff2'),
	url('../fonts/roboto-v20-latin_cyrillic-500.woff') format('woff'),
	url('../fonts/roboto-v20-latin_cyrillic-500.ttf') format('truetype'),
	url('../fonts/roboto-v20-latin_cyrillic-500.svg#Roboto') format('svg');
}

body {
	font-family: 'Roboto';
	background: rgb(0,115,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,115,255,1) 0%, rgba(122,69,178,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,115,255,1) 0%,rgba(122,69,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,115,255,1) 0%,rgba(122,69,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073ff', endColorstr='#7a45b2',GradientType=0 ); /* IE6-9 */
	
}

.title{
	font-weight: 500;
	font-size: 72px;
	margin-bottom: 30px;
}

@media (max-width:999px){
.title{
	font-size: 30px;
	margin-bottom: 0;
}
}

.subtitle{
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 30px;
}

p{
	font-weight: 400;
	font-size: 16px;
}

.white-text{
	color:white;
}
.white-text a{
    text-decoration: underline;
    color: #fff;
}

.yellow-text{
	color:#fff100;
}

.fullscreen-container{
	height: 100vh;
	width: 100%;
}

.fullscreen-container .carousel{
	height:100vh;
}

.promo{
	overflow: hidden;
}

.promo .carousel-caption{
	top:20%;
}

@media (max-width:999px){
.promo .carousel-caption{
	top:60%;
}
}

.promo .carousel-inner{
	height: 100%;
}

@media (max-width:999px){
.promo .carousel-item img{
	height: 100% !important;
}
}



@media (max-width:999px){
.promo .carousel-indicators{
	display: none;
}
}

@media (max-width:999px){
.top .navbar-collapse{
	background: #373737;
	padding: 15px;
	border-radius: 10px;
	border:1px solid white;
}
}

.top .navbar-text{
	padding-left: 30px;
	text-transform: uppercase;
	color:#fff100;
}

@media (max-width:999px){
	.top .navbar-text{
	padding-left: 0;
}
}

.top .btn{
	margin-right: 30px;
	text-transform: uppercase;
}

@media (max-width:999px){
	.top .btn{
	margin-bottom: 30px;
	font-size: 14px;	
}
}

.top .navbar{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.top .nav-item {
	color:white;
	margin-right: 30px;
}

.top .nav-item a{
	color:white;
	text-transform: uppercase;
}

.top .nav-item a:hover{
	color:#fff100;
}

.promo .title{
	background: #0073ff;
	font-weight: 500;
	display: inline-block;
	border-radius: 10px;
	padding: 0 15px;
}

.weather a{
	max-width: 150px;
	margin: auto;
}

.promo .carousel-control-next-icon, .promo .carousel-control-prev-icon {
	width: 40px;
	height: 40px;
}

.map-container{
	padding-top: 70px ;
	position: fixed;
	max-width: 900px;
}

@media (max-width:1300px){
	.map-container{
	padding-top: 70px ;
	position:inherit;
}
}


.map img{
	width:100%;
	margin-bottom: 50px;
}

.region-card{
	color:white;
}

.region-list{
	margin-top: 150px;
}

@media (max-width:999px){
	.region-list{
	margin-top: 50px;
}
}

.region-card .subtitle{
	margin-bottom: 0;
}

.about_cover{
	padding: 150px 0;
	/*background: url("../images/rad-pozniakov-X7l7LN5fMno-unsplash.jpg") no-repeat center center fixed ;*/
	color:#0073ff;
}

.text-content{
	padding: 50px 0;
}

.formbox{
	padding: 100px 0;
	color:white;
	/*background: url("../images/daria-krav-myMCB0MDAYU-unsplash.jpg") no-repeat top center;*/
}

/*.kyiv_region_cover{
	padding: 150px 0;
	background: url("../images/simon-hrozian-Z9EUSHBvAAg-unsplash.jpg") no-repeat center right fixed ;
	color:#fff100;
}*/

.tours{
	background: white;
	padding: 70px 0;
}

.tours .card-title{
	color: #0073ff;
}

.other-regions{
	padding: 50px 0;
	color:white;
}

.other-regions .card{
	border:0;
}

.other-regions a:hover{
	text-decoration: none;
}

.other-regions .card:hover{
	opacity: 0.7;
}

.other-regions .card-body{
	background: #0073ff;
	color:white;
}

.customize_cover{
	padding: 120px 15px 30px 15px;
	/*background: url("../images/alexandra-luniel-03Hz0iuig8c-unsplash.jpg") no-repeat center center fixed ;*/
	color:white;
}

.region-step{
	padding: 90px 0;
	background: white;
}

.region-step .subtitle{
	color: #0073ff;
	text-transform: uppercase;
	font-weight: bold;
}

.region-step .card{
	background: #0073ff;
	color:white;
}

.region-step a {
	font-weight: 500;
	display: block;
}

.region-step label{
	font-size: 18px;
	color:#fff100;
}

.region-step .form-check-input{
	width: 18px;
	height: 18px;
}

.card a:hover{
	text-decoration: none;
}

.card-body a, .card-title{
	font-size: 24px;
	font-weight: 500;
}

.modal-content{
	background: #0073ff;
	color:white;
}

.card{
	color:black;
}

.activities-step{
	padding: 90px 0;
	/*background: url("../images/carpathians_bg.png") no-repeat center top #0073ff ;*/
}


.card:hover {
	opacity: 0.8;
}



.options-step .card:hover{
	opacity: 1;
}

.card-body span{
	white-space: nowrap;
}

.options-step{
	padding: 90px 0;
	/*background: url("../images/eugene-chystiakov-43CfoIBkjhA-unsplash.png") no-repeat center top #0073ff ;*/
}

.summary-step{
	padding: 90px 0;
	background: white ;
}

.summary-step .title{
	color:#0073ff;
	text-transform: uppercase;
}

.summary-step .subtitle{
	margin-bottom: 15px;
	color:#0073ff;
}

.summary-step ul{
	background: #0073ff;
	color:white;
	padding: 15px 30px;
}

.summary-step p{
	display: inline;
	margin-right: 15px;
	margin-bottom: 30px;
}

.map a{
	font-size: 18px;
	font-weight: bold;
	color:#fff100;
}

.map a:hover{
	background: #0073ff; 
	color:white;
	text-decoration: none;
	border-radius: 5px;
}


.map {
	position: relative
}

#kyiv{
	position: absolute;
	z-index: 999;
	top:24%;
	left: 48%;
}

#lviv{
	position: absolute;
	z-index: 999;
	top:27%;
	left: 10.5%;
}

#odessa{
	position: absolute;
	z-index: 999;
	top:64%;
	left: 46%;
}

#kharkiv{
	position: absolute;
	z-index: 999;
	top:25%;
	left: 80%;
}

#carpathians{
	position: absolute;
	z-index: 999;
	top:37%;
	left: 14.5%;
}
.navbar-brand svg {
	width: 130px;
	height: auto;
}
.hidden {
	display: none;
}
.promo .col-xs-12 {
	width: 100%;
}
.region__seo {
	padding-top: 50px;
	padding-bottom: 50px;
}
.region__desc {
	overflow: hidden;
	max-height: 75px;
	transition: max-height 1s ease-in-out;
}
.region__desc p {
	font-size: 14px;
	color: #fff;
}
.region__desc h2,
.region__desc h3 {
	font-size: 18px;
	color: #fff;
}
.region__desc ul {
	color: #fff;
	font-size: 14px;
}
.region__desc.open {
	max-height: 2000px;
}
.region__readmore {
	display: flex;
	justify-content: flex-end;
	padding: 10px 0 0 0;
}
.region__desc a {
	color: #fff;
}
.region__readmore span,
.notfound__buttons--single {
	cursor: pointer;
	color: #212529 !important;
	background-color: #ffc107;
	border-color: #ffc107;
	padding: .5rem 1rem;
	font-size: 14px;
	line-height: 1.5;
	border-radius: .3rem;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-decoration: none !important;
	border:none !important;
}
.region__readmore span:hover,
.notfound__buttons--single:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}
.notfound__buttons a {
	margin: 0 10px;
}
.notfound__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 0 0 0;
}
.other-regions .col-md-3 {
	margin: 0 0 30px 0;
}
.container a:not(.btn ),
.container a:not(.btn-block),
.container a:not(.btn-lg),
.container a:not(.btn-primary) {
	color: #fcf30a;
	border-bottom: 1px dotted transparent;
	text-decoration: none;
}
.container a:not(.btn):hover,
.container a:not(.btn-block):hover,
.container a:not(.btn-primary):hover,
.container a:not(.btn-lg):hover {
	border-bottom: 1px dotted #fcf30a;
	text-decoration: none;
}
.text-primary.mt-3 a {
	color:#007bff;
}
.modal-content a.btn {
	color: #212529;
}
.success__page .col-12 a {
	color:#007bff;
	border: none !important;
}