html,body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font-family: 'regular';
font-size: 14px;
color: #3a3630;
}

@font-face{
font-family: 'regular';
src: url('/fonts/Montserrat-Regular.ttf');
}

@font-face{
font-family: 'bold';
src: url('/fonts/Montserrat-Bold.ttf');
}

@font-face{
font-family: 'black';
src: url('/fonts/Montserrat-Black.ttf');
}

a {
color: #68D2F0;
}

header {
width: 100%;
height: 800px;
}

.bd_headslider {
width: 100%;
position: absolute;
top: 0px;
left: 0px;

height: 800px;
clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
/*background: url(/img/slide01.jpg) center top/cover no-repeat;*/
}

.bd_headslider_page {
width: 100%;
position: absolute;
top: 0px;
left: 0px;

height: 150px;
background: url(/img/slide01.jpg) center top/cover no-repeat;
}

header.page {
height: auto !important;
}

.header_slide {
width: 100%;
height: 100%;
background: rgba(45,45,45,0.55);
text-align: center;
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
}

.header_slide_page {
width: 100%;
height: 100%;
background: rgba(45,45,45,0.55);
text-align: center;
}

.bd_headercontent {
width: 100%;
height: 100%;
text-align: center;
position: relative;
z-index: 102;
}

.header {
width: 100%;
display: flex;
justify-content: space-between;
}

.bd_content_width {
width: 1500px;
margin: 0px auto;
display: inline-block;
}

.bd_content_width_tours {
width: 1500px;
margin: 0px auto;
display: inline-block;
}

.header_logo img {
height: 80px;
margin: 10px 0px 10px;
}

.header_lang {
display: inline-block;
color: white;
text-transform: uppercase;
margin: 30px 20px 0px 0px;
cursor: pointer;
position: relative;
}

.header_lang a {
color: white;
padding: 0px 10px;
cursor: pointer;
border-radius: 5px;
text-decoration: none;
}

.header_lang a.active {
border: solid 1px white;
padding: 0px 9px;
}

.header_lang_mob {
display: inline-block;
color: white;
text-transform: uppercase;
width: 30px;
font-size: 18px;
margin: 20px 0px 0px 0px;
cursor: pointer;
display: none;
position: relative;
}

.header_lang_mob a {
color: white;
padding: 0px 10px;
cursor: pointer;
border-radius: 5px;
text-decoration: none;
}

.header_lang_mob a.active {
border: solid 1px white;
padding: 0px 9px;
}

.header_lang_compensator  {
width: 61px;
}

.header_phone {
color: white;
padding: 30px 5px 0px 0px;
text-align: left;
position: relative;
}

.header_phone span {
display: block;
font-size: 22px;
text-align: left;
padding: 0px 0px 0px 30px;
background-position: center left;
background-repeat: no-repeat;
background-size: auto 90%;
margin: 0px 0px 10px 0px;
}

#main_menue_cb {
display: none;
}

label[for="main_menue_cb"] {
display: inline-block;
width: 40px;
height: 40px;
position: relative;
display: none;
margin: 10px 0px 10px 0px;
cursor: pointer;
z-index: 102;
}

label[for="main_menue_cb"] b:nth-child(1){
width: 100%;
height: 4px;
background-color: white;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, 0%) rotate(0deg);
transition: 0.5s;
}

label[for="main_menue_cb"] b:nth-child(2){
width: 100%;
height: 4px;
background-color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
transition: 0.5s;
opacity: 1.0;
}

label[for="main_menue_cb"] b:nth-child(3){
width: 100%;
height: 4px;
background-color: white;
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%, 0%) rotate(0deg);
transition: 0.5s;
}

#main_menue_cb:checked ~ label[for="main_menue_cb"] b:nth-child(2){
opacity: 0.0;
}

#main_menue_cb:checked ~ label[for="main_menue_cb"] b:nth-child(1){
transform: translate(-50%, -50%) rotate(45deg);
top: 18px;
background-color: #3a3630;
}

#main_menue_cb:checked ~ label[for="main_menue_cb"] b:nth-child(3){
transform: translate(-50%, -50%) rotate(315deg);
bottom: 18px;
background-color: #3a3630;
}


.header_email {
color: white;
padding: 30px 0px 0px 5px;
text-align: right;
position: relative;
font-size: 24px;
display: flex;
justify-content: space-between;
}

.bd_onscroll_fixed {
position: fixed;
top: 0px;
left: 0px;
z-index: 66;
background: rgba(0,0,0,0.6);
}

.bd_menu_sroll_fix {
width: 100%;
text-align: center;
}


.bd_menu {
width: 100%;
text-align: center;
}

.bd_menu menu {
list-style: none;
margin: 10px 0px;
padding: 0px;
text-align: center;
font-family: 'bold';
transition: 0.5s;
z-index: 100;
}

.bd_menu menu li,.bd_menu menu a {
display: inline-block;
padding: 10px 30px;
text-transform: uppercase;
cursor: pointer;
color: white;
text-decoration: none;
}

.bd_menu menu li.active,.bd_menu menu a.active {
/*color: #4A93A7;*/
color: #68D2F0;
}

.bd_title_utp {
text-align: center;
color: white;
margin: 0px auto;
width: 600px;
padding: 150px 0px 100px 0px;
}

.bd_first_utp {
font-size: 20px;
text-transform: uppercase;
color: #68D2F0;
text-align: center;
font-family: 'bold';
}

.bd_second_utp {
font-size: 16px;
line-height: 1.3;
margin: 0px 0px 100px 0px;
}

.bd_center_utp {
font-size: 42px;
padding: 20px 0px;
}

.bd_center_utp b {
font-family: 'black';
}

section {
width: 100%;
text-align: center;
display: block;
}

.bd_site_primary_titile {
display: block;
text-align: center;
font-size: 40px;
text-transform: uppercase;
font-family: 'black';
margin: 50px 0px 30px 0px;
color: #68D2F0;
}

.bd_site_secondary_titile {
display: block;
text-align: center;
font-size: 20px;
text-transform: uppercase;
font-family: 'black';
margin: 50px 0px 30px 0px;
color: #68D2F0;
}

.bd_site_primary_titile_white {
display: block;
text-align: center;
font-size: 40px;
text-transform: uppercase;
font-family: 'black';
margin: 50px 0px 30px 0px;
color: white;
}

.bd_site_secondary_title {
display: block;
width: 60%;
text-align: center;
font-size: 20px;
margin: 10px auto 30px auto;
color: #626672;
}

.bd_tours_flex {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0px 0px 100px 0px;
}

.bd_tour_item {
width: 320px;
box-sizing: border-box;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
position: relative;
cursor: pointer;
}

.bd_tour_item  .bd_tour_white_place {
border-radius: 15px;
background-color: white;
box-sizing: border-box;
padding: 10px 30px;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0.8;
color: black;
}

.bd_tour_item.active  .bd_tour_white_place {
background-color: #000000;
color: white;
opacity: 1.0;
}


.bd_read_more_tour {
background-color: #68D2F0;
padding: 7px 20px;
border-radius: 15px;
color: white;
text-transform: uppercase;
font-size: 16px;
font-family: 'bold';
position: absolute;
top: -17px;
right: 10px;
cursor: pointer;
transition: 0.5s;
}

.bd_read_more_tour:hover {
background-color: #4A93A7;
}

.bd_tout_text_one {
color: #68D2F0;
text-transform: uppercase;
font-size: 16px;
}

.bd_tout_text_two {
font-family: 'black';
font-size: 26px;
}

.bd_tout_text_three {
font-size: 14px;
}

.bd_leed_form_bg {
width: 100%;
background-image: url(/img/leedBG.png);
background-attachment: fixed;
position: relative;
}

.bd_leed_form_bg_gradient {
background: rgba(45,45,45,0.55);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.bd_ofer_title {
font-family: 'black';
font-size: 40px;
margin: 50px 0px 30px 0px;
text-align: center;
text-transform: uppercase;
color: white;
}

.bd_ofer_tip {
text-transform: uppercase;
color: white;
margin: 10px 0px 30px 0px;
font-size: 24px;
}

.bd_ofer_button_container {
text-align: center;
margin: 0px 0px 50px 0px;
}

.bd_ofer_button {
border-radius: 30px;
border: solid 2px white;
display: inline-block;
color: white;
transition: 0.5s;
padding: 10px 35px;
font-family: 'bold';
text-transform: uppercase;
font-size: 28px;
cursor: pointer;
}

.bd_ofer_button:hover {
background-color: white;
color: #68D2F0;
}

.bd_about_flex {
display: flex;
justify-content: space-between;
margin: 0px 0px 100px 0px;
}

.bd_about_text_block {
width: 45%;
text-align: left;
font-size: 16px;
}

.bd_about_images_block {
width: 50%;
min-height: 400px;

}

.um_about_slider_block {
width: 100%;
height: 100%;
}

.um_about_slide {
height: 400px;
width: 100%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}


.bd_ul {
list-style: none;
padding: 0px;
}

.bd_ul li {
padding: 5px 5px 5px 30px;
}

.bd_ul li:before {
content: '';
width: 30px;
display: inline-block;
height: 20px;
background: url(/img/check.svg) center center/contain no-repeat;
}

.bd_gallery_block_bg {
background-color: #f0f0f0;
width: 100%;
}

.bd_gallery_row {
width: 100%;
display: flex;
justify-content: space-between;
}

.bd_gallerey_name_block {
width: 50%;
height: 300px;
text-align: center;
box-sizing: border-box;
padding: 70px 50px;
font-family: 'black';
font-size: 32px;
text-transform: uppercase;
}

.bd_gallerey_image {
width: 25%;
height: 300px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

footer {
width: 100%;
background-image: url(/img/slide01.jpg);
background-attachment: fixed;
position: relative;
}

.bd_footer_gradient {
background: rgba(45,45,45,0.55);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
}

.bd_footer_flex {
display: flex;
justify-content: space-between;
margin: 100px 0px 50px 0px;
}

.bd_footer_subscribe {
width: 300px;
}

.bd_subscribe_title {
color: white;
font-size: 22px;
font-family: 'bold';
text-transform: uppercase;
}

.bd_subscribe_tip {
color: white;
font-size: 16px;
margin: 20px 0px;
}

.bd_subscribe_input {
padding: 10px 20px;
width: 300px;
border-radius: 20px;
border: solid 2px white;
background: transparent;
color: white;
box-sizing: border-box;
margin: 5px 0px 0px 0px;
}

.bd_subscribe_button {
margin: 20px 0px;
background-color: #68D2F0;
padding: 8px 20px;
box-sizing: border-box;
width: 300px;
border-radius: 15px;
color: white;
text-transform: uppercase;
font-size: 16px;
font-family: 'bold';
border: none;
cursor: pointer;
transition: 0.5s;
}

.bd_subscribe_button:hover {
background-color: #4A93A7;
}

.bd_footer_socialblock {
width: 300px;
}

.bd_social_footer {
width: 100%;
text-align: center;
margin: 10px 0px 0px 0px;
}

.bd_social_footer a{
display: inline-block;
margin: 10px;
width: 40px;
height: 40px;
background-size: 100% 100%;
}

.bd_footer_center {
width: 300px;
text-align: center;
}

.bd_footer_center_text {
margin: 20px 0px;
font-size: 16px;
color: white;
}

.bd_copy {
width: 100%;
padding: 10px 0px;
width: 100%;
text-align: center;
color: white;
}

.bd_tours_slider_container {
width: 100%;
position: relative;
}

.bd_tours_slider_slide {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-size: cover;
background-position: center center;
}

.bd_tours_text_container {
width: 100%;
height: 100%;
position: absoute;
top: 0px;
left: 0px;
text-align: center;
}

.bd_tours_width_content {
width: 1500px;
margin: 0px auto;
display: inline-block;
text-align: left;
}

.bd_tours_content_block {
width: 600px;
display: inline-block;
background: rgba(0.0,0.0,0.0,0.6);
position: relative;
z-index: 1;
}

.bd_tours_navigation {
padding: 20px 10px;
width: 100%;
box-sizing: border-box;
color: white;
list-style: none;
text-align: left;
margin: 0px 0px 20px 0px;
}


.bd_cities_selector {
display: block;
width: 100%;
padding: 30px 10% 10px 10%;
text-align: center;
box-sizing: border-box;
background: rgba(0.0,0.0,0.0,0.8);
position: relative;
z-index: 55;
/*border-top: solid 6px #68d2f0;*/
}

/*
.bd_cities_selector:after {
background: rgb(104, 210, 240);
clip-path: polygon(100% 0, 0 0, 50% 100%);
content: '';
width: 100px;
height: 26px;
position: absolute;
top: -1px;
left: 50%;
transform: translate(-50%);
z-index: 100;
}
*/

.bd_city_button {
display: inline-block;
padding: 5px 10px;
color: white;
font-size: 20px;
font-family: 'black';
cursor: pointer;
}

.bd_city_button.active {
color: #68D2F0;
}

.bd_tours_navigation li {
display: inline-block;
padding: 10px 20px;
font-size: 20px;
font-family: 'black';
cursor: pointer;

}

.bd_tours_navigation li.active {
color: #68D2F0;
}

.bd_tours_tour_description {
text-align: left;
color: white;
font-size: 16px;
padding: 20px 20px;
margin: 0px 0px 20px 0px;
}

.bd_tours_tour_description h2 {
font-family: 'black';
font-size: 30px;
margin: 0px 0px 20px 0px;
}

.bd_tours_readmore_btn {
display: inline-block;
margin: 40px 0px 0px 0px;
background-color: #68D2F0;
padding: 8px 20px;
box-sizing: border-box;
border-radius: 25px;
color: white;
text-transform: uppercase;
font-size: 18px;
font-family: 'bold';
border: none;
cursor: pointer;
transition: 0.5s;
text-decoration: none;
}

.bd_tours_readmore_btn:hover {
color: #68D2F0;
background-color: white;
}

.bd_tour_general_flex {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.bd_tour_images_slider_block {
width: 50%;
}

.bd_tour_images_slide {
width: 100%;
height: 400px;
background-size: cover;
background-position: center center;
}

.bd_tour_images_slidprv {
width: 100%;
margin: 10px 0px 0px 0px;
text-align: left;
}

.bd_tour_images_slidprv  span {
width: 100px;
height: 70px;
background-size: cover;
background-position: center center;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
}

.bd_tour_images_slidprv  span.active {
border: solid 5px #68D2F0;
}

.bd_tour_right_text {
width: 45%;
text-align: left;
font-size: 16px;
}

.bd_tour_spoler_title > input[type="checkbox"]{
display: none;
}

.bd_tour_spoler_title > label {
display: block;
padding: 5px 10px;
box-sizing: border-box;
width: 100%;
border: solid 2px #68D2F0;
color: #68D2F0;
text-align: left;
font-family: 'bold';
position: relative;
cursor: pointer;
}

.bd_tour_spoler_title > label:after {
content: '▼';
position: absolute;
right: 10px;
top: -15px;
font-size: 40px;
transition: all 0.5s;
}

.bd_spoliler_container {
overflow: hidden;
max-height: 0px;
transition: all 0.5s;
border: solid 1px #68D2F0;
padding: 0px 5px;
}

.bd_tour_spoler_title > input[type="checkbox"]:checked ~ label:after{
transform: rotate(180deg);
top: -8px;
}

.bd_tour_spoler_title > input[type="checkbox"]:checked ~ .bd_spoliler_container {
max-height: 2000px;
}

.bd_spoiler_content_tex {
text-align: left;
padding: 5px 20px;
box-sizing: border-box;
width: 100%;
}

.bd_text_block_section {
background-color: #cecece;
}

.bd_site_form  label{
color: white;
display: inline-block;
text-align: left;
font-size: 16px;
margin: 10px;
}

.bd_site_form  label b{
color: red;
}

.bd_form_flex_row {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.bd_site_form  input[type="text"]{
padding: 5px 20px;
border: none;
margin: 10px 0px;
box-sizing: border-box;
width: 320px;
}

.bd_site_form  select {
padding: 5px 20px;
border: none;
margin: 10px 0px;
box-sizing: border-box;
width: 320px;
}

.bd_site_form  input[type="date"] {
padding: 5px 20px;
border: none;
margin: 10px 0px;
box-sizing: border-box;
width: 320px;
}

.bd_site_form  input[type="number"] {
padding: 5px 20px;
border: none;
margin: 10px 0px;
box-sizing: border-box;
width: 320px;
}

.bd_form_line {
width: 100%;
height: 2px;
background-color: white; 
}

.bd_form_tip {
color: white;
font-size: 20px;
text-align: center;
padding: 10px;
box-sizing: border-box;
width: 100%;
}

.bd_form_sub_container {
margin: 34px 0px 0px 0px;
}

.bd_site_form  input[type="submit"]{
background-color: #68D2F0;
padding: 8px 20px;
box-sizing: border-box;
width: 300px;
border-radius: 15px;
color: white;
text-transform: uppercase;
font-size: 16px;
font-family: 'bold';
border: none;
cursor: pointer;
transition: 0.5s;
}

.bd_site_form  input[type="submit"]:hover{
background-color: #4A93A7;
}

.bd_modal_background {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 200;
background: rgba(0,0,0,0.7);
display: none;
}

.bd_modal_cross {
width: 50px;
height: 50px;
position: fixed;
top: 0px;
right: 0px;
cursor: pointer;
z-index: 202;
display: none;
background-color: rgba(10, 11, 14, 0.3);
}

.bd_modal_cross:before {
width: 60px;
height: 4px;
content: '';
position: absolute;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: -30px;
top: 24px;
left: 50%;
background-color: white;
cursor: pointer;
}

.bd_modal_cross:after {
width: 60px;
height: 4px;
content: '';
position: absolute;
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
margin-left: -30px;
top: 24px;
left: 50%;
background-color: white;
cursor: pointer;
}

.bd_modal_test {
width: 90%;
height: 90%;
overflow-y: auto;
z-index: 201;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: none;
}

.bd_modal_basket {
width: 360px;
height: 90%;
overflow-y: auto;
z-index: 201;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: none;
}



.um_block_basket {
width: 100%;
box-sizing: border-box;
margin: 10px 0px 0px 0px;
padding: 20px 10px;
background-color: white;
border-radius: 10px;
}

.bd_modal_test {
display: none;
}

.bd_corp_scroll_wrap {
width: 100%;
overflow: hidden;
height: 200px;
position: relative;
}

.bd_country_selector_wraper {
width: 100%;
height: 220px;
position: relative;
overflow-x: auto;
overflow-y: hidden;
}

.bd_country_selector {
text-align: left;
display: flex;
justify-content: start;
height: 200px;
z-index: 50;
}

.bd_country_item {
height: 200px;
width: 320px;
color: white;
background-size: cover;
background-position: center center;
cursor: pointer;
display: inline-block;
position: relative;
user-select: none;
}

.bd_country_item div {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: relative;
transition: all 0.5s;
}

.bd_country_item div span {
position: absolute;
display: block;
text-align: center;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: white;
font-family: 'black';
font-size: 24px;
text-transform: uppercase;
}

.bd_country_item:hover div {
background: rgba(104, 210, 240,0.8);
}

.bd_country_item.active div {
background: rgba(104, 210, 240,1);
}

.bd_country_slider_arrow {
position: absolute;
z-index: 60;
top: 50%;
background: rgba(0,0,0,0.4);
width: 40px;
height: 100px;
transform: translate(0%,-50%);
cursor: pointer;
transition: all 0.5s;
}

.bd_country_slider_arrow:hover {
background: rgba(0,0,0,0.7);
}

.bd_country_slider_arrow.left {
left: 0px;
display: none;
}

.bd_country_slider_arrow.left:before {
width: 3px;
height: 20px;
position: absolute;
bottom: 32px;
left: 50%;
transform: translate(-50%,0%) rotate(-30deg);
content: '';
background: white;
}

.bd_country_slider_arrow.left:after {
width: 3px;
height: 20px;
position: absolute;
top: 32px;
left: 50%;
transform: translate(-50%,0%) rotate(30deg);
content: '';
background: white;
}

.bd_country_slider_arrow.right {
right: 0px;
display: none;
}

.bd_country_slider_arrow.right:before {
width: 3px;
height: 20px;
position: absolute;
bottom: 32px;
left: 50%;
transform: translate(-50%,0%) rotate(30deg);
content: '';
background: white;
}

.bd_country_slider_arrow.right:after {
width: 3px;
height: 20px;
position: absolute;
top: 32px;
left: 50%;
transform: translate(-50%,0%) rotate(-30deg);
content: '';
background: white;
}

.bd_main_slider_container {
width: 100%;
height: 100%;
}

.bd_main_slider_slide {
width: 100%;
height: 800px;
background-size: cover;
background-position: center top;	
}

.bd_lslider_wraper_new {
position: relative;
}

.bd_slider_new_arrow {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: white;
position: absolute;
z-index: 20;
transform: translate(0,-50%);
top: 50%;
cursor: pointer;
}


.bd_slider_new_arrow.left {
left: -10px;
}

.bd_slider_new_arrow.left:before {
content: '<';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(1,2);
font-size: 20px;
}

.bd_slider_new_arrow.right {
right: -10px;
}

.bd_slider_new_arrow.right:before {
content: '>';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(1,2);
font-size: 20px;
}

.bd_tours_slider_new {
width: 100%;
display: flex;
justify-content: space-between;
}

.bd_tours_slide_country_new {
width: 24%;
height: 400px;
position: relative;
overflow: hidden;
border-radius: 15px;
cursor: pointer;
}

.bd_tours_slide_bg_new {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%); 
transition: all 1s;
}

.bd_ypurs_black_gradient {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.3);
transition: all 1s;
}

.bd_tours_slide_country_new:hover .bd_tours_slide_bg_new{
width: 120%;
height: 120%;
}

.bd_tours_slide_country_new.active .bd_ypurs_black_gradient {
background: rgba(0,0,0,0.0);
}

.bd_tours_slide_country_new:hover .bd_ypurs_black_gradient {
background: rgba(0,0,0,0.0);
}

.bd_country_tip_new {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 24px;
text-transform: uppercase;
font-family: 'black';
}

.bd_cities_selectroe_new {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.bd_cities_selectror_tile_new {
width:32%;
height: 150px;
position: relative;
overflow: hidden;
margin: 10px 0px 10px 0px;
border-radius: 15px;
transition: all 0.5s;
cursor: pointer;
}

.bd_cities_selectror_tile_new.active {
width: 100%;
}

.bd_cities_selectror_tile_new.active .bd_cities_black_gradient {
background: rgba(0,0,0,0);
}

.bd_cities_selectror_tile_new:hover .bd_cities_black_gradient {
background: rgba(0,0,0,0.0);
}

.bd_cities_selectror_tile_new:hover .bd_cities_slide_bg_new{
width: 120%;
height: 120%;
}

.bd_cities_slide_bg_new {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%); 
transition: all 1s;
}

.bd_cities_black_gradient {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.3);
transition: all 1s;
}

.bd_cities_tip_new {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 20px;
text-transform: uppercase;
font-family: 'bold';
}

.bd_tours_selector_new {
width: 100%;
display: flex;
justify-content: space-between;
}

.bd_tours_selector_new {
width: 320px;
height: 300px;
position: relative;
overflow: hidden;
margin: 10px 0px 10px 0px;
border-radius: 15px;
transition: all 0.5s;
cursor: pointer;
margin-right: 20px;
}

.bd_tours_slide_bg_new {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%); 
transition: all 1s;
}

.bd_tours_black_gradient {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.3);
transition: all 1s;
}

.bd_tours_tip_new {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 20px;
text-transform: uppercase;
}

.bd_tours_selector_new.active .bd_tours_black_gradient {
background: rgba(0,0,0,0);
}

.bd_tours_selector_new:hover .bd_tours_black_gradient {
background: rgba(0,0,0,0.0);
}

.bd_tours_selector_new:hover .bd_tours_slide_bg_new{
width: 120%;
height: 120%;
}

.bd_tours_slider_container {
width: 100%;
overflow-x: hidden;
}

.bd_tour_content_block_new {
width: 100%;
min-height: 400px;
border-radius: 15px;
overflow: hidden;
background-size: cover;
background-position: center center;
}

.bd_tours_content_inside_new {
padding: 0px 5%;
width: 100%;
text-align: left;
box-sizing: border-box;
}

.bd_tours_content_inside_bg {
min-height: 400px;
padding: 25px;
box-sizing: border-box;
background: rgba(0,0,0,0.6);
display: inline-block;
width: 400px;
color: white;
}

.um_preimushestava {
width: 100%;
background-image: url(/img/krasota.jpg);
background-attachment: fixed;
position: relative;
}

.um_flex_infogr {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: top;
width: 100%;
height: 100%;
}

.um_flex_infogr_itm {
width: 25%;
color: white;
padding: 80px 10px 80px 10px;
box-sizing: border-box;
font-size: 20px;
}

.um_flex_infogr_itm span{
display: block;
color: #68D2F0;
font-family: 'black';
font-size: 41px;
}

.um_tours_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.um_tours_ittem  {
width: 24%;
height: 460px;
border-radius: 15px;
border: solid 1px #68D2F0;
margin: 20px auto;
padding: 0px 0px 30px 0px;
position: relative;
}

.um_tours_ittem_img  { 
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
border-radius: 15px 15px 0px 0px;
}

.um_tours_ittem_img  div { 
background-size: cover;
background-position: center center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 2s;
width: 100%;
height: 100%;
}

.um_tours_ittem_img:hover div {
width: 120%;
height: 120%;
} 

.um_tours_ittem_button {
position: absolute;
bottom: 0px;
left: 0px;
border-radius: 0px 0px 15px 15px;
background-color: white;
color: #68D2F0;
text-transform: uppercase;
text-decoration: none;
font-size: 22px;
text-align: center;
display: block;
width: 100%;
box-sizing: border-box;
padding: 5px 10px;
border-top: solid 2px #68D2F0;
}

.um_add_to_cart {
position: absolute;
bottom: 36px;
left: 0px;
color: white;
text-transform: uppercase;
text-decoration: none;
font-size: 22px;
text-align: center;
display: block;
width: 100%;
box-sizing: border-box;
padding: 5px 30px 5px 10px;
cursor: pointer;
background-color: #68D2F0;
background-image: url('img/basket.svg');
background-repeat: no-repeat;
background-position: 250px center;
background-size: auto 60%;
}

.um_add_to_cart_tour {
color: white;
text-transform: uppercase;
text-decoration: none;
font-size: 22px;
text-align: center;
display: block;
width: 300px;
box-sizing: border-box;
padding: 5px 30px 5px 10px;
cursor: pointer;
background-color: #68D2F0;
background-image: url('img/basket.svg');
background-repeat: no-repeat;
background-position: 250px center;
background-size: auto 60%;
margin: 0px 5px;
border-radius: 5px;
}

.um_tour_desc {
padding: 5px 10px;
width: 100%;
box-sizing: border-box;
}

.um_text_descr {
font-size: 20px;
color: #25B4DD;
}

.um_comments {
width: 100%;
margin: 30px 0px;
text-align: center;
}

.um_coments_wraper {
width: 100%;
height: 400px;
position: relative;
}

.um_coments_arr_cont {
position: relative;
}

.um_comment_block {
width: 300px;
padding: 20px 10px;
box-sizing: border-box;
background-color: #E9FAFF;
min-height: 400px;
text-align: center;
border-radius: 15px;
}

.um_com_avatar {
border-radius: 200px;
margin: 0px auto 10px auto;
display: inline-block;
width: 150px;
height: 150px;
background-size: cover;
background-position: center top;
}

.um_com_name {
display: block;
width: 100%;
font-weight: bold;
font-size: 18px;
text-align: center;
}

.um_com_rate {
display: inline-block;
padding: 5px 10px 5px 10px;
margin: 0px auto 10px auto;
position: relative;
color: #68D2F0;
font-weight: bold;
}

.um_com_rate st{
display: inline-block;
width: 30px;
height: 30px;
position: relative;
}

.um_com_rate st:before {
position: absolute;
left: 50%;
top: 50%;
content: '';
width: 28px;
height: 28px;
transform: translate(-50%,-50%);
background-color: #68D2F0;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.um_com_rate st:after {
position: absolute;
left: 50%;
top: 50%;
content: '';
width: 24px;
height: 24px;
transform: translate(-50%,-50%);
background-color: white;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.um_com_text {
display: block;
}

.um_tours_icons {
padding: 4px 10px 4px 70px;
text-align: left;
box-sizing: border-box;
background-position: 5px center;
background-repeat: no-repeat;
background-size: auto 60%;
color: gray;
}

.um_tours_icons b {
display: block;
}

.um_basket_button {
width: 38px;
height: 38px;
padding: 0px !important;
vertical-align: top;
margin: 0px 0px 0px 20px;
}

.um_basket_button  div {
width: 100%;
height: 100%;
background-size: 80% auto;
background-repeat: no-repeat;
background-position: center center;
background-image: url(img/basket.svg);
position: relative;
}

.um_basket_button  div span{
position: absolute;
bottom: 0px;
right: 0px;
display: block;
padding: 0px 5px;
background-color: #68D2F0;
border-radius: 10px;
}

.um_block_basket b {
color: #68D2F0;
}

.um_basket_cross {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
}

.um_basket_cross:before,.um_basket_cross:after {
content: '';
width:30px;
height: 2px;
background-color: red;
position: absolute;
top: 50%;
left: 50%;
}

.um_basket_cross:before {
transform: translate(-50%,-50%) rotate(-45deg);
}
.um_basket_cross:after {
transform: translate(-50%,-50%) rotate(45deg);
}


.um_set_order {
background-color: #68D2F0;
padding: 8px 20px;
box-sizing: border-box;
width: 100%;
text-align: center;
border-radius: 17px;
color: white;
text-transform: uppercase;
font-size: 16px;
font-family: 'bold';
border: none;
cursor: pointer;
transition: 0.5s;
}

.um_block_basket label {
color: black;
}

.um_block_basket input[type="text"] {
border: solid 1px #68D2F0;
}

.um_block_basket input[type="submit"] {
width: 100%;
}